diff --git a/.gitignore b/.gitignore
index 3c3629e..1380c2e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 node_modules
+.next
\ No newline at end of file
diff --git a/.next/cache/webpack/client-development/index.pack.gz b/.next/cache/webpack/client-development/index.pack.gz
index f879b77..f92a1d4 100644
Binary files a/.next/cache/webpack/client-development/index.pack.gz and b/.next/cache/webpack/client-development/index.pack.gz differ
diff --git a/.next/trace b/.next/trace
index 429cb36..1bfc5b0 100644
--- a/.next/trace
+++ b/.next/trace
@@ -1,2 +1,2 @@
-[{"traceId":"df843e9e42ecd7dc","name":"hot-reloader","id":1,"timestamp":18170228220,"duration":31,"tags":{"version":"14.0.1"},"startTime":1761032469410},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"start","id":2,"timestamp":18170228873,"duration":2,"tags":{},"startTime":1761032469411},{"traceId":"df843e9e42ecd7dc","parentId":2,"name":"get-version-info","id":3,"timestamp":18170228981,"duration":801012,"tags":{},"startTime":1761032469411},{"traceId":"df843e9e42ecd7dc","parentId":2,"name":"clean","id":4,"timestamp":18171030049,"duration":604,"tags":{},"startTime":1761032470212},{"traceId":"df843e9e42ecd7dc","parentId":5,"name":"get-page-paths","id":6,"timestamp":18171031935,"duration":831,"tags":{},"startTime":1761032470214},{"traceId":"df843e9e42ecd7dc","parentId":5,"name":"create-pages-mapping","id":7,"timestamp":18171032785,"duration":422,"tags":{},"startTime":1761032470215},{"traceId":"df843e9e42ecd7dc","parentId":5,"name":"create-entrypoints","id":8,"timestamp":18171033220,"duration":1904,"tags":{},"startTime":1761032470215},{"traceId":"df843e9e42ecd7dc","parentId":5,"name":"generate-webpack-config","id":9,"timestamp":18171035144,"duration":24403,"tags":{},"startTime":1761032470217},{"traceId":"df843e9e42ecd7dc","parentId":2,"name":"get-webpack-config","id":5,"timestamp":18171031868,"duration":27694,"tags":{},"startTime":1761032470214},{"traceId":"df843e9e42ecd7dc","parentId":10,"name":"make","id":11,"timestamp":18171119958,"duration":959,"tags":{},"startTime":1761032470302},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"chunk-graph","id":13,"timestamp":18171122547,"duration":695,"tags":{},"startTime":1761032470305},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"optimize-modules","id":15,"timestamp":18171123391,"duration":26,"tags":{},"startTime":1761032470306},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"optimize-chunks","id":16,"timestamp":18171123526,"duration":182,"tags":{},"startTime":1761032470306},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"optimize-tree","id":17,"timestamp":18171123770,"duration":90,"tags":{},"startTime":1761032470306},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"optimize-chunk-modules","id":18,"timestamp":18171124020,"duration":123,"tags":{},"startTime":1761032470306},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"optimize","id":14,"timestamp":18171123324,"duration":978,"tags":{},"startTime":1761032470305},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"module-hash","id":19,"timestamp":18171125193,"duration":82,"tags":{},"startTime":1761032470307},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"code-generation","id":20,"timestamp":18171125341,"duration":181,"tags":{},"startTime":1761032470307},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"hash","id":21,"timestamp":18171125775,"duration":469,"tags":{},"startTime":1761032470308},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"code-generation-jobs","id":22,"timestamp":18171126242,"duration":166,"tags":{},"startTime":1761032470308},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"module-assets","id":23,"timestamp":18171126375,"duration":76,"tags":{},"startTime":1761032470309},{"traceId":"df843e9e42ecd7dc","parentId":12,"name":"create-chunk-assets","id":24,"timestamp":18171126461,"duration":173,"tags":{},"startTime":1761032470309},{"traceId":"df843e9e42ecd7dc","parentId":10,"name":"NextJsBuildManifest-generateClientManifest","id":26,"timestamp":18171130679,"duration":794,"tags":{},"startTime":1761032470313},{"traceId":"df843e9e42ecd7dc","parentId":10,"name":"NextJsBuildManifest-createassets","id":25,"timestamp":18171130377,"duration":1108,"tags":{},"startTime":1761032470313},{"traceId":"df843e9e42ecd7dc","parentId":10,"name":"seal","id":12,"timestamp":18171122196,"duration":9960,"tags":{},"startTime":1761032470304},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-compilation","id":10,"timestamp":18171114540,"duration":17859,"tags":{"name":"client"},"startTime":1761032470297},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"emit","id":27,"timestamp":18171132756,"duration":7689,"tags":{},"startTime":1761032470315},{"traceId":"df843e9e42ecd7dc","parentId":28,"name":"make","id":29,"timestamp":18171147651,"duration":780,"tags":{},"startTime":1761032470330},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"chunk-graph","id":31,"timestamp":18171148641,"duration":30,"tags":{},"startTime":1761032470331},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"optimize-modules","id":33,"timestamp":18171148695,"duration":4,"tags":{},"startTime":1761032470331},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"optimize-chunks","id":34,"timestamp":18171148758,"duration":673,"tags":{},"startTime":1761032470331},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"optimize-tree","id":35,"timestamp":18171149481,"duration":12,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"optimize-chunk-modules","id":36,"timestamp":18171149546,"duration":8,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"optimize","id":32,"timestamp":18171148687,"duration":930,"tags":{},"startTime":1761032470331},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"module-hash","id":37,"timestamp":18171149765,"duration":11,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"code-generation","id":38,"timestamp":18171149788,"duration":7,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"hash","id":39,"timestamp":18171149834,"duration":70,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"code-generation-jobs","id":40,"timestamp":18171149904,"duration":72,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"module-assets","id":41,"timestamp":18171149965,"duration":16,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":30,"name":"create-chunk-assets","id":42,"timestamp":18171150008,"duration":16,"tags":{},"startTime":1761032470332},{"traceId":"df843e9e42ecd7dc","parentId":28,"name":"seal","id":30,"timestamp":18171148597,"duration":1882,"tags":{},"startTime":1761032470331},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-compilation","id":28,"timestamp":18171146746,"duration":3829,"tags":{"name":"server"},"startTime":1761032470329},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"emit","id":43,"timestamp":18171150681,"duration":871,"tags":{},"startTime":1761032470333},{"traceId":"df843e9e42ecd7dc","parentId":44,"name":"make","id":45,"timestamp":18171154865,"duration":234,"tags":{},"startTime":1761032470337},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"chunk-graph","id":47,"timestamp":18171155544,"duration":27,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"optimize-modules","id":49,"timestamp":18171155591,"duration":6,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"optimize-chunks","id":50,"timestamp":18171155649,"duration":14,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"optimize-tree","id":51,"timestamp":18171155681,"duration":7,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"optimize-chunk-modules","id":52,"timestamp":18171155707,"duration":7,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"optimize","id":48,"timestamp":18171155585,"duration":147,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"module-hash","id":53,"timestamp":18171155832,"duration":10,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"code-generation","id":54,"timestamp":18171155852,"duration":7,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"hash","id":55,"timestamp":18171155892,"duration":98,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"code-generation-jobs","id":56,"timestamp":18171155990,"duration":23,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"module-assets","id":57,"timestamp":18171156008,"duration":9,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":46,"name":"create-chunk-assets","id":58,"timestamp":18171156023,"duration":29,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":44,"name":"seal","id":46,"timestamp":18171155484,"duration":1001,"tags":{},"startTime":1761032470338},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-compilation","id":44,"timestamp":18171153804,"duration":2720,"tags":{"name":"edge-server"},"startTime":1761032470336},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"emit","id":59,"timestamp":18171156567,"duration":1437,"tags":{},"startTime":1761032470339}]
-[{"traceId":"df843e9e42ecd7dc","parentId":63,"name":"make","id":64,"timestamp":18171371710,"duration":177,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"chunk-graph","id":66,"timestamp":18171372075,"duration":29,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"optimize-modules","id":68,"timestamp":18171372125,"duration":8,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"optimize-chunks","id":69,"timestamp":18171372148,"duration":10,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"optimize-tree","id":70,"timestamp":18171372172,"duration":7,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"optimize-chunk-modules","id":71,"timestamp":18171372199,"duration":6,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"optimize","id":67,"timestamp":18171372118,"duration":113,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"module-hash","id":72,"timestamp":18171372335,"duration":9,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"code-generation","id":73,"timestamp":18171372355,"duration":8,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"hash","id":74,"timestamp":18171372397,"duration":49,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"code-generation-jobs","id":75,"timestamp":18171372446,"duration":22,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"module-assets","id":76,"timestamp":18171372463,"duration":8,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":65,"name":"create-chunk-assets","id":77,"timestamp":18171372477,"duration":14,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":63,"name":"NextJsBuildManifest-generateClientManifest","id":79,"timestamp":18171372791,"duration":155,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":63,"name":"NextJsBuildManifest-createassets","id":78,"timestamp":18171372758,"duration":194,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":63,"name":"seal","id":65,"timestamp":18171372006,"duration":1149,"tags":{},"startTime":1761032470554},{"traceId":"df843e9e42ecd7dc","parentId":60,"name":"webpack-compilation","id":63,"timestamp":18171371057,"duration":2156,"tags":{"name":"client"},"startTime":1761032470553},{"traceId":"df843e9e42ecd7dc","parentId":60,"name":"emit","id":80,"timestamp":18171373238,"duration":81652,"tags":{},"startTime":1761032470555},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-invalidated-client","id":60,"timestamp":18171368484,"duration":87393,"tags":{"trigger":"manual"},"startTime":1761032470551},{"traceId":"df843e9e42ecd7dc","parentId":81,"name":"make","id":82,"timestamp":18171457767,"duration":206,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"chunk-graph","id":84,"timestamp":18171458205,"duration":31,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"optimize-modules","id":86,"timestamp":18171458257,"duration":6,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"optimize-chunks","id":87,"timestamp":18171458334,"duration":94,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"optimize-tree","id":88,"timestamp":18171458466,"duration":6,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"optimize-chunk-modules","id":89,"timestamp":18171458496,"duration":8,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"optimize","id":85,"timestamp":18171458250,"duration":296,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"module-hash","id":90,"timestamp":18171458748,"duration":9,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"code-generation","id":91,"timestamp":18171458769,"duration":9,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"hash","id":92,"timestamp":18171458812,"duration":78,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"code-generation-jobs","id":93,"timestamp":18171458890,"duration":62,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"module-assets","id":94,"timestamp":18171458942,"duration":13,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":83,"name":"create-chunk-assets","id":95,"timestamp":18171458960,"duration":30,"tags":{},"startTime":1761032470641},{"traceId":"df843e9e42ecd7dc","parentId":81,"name":"seal","id":83,"timestamp":18171458151,"duration":1104,"tags":{},"startTime":1761032470640},{"traceId":"df843e9e42ecd7dc","parentId":61,"name":"webpack-compilation","id":81,"timestamp":18171457171,"duration":2157,"tags":{"name":"server"},"startTime":1761032470639},{"traceId":"df843e9e42ecd7dc","parentId":61,"name":"emit","id":96,"timestamp":18171459352,"duration":3224,"tags":{},"startTime":1761032470642},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-invalidated-server","id":61,"timestamp":18171368626,"duration":94509,"tags":{"trigger":"manual"},"startTime":1761032470551},{"traceId":"df843e9e42ecd7dc","parentId":97,"name":"make","id":98,"timestamp":18171465082,"duration":250,"tags":{},"startTime":1761032470647},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"chunk-graph","id":100,"timestamp":18171465601,"duration":29,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"optimize-modules","id":102,"timestamp":18171465652,"duration":7,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"optimize-chunks","id":103,"timestamp":18171465675,"duration":13,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"optimize-tree","id":104,"timestamp":18171465704,"duration":8,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"optimize-chunk-modules","id":105,"timestamp":18171465733,"duration":7,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"optimize","id":101,"timestamp":18171465645,"duration":112,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"module-hash","id":106,"timestamp":18171465862,"duration":8,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"code-generation","id":107,"timestamp":18171465881,"duration":9,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"hash","id":108,"timestamp":18171465924,"duration":55,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"code-generation-jobs","id":109,"timestamp":18171465979,"duration":43,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"module-assets","id":110,"timestamp":18171465995,"duration":29,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":99,"name":"create-chunk-assets","id":111,"timestamp":18171466029,"duration":17,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":97,"name":"seal","id":99,"timestamp":18171465560,"duration":827,"tags":{},"startTime":1761032470648},{"traceId":"df843e9e42ecd7dc","parentId":62,"name":"webpack-compilation","id":97,"timestamp":18171464313,"duration":2100,"tags":{"name":"edge-server"},"startTime":1761032470646},{"traceId":"df843e9e42ecd7dc","parentId":62,"name":"emit","id":112,"timestamp":18171466435,"duration":935,"tags":{},"startTime":1761032470649},{"traceId":"df843e9e42ecd7dc","parentId":1,"name":"webpack-invalidated-edge-server","id":62,"timestamp":18171368682,"duration":99455,"tags":{"trigger":"manual"},"startTime":1761032470551}]
+[{"traceId":"f0904e94193ea7a0","name":"hot-reloader","id":1,"timestamp":2592576096106,"duration":34,"tags":{"version":"14.0.1"},"startTime":1766633328721},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"start","id":2,"timestamp":2592576096835,"duration":1,"tags":{},"startTime":1766633328721},{"traceId":"f0904e94193ea7a0","parentId":2,"name":"get-version-info","id":3,"timestamp":2592576096953,"duration":819493,"tags":{},"startTime":1766633328721},{"traceId":"f0904e94193ea7a0","parentId":2,"name":"clean","id":4,"timestamp":2592576916493,"duration":4618,"tags":{},"startTime":1766633329541},{"traceId":"f0904e94193ea7a0","parentId":5,"name":"get-page-paths","id":6,"timestamp":2592576922458,"duration":677,"tags":{},"startTime":1766633329547},{"traceId":"f0904e94193ea7a0","parentId":5,"name":"create-pages-mapping","id":7,"timestamp":2592576923163,"duration":393,"tags":{},"startTime":1766633329548},{"traceId":"f0904e94193ea7a0","parentId":5,"name":"create-entrypoints","id":8,"timestamp":2592576923573,"duration":1974,"tags":{},"startTime":1766633329548},{"traceId":"f0904e94193ea7a0","parentId":5,"name":"generate-webpack-config","id":9,"timestamp":2592576925579,"duration":55549,"tags":{},"startTime":1766633329550},{"traceId":"f0904e94193ea7a0","parentId":2,"name":"get-webpack-config","id":5,"timestamp":2592576922385,"duration":58757,"tags":{},"startTime":1766633329547},{"traceId":"f0904e94193ea7a0","parentId":10,"name":"make","id":11,"timestamp":2592577057263,"duration":1262,"tags":{},"startTime":1766633329682},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"chunk-graph","id":13,"timestamp":2592577060524,"duration":712,"tags":{},"startTime":1766633329685},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"optimize-modules","id":15,"timestamp":2592577061404,"duration":36,"tags":{},"startTime":1766633329686},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"optimize-chunks","id":16,"timestamp":2592577061585,"duration":211,"tags":{},"startTime":1766633329686},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"optimize-tree","id":17,"timestamp":2592577061878,"duration":104,"tags":{},"startTime":1766633329686},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"optimize-chunk-modules","id":18,"timestamp":2592577062186,"duration":193,"tags":{},"startTime":1766633329687},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"optimize","id":14,"timestamp":2592577061329,"duration":1216,"tags":{},"startTime":1766633329686},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"module-hash","id":19,"timestamp":2592577063540,"duration":118,"tags":{},"startTime":1766633329688},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"code-generation","id":20,"timestamp":2592577063699,"duration":212,"tags":{},"startTime":1766633329688},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"hash","id":21,"timestamp":2592577064255,"duration":547,"tags":{},"startTime":1766633329689},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"code-generation-jobs","id":22,"timestamp":2592577064799,"duration":162,"tags":{},"startTime":1766633329689},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"module-assets","id":23,"timestamp":2592577064919,"duration":106,"tags":{},"startTime":1766633329689},{"traceId":"f0904e94193ea7a0","parentId":12,"name":"create-chunk-assets","id":24,"timestamp":2592577065037,"duration":208,"tags":{},"startTime":1766633329690},{"traceId":"f0904e94193ea7a0","parentId":10,"name":"NextJsBuildManifest-generateClientManifest","id":26,"timestamp":2592577115896,"duration":904,"tags":{},"startTime":1766633329740},{"traceId":"f0904e94193ea7a0","parentId":10,"name":"NextJsBuildManifest-createassets","id":25,"timestamp":2592577115513,"duration":1305,"tags":{},"startTime":1766633329740},{"traceId":"f0904e94193ea7a0","parentId":10,"name":"seal","id":12,"timestamp":2592577060144,"duration":57424,"tags":{},"startTime":1766633329685},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-compilation","id":10,"timestamp":2592577050845,"duration":67040,"tags":{"name":"client"},"startTime":1766633329675},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"emit","id":27,"timestamp":2592577118309,"duration":5305,"tags":{},"startTime":1766633329743},{"traceId":"f0904e94193ea7a0","parentId":28,"name":"make","id":29,"timestamp":2592577131296,"duration":827,"tags":{},"startTime":1766633329756},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"chunk-graph","id":31,"timestamp":2592577132353,"duration":31,"tags":{},"startTime":1766633329757},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"optimize-modules","id":33,"timestamp":2592577132407,"duration":5,"tags":{},"startTime":1766633329757},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"optimize-chunks","id":34,"timestamp":2592577132471,"duration":637,"tags":{},"startTime":1766633329757},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"optimize-tree","id":35,"timestamp":2592577133160,"duration":11,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"optimize-chunk-modules","id":36,"timestamp":2592577133236,"duration":10,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"optimize","id":32,"timestamp":2592577132400,"duration":915,"tags":{},"startTime":1766633329757},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"module-hash","id":37,"timestamp":2592577133532,"duration":11,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"code-generation","id":38,"timestamp":2592577133555,"duration":8,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"hash","id":39,"timestamp":2592577133629,"duration":64,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"code-generation-jobs","id":40,"timestamp":2592577133692,"duration":51,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"module-assets","id":41,"timestamp":2592577133734,"duration":15,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":30,"name":"create-chunk-assets","id":42,"timestamp":2592577133756,"duration":15,"tags":{},"startTime":1766633329758},{"traceId":"f0904e94193ea7a0","parentId":28,"name":"seal","id":30,"timestamp":2592577132289,"duration":1950,"tags":{},"startTime":1766633329757},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-compilation","id":28,"timestamp":2592577130518,"duration":3802,"tags":{"name":"server"},"startTime":1766633329755},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"emit","id":43,"timestamp":2592577134457,"duration":695,"tags":{},"startTime":1766633329759},{"traceId":"f0904e94193ea7a0","parentId":44,"name":"make","id":45,"timestamp":2592577138792,"duration":161,"tags":{},"startTime":1766633329763},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"chunk-graph","id":47,"timestamp":2592577139416,"duration":24,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"optimize-modules","id":49,"timestamp":2592577139461,"duration":4,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"optimize-chunks","id":50,"timestamp":2592577139523,"duration":13,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"optimize-tree","id":51,"timestamp":2592577139552,"duration":5,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"optimize-chunk-modules","id":52,"timestamp":2592577139576,"duration":6,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"optimize","id":48,"timestamp":2592577139454,"duration":145,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"module-hash","id":53,"timestamp":2592577139699,"duration":8,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"code-generation","id":54,"timestamp":2592577139718,"duration":7,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"hash","id":55,"timestamp":2592577139758,"duration":75,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"code-generation-jobs","id":56,"timestamp":2592577139832,"duration":22,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"module-assets","id":57,"timestamp":2592577139848,"duration":9,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":46,"name":"create-chunk-assets","id":58,"timestamp":2592577139862,"duration":15,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":44,"name":"seal","id":46,"timestamp":2592577139367,"duration":976,"tags":{},"startTime":1766633329764},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-compilation","id":44,"timestamp":2592577137592,"duration":2788,"tags":{"name":"edge-server"},"startTime":1766633329762},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"emit","id":59,"timestamp":2592577140425,"duration":606,"tags":{},"startTime":1766633329765}]
+[{"traceId":"f0904e94193ea7a0","parentId":63,"name":"make","id":64,"timestamp":2592577356400,"duration":157,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"chunk-graph","id":66,"timestamp":2592577356693,"duration":22,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"optimize-modules","id":68,"timestamp":2592577356735,"duration":4,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"optimize-chunks","id":69,"timestamp":2592577356752,"duration":7,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"optimize-tree","id":70,"timestamp":2592577356777,"duration":8,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"optimize-chunk-modules","id":71,"timestamp":2592577356812,"duration":9,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"optimize","id":67,"timestamp":2592577356728,"duration":193,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"module-hash","id":72,"timestamp":2592577357060,"duration":9,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"code-generation","id":73,"timestamp":2592577357080,"duration":8,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"hash","id":74,"timestamp":2592577357132,"duration":63,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"code-generation-jobs","id":75,"timestamp":2592577357194,"duration":25,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"module-assets","id":76,"timestamp":2592577357213,"duration":9,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":65,"name":"create-chunk-assets","id":77,"timestamp":2592577357227,"duration":13,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":63,"name":"NextJsBuildManifest-generateClientManifest","id":79,"timestamp":2592577357565,"duration":247,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":63,"name":"NextJsBuildManifest-createassets","id":78,"timestamp":2592577357521,"duration":300,"tags":{},"startTime":1766633329982},{"traceId":"f0904e94193ea7a0","parentId":63,"name":"seal","id":65,"timestamp":2592577356656,"duration":1463,"tags":{},"startTime":1766633329981},{"traceId":"f0904e94193ea7a0","parentId":60,"name":"webpack-compilation","id":63,"timestamp":2592577355575,"duration":2574,"tags":{"name":"client"},"startTime":1766633329980},{"traceId":"f0904e94193ea7a0","parentId":60,"name":"emit","id":80,"timestamp":2592577358176,"duration":119441,"tags":{},"startTime":1766633329983},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-invalidated-client","id":60,"timestamp":2592577352168,"duration":126621,"tags":{"trigger":"manual"},"startTime":1766633329977},{"traceId":"f0904e94193ea7a0","parentId":81,"name":"make","id":82,"timestamp":2592577480527,"duration":219,"tags":{},"startTime":1766633330105},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"chunk-graph","id":84,"timestamp":2592577480864,"duration":28,"tags":{},"startTime":1766633330105},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"optimize-modules","id":86,"timestamp":2592577480932,"duration":5,"tags":{},"startTime":1766633330105},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"optimize-chunks","id":87,"timestamp":2592577481017,"duration":59,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"optimize-tree","id":88,"timestamp":2592577481094,"duration":6,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"optimize-chunk-modules","id":89,"timestamp":2592577481120,"duration":5,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"optimize","id":85,"timestamp":2592577480925,"duration":222,"tags":{},"startTime":1766633330105},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"module-hash","id":90,"timestamp":2592577481325,"duration":9,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"code-generation","id":91,"timestamp":2592577481344,"duration":7,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"hash","id":92,"timestamp":2592577481395,"duration":68,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"code-generation-jobs","id":93,"timestamp":2592577481462,"duration":21,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"module-assets","id":94,"timestamp":2592577481478,"duration":9,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":83,"name":"create-chunk-assets","id":95,"timestamp":2592577481491,"duration":13,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":81,"name":"seal","id":83,"timestamp":2592577480833,"duration":904,"tags":{},"startTime":1766633330105},{"traceId":"f0904e94193ea7a0","parentId":61,"name":"webpack-compilation","id":81,"timestamp":2592577479989,"duration":1780,"tags":{"name":"server"},"startTime":1766633330104},{"traceId":"f0904e94193ea7a0","parentId":61,"name":"emit","id":96,"timestamp":2592577481792,"duration":3081,"tags":{},"startTime":1766633330106},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-invalidated-server","id":61,"timestamp":2592577352323,"duration":133011,"tags":{"trigger":"manual"},"startTime":1766633329977},{"traceId":"f0904e94193ea7a0","parentId":97,"name":"make","id":98,"timestamp":2592577487164,"duration":205,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"chunk-graph","id":100,"timestamp":2592577487639,"duration":24,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"optimize-modules","id":102,"timestamp":2592577487687,"duration":6,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"optimize-chunks","id":103,"timestamp":2592577487708,"duration":27,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"optimize-tree","id":104,"timestamp":2592577487794,"duration":7,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"optimize-chunk-modules","id":105,"timestamp":2592577487822,"duration":8,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"optimize","id":101,"timestamp":2592577487677,"duration":190,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"module-hash","id":106,"timestamp":2592577488046,"duration":8,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"code-generation","id":107,"timestamp":2592577488065,"duration":7,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"hash","id":108,"timestamp":2592577488103,"duration":64,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"code-generation-jobs","id":109,"timestamp":2592577488167,"duration":22,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"module-assets","id":110,"timestamp":2592577488183,"duration":9,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":99,"name":"create-chunk-assets","id":111,"timestamp":2592577488197,"duration":15,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":97,"name":"seal","id":99,"timestamp":2592577487602,"duration":896,"tags":{},"startTime":1766633330112},{"traceId":"f0904e94193ea7a0","parentId":62,"name":"webpack-compilation","id":97,"timestamp":2592577486564,"duration":1966,"tags":{"name":"edge-server"},"startTime":1766633330111},{"traceId":"f0904e94193ea7a0","parentId":62,"name":"emit","id":112,"timestamp":2592577488552,"duration":664,"tags":{},"startTime":1766633330113},{"traceId":"f0904e94193ea7a0","parentId":1,"name":"webpack-invalidated-edge-server","id":62,"timestamp":2592577352387,"duration":137628,"tags":{"trigger":"manual"},"startTime":1766633329977}]
diff --git a/public/flukemoni/Ex1/HOMEPAGE.html b/public/flukemoni/Ex1/HOMEPAGE.html
old mode 100644
new mode 100755
index a4666f5..efc0a5c
--- a/public/flukemoni/Ex1/HOMEPAGE.html
+++ b/public/flukemoni/Ex1/HOMEPAGE.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_1_ex {
+	#n_40_fm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 370px;
+		top: 135px;
+	}
+	#n_41 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_41 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 370px;
+		top: 231px;
+	}
+	#n_42 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_42 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 370px;
+		top: 320px;
+	}
+	#n_43 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 370px;
+		top: 383px;
+	}
+	#n_44 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_44 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 478px;
+	}
+	#n_45 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_45 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 478px;
+	}
+	#n_46 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_46 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 480px;
+	}
+	#rectangle_1_ft {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_1_ex {
+	.rectangle_1_ft {
 		position: absolute;
 		overflow: visible;
 		width: 441px;
@@ -72,7 +198,7 @@
 		--web-action-target: T2limits___1.html;
 		cursor: pointer;
 	}
-	#rectangle_2_ey {
+	#rectangle_2_fu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +208,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_2_ey {
+	.rectangle_2_fu {
 		position: absolute;
 		overflow: visible;
 		width: 447px;
@@ -94,7 +220,7 @@
 		--web-action-target: T2project.html;
 		cursor: pointer;
 	}
-	#rectangle_7_ez {
+	#rectangle_7_fv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_ez {
+	.rectangle_7_fv {
 		position: absolute;
 		overflow: visible;
 		width: 441px;
@@ -116,7 +242,7 @@
 		--web-action-target: T2test_ID___1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_e {
+	#rectangle_8_fw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_e {
+	.rectangle_8_fw {
 		position: absolute;
 		overflow: visible;
 		width: 441px;
@@ -138,7 +264,7 @@
 		--web-action-target: customized___8.html;
 		cursor: pointer;
 	}
-	#tools_button_e {
+	#tools_button_fx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tools_button_e {
+	.tools_button_fx {
 		position: absolute;
 		overflow: visible;
 		width: 95px;
@@ -160,7 +286,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#result_button_e {
+	#result_button_fy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.result_button_e {
+	.result_button_fy {
 		position: absolute;
 		overflow: visible;
 		width: 95px;
@@ -182,7 +308,7 @@
 		--web-action-target: T2result___1.html;
 		cursor: pointer;
 	}
-	#synchronize_button_e {
+	#synchronize_button_fz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.synchronize_button_e {
+	.synchronize_button_fz {
 		position: absolute;
 		overflow: visible;
 		width: 95px;
@@ -204,7 +330,7 @@
 		--web-action-target: T2LWL___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_e {
+	#n_upper_banner_f {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3128,35 +3254,63 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="n_HOME" src="n_HOME.png" srcset="n_HOME.png 1x, n_HOME@2x.png 2x">
 		
-	<svg class="rectangle_1_ex">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_1_ex" rx="0" ry="0" x="0" y="0" width="441" height="101">
+	<svg class="n_40_fm">
+		<ellipse id="n_40_fm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_41">
+		<ellipse id="n_41" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_42">
+		<ellipse id="n_42" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43">
+		<ellipse id="n_43" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_44">
+		<ellipse id="n_44" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_45">
+		<ellipse id="n_45" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_46">
+		<ellipse id="n_46" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_1_ft">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_1_ft" rx="0" ry="0" x="0" y="0" width="441" height="101">
 		</rect>
 	</svg>
-	<svg class="rectangle_2_ey">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_2_ey" rx="0" ry="0" x="0" y="0" width="447" height="82">
+	<svg class="rectangle_2_fu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_2_fu" rx="0" ry="0" x="0" y="0" width="447" height="82">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_ez">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ez" rx="5" ry="5" x="0" y="0" width="441" height="66">
+	<svg class="rectangle_7_fv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fv" rx="5" ry="5" x="0" y="0" width="441" height="66">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_e" rx="0" ry="0" x="0" y="0" width="441" height="41">
+	<svg class="rectangle_8_fw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fw" rx="0" ry="0" x="0" y="0" width="441" height="41">
 		</rect>
 	</svg>
-	<svg class="tools_button_e">
-		<rect onclick="application.goToTargetView(event)" id="tools_button_e" rx="7" ry="7" x="0" y="0" width="95" height="96">
+	<svg class="tools_button_fx">
+		<rect onclick="application.goToTargetView(event)" id="tools_button_fx" rx="7" ry="7" x="0" y="0" width="95" height="96">
 		</rect>
 	</svg>
-	<svg class="result_button_e">
-		<rect onclick="application.goToTargetView(event)" id="result_button_e" rx="7" ry="7" x="0" y="0" width="95" height="96">
+	<svg class="result_button_fy">
+		<rect onclick="application.goToTargetView(event)" id="result_button_fy" rx="7" ry="7" x="0" y="0" width="95" height="96">
 		</rect>
 	</svg>
-	<svg class="synchronize_button_e">
-		<rect onclick="application.goToTargetView(event)" id="synchronize_button_e" rx="7" ry="7" x="0" y="0" width="95" height="96">
+	<svg class="synchronize_button_fz">
+		<rect onclick="application.goToTargetView(event)" id="synchronize_button_fz" rx="7" ry="7" x="0" y="0" width="95" height="96">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
+	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T1Homepage_2.html b/public/flukemoni/Ex1/T1Homepage_2.html
old mode 100644
new mode 100755
index 81c5128..070e28e
--- a/public/flukemoni/Ex1/T1Homepage_2.html
+++ b/public/flukemoni/Ex1/T1Homepage_2.html
@@ -50,6 +50,114 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_40 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 348px;
+		top: 231px;
+	}
+	#n_48 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_48 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 348px;
+		top: 320px;
+	}
+	#n_49 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 348px;
+		top: 387px;
+	}
+	#n_50 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 478px;
+	}
+	#n_51 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 478px;
+	}
+	#n_52 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 478px;
+	}
 	#rectangle_1 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -3124,6 +3232,30 @@ window.application = new Application();
 <div id="T1Homepage_2">
 	<img id="project1" src="project1.png" srcset="project1.png 1x, project1@2x.png 2x">
 		
+	<svg class="n_40">
+		<ellipse id="n_40" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_48">
+		<ellipse id="n_48" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49">
+		<ellipse id="n_49" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50">
+		<ellipse id="n_50" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51">
+		<ellipse id="n_51" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52">
+		<ellipse id="n_52" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_1">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_1" rx="0" ry="0" x="0" y="0" width="441" height="101">
 		</rect>
diff --git a/public/flukemoni/Ex1/T2LWL.html b/public/flukemoni/Ex1/T2LWL.html
old mode 100644
new mode 100755
index 6b10527..8c0eaa4
--- a/public/flukemoni/Ex1/T2LWL.html
+++ b/public/flukemoni/Ex1/T2LWL.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ea {
+	#n_61_en {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_en {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_eo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ea {
+	.rectangle_5_eo {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T1Homepage_2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ea {
+	#n_upper_banner_ep {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2LWL">
 	<img id="n_LWL" src="n_LWL.png" srcset="n_LWL.png 1x, n_LWL@2x.png 2x">
 		
-	<svg class="rectangle_5_ea">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ea" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_en">
+		<ellipse id="n_61_en" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_eo">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_eo" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ea" src="n_upper_banner_ea.png" srcset="n_upper_banner_ea.png 1x, n_upper_banner_ea@2x.png 2x">
+	<img id="n_upper_banner_ep" src="n_upper_banner_ep.png" srcset="n_upper_banner_ep.png 1x, n_upper_banner_ep@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2LWL___1.html b/public/flukemoni/Ex1/T2LWL___1.html
old mode 100644
new mode 100755
index 4714cb1..c8d6f0e
--- a/public/flukemoni/Ex1/T2LWL___1.html
+++ b/public/flukemoni/Ex1/T2LWL___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_LWL_r {
+	#n_LWL_xa {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sa {
+	#n_16_xb {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_xb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_xc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sa {
+	.rectangle_5_xc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_sa {
+	#n_upper_banner_xd {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2LWL__1">
-	<img id="n_LWL_r" src="n_LWL_r.png" srcset="n_LWL_r.png 1x">
+	<img id="n_LWL_xa" src="n_LWL_xa.png" srcset="n_LWL_xa.png 1x">
 		
-	<svg class="rectangle_5_sa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_xb">
+		<ellipse id="n_16_xb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_xc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_sa" src="n_upper_banner_sa.png" srcset="n_upper_banner_sa.png 1x">
+	<img id="n_upper_banner_xd" src="n_upper_banner_xd.png" srcset="n_upper_banner_xd.png 1x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2Newproject___2.html b/public/flukemoni/Ex1/T2Newproject___2.html
old mode 100644
new mode 100755
index 3c8afa7..0287ccd
--- a/public/flukemoni/Ex1/T2Newproject___2.html
+++ b/public/flukemoni/Ex1/T2Newproject___2.html
@@ -54,7 +54,43 @@
 		--web-action-target: T2Newproject___3.html;
 		cursor: pointer;
 	}
-	#rectangle_3_eh {
+	#n_40_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#n_40_fa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 158px;
+		top: 133px;
+	}
+	#rectangle_3_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +100,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_3_eh {
+	.rectangle_3_e {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -76,7 +112,7 @@
 		--web-action-target: T2project___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ei {
+	#n_upper_banner_e {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3000,11 +3036,19 @@ window.application = new Application();
 <div id="T2Newproject__2">
 	<img onclick="application.goToTargetView(event)" id="new_project" src="new_project.png" srcset="new_project.png 1x, new_project@2x.png 2x">
 		
-	<svg class="rectangle_3_eh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_3_eh" rx="0" ry="0" x="0" y="0" width="52" height="31">
+	<svg class="n_40_e">
+		<ellipse id="n_40_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fa">
+		<ellipse id="n_40_fa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_3_e">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_3_e" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ei" src="n_upper_banner_ei.png" srcset="n_upper_banner_ei.png 1x, n_upper_banner_ei@2x.png 2x">
+	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2Newproject___3.html b/public/flukemoni/Ex1/T2Newproject___3.html
old mode 100644
new mode 100755
index 41e665b..95edb2d
--- a/public/flukemoni/Ex1/T2Newproject___3.html
+++ b/public/flukemoni/Ex1/T2Newproject___3.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_3_em {
+	#n_40_fb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#n_40_fc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 356px;
+		top: 599px;
+	}
+	#rectangle_3_fa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_3_em {
+	.rectangle_3_fa {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -72,7 +108,7 @@
 		--web-action-target: T2project___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_en {
+	#n_upper_banner_fb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_9_eo {
+	#rectangle_9_fc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_9_eo {
+	.rectangle_9_fc {
 		position: absolute;
 		overflow: visible;
 		width: 97px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="T2Newproject__3">
 	<img id="project_01" src="project_01.png" srcset="project_01.png 1x, project_01@2x.png 2x">
 		
-	<svg class="rectangle_3_em">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_3_em" rx="0" ry="0" x="0" y="0" width="52" height="31">
+	<svg class="n_40_fb">
+		<ellipse id="n_40_fb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fc">
+		<ellipse id="n_40_fc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_3_fa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_3_fa" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_en" src="n_upper_banner_en.png" srcset="n_upper_banner_en.png 1x, n_upper_banner_en@2x.png 2x">
+	<img id="n_upper_banner_fb" src="n_upper_banner_fb.png" srcset="n_upper_banner_fb.png 1x, n_upper_banner_fb@2x.png 2x">
 		
-	<svg class="rectangle_9_eo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_9_eo" rx="0" ry="0" x="0" y="0" width="97" height="38">
+	<svg class="rectangle_9_fc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_9_fc" rx="0" ry="0" x="0" y="0" width="97" height="38">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T2Newproject___4.html b/public/flukemoni/Ex1/T2Newproject___4.html
old mode 100644
new mode 100755
index e4f1716..e1e4cbe
--- a/public/flukemoni/Ex1/T2Newproject___4.html
+++ b/public/flukemoni/Ex1/T2Newproject___4.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_3_es {
+	#n_40_fg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#rectangle_3_fh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_3_es {
+	.rectangle_3_fh {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -72,7 +90,7 @@
 		--web-action-target: T1Homepage_2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_et {
+	#n_upper_banner_fi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2Newproject__4">
 	<img id="project_02" src="project_02.png" srcset="project_02.png 1x, project_02@2x.png 2x">
 		
-	<svg class="rectangle_3_es">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_3_es" rx="0" ry="0" x="0" y="0" width="52" height="31">
+	<svg class="n_40_fg">
+		<ellipse id="n_40_fg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_3_fh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_3_fh" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_et" src="n_upper_banner_et.png" srcset="n_upper_banner_et.png 1x, n_upper_banner_et@2x.png 2x">
+	<img id="n_upper_banner_fi" src="n_upper_banner_fi.png" srcset="n_upper_banner_fi.png 1x, n_upper_banner_fi@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2_tools___1.html b/public/flukemoni/Ex1/T2_tools___1.html
old mode 100644
new mode 100755
index 9ef3748..573ff30
--- a/public/flukemoni/Ex1/T2_tools___1.html
+++ b/public/flukemoni/Ex1/T2_tools___1.html
@@ -66,7 +66,295 @@
 		top: 1005px;
 		overflow: visible;
 	}
-	#rectangle_5_fg {
+	#n_1 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 138px;
+	}
+	#n_2 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_2 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 196px;
+	}
+	#n_3 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_3 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 252px;
+	}
+	#n_4 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 310px;
+	}
+	#n_5 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 365px;
+	}
+	#n_6 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 424px;
+	}
+	#n_7 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 511px;
+	}
+	#n_8 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 569px;
+	}
+	#n_9 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 624px;
+	}
+	#n_10 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_10 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 682px;
+	}
+	#n_11 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_11 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 739px;
+	}
+	#n_12 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 794px;
+	}
+	#n_13 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 852px;
+	}
+	#n_14 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1194px;
+	}
+	#n_15 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1252px;
+	}
+	#n_16_gt {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_gt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_gu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +364,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fg {
+	.rectangle_5_gu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -392,7 +680,7 @@
 		left: 19px;
 		top: 1007px;
 	}
-	#rectangle_14_fv {
+	#rectangle_14_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -402,7 +690,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_fv {
+	.rectangle_14_g {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -414,7 +702,7 @@
 		--web-action-target: T3adjust_brightness___1.html;
 		cursor: pointer;
 	}
-	#rectangle_14_fw {
+	#rectangle_14_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -424,7 +712,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_fw {
+	.rectangle_14_ha {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -487,7 +775,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_lenth_unit_f {
+	#n_lenth_unit_hg {
 		position: absolute;
 		width: 128px;
 		height: 52px;
@@ -503,7 +791,7 @@
 		top: 1073px;
 		overflow: visible;
 	}
-	#n_1 {
+	#n_1_hi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -513,7 +801,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_1 {
+	.n_1_hi {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -537,7 +825,7 @@
 		top: 1122px;
 		overflow: visible;
 	}
-	#n_2 {
+	#n_2_hl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -547,7 +835,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_2 {
+	.n_2_hl {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -563,7 +851,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_f {
+	#n_upper_banner_hn {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3491,8 +3779,72 @@ window.application = new Application();
 		
 	<img id="n_c" src="n_c.png" srcset="n_c.png 1x, n_c@2x.png 2x">
 		
-	<svg class="rectangle_5_fg">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1">
+		<ellipse id="n_1" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_2">
+		<ellipse id="n_2" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_3">
+		<ellipse id="n_3" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4">
+		<ellipse id="n_4" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5">
+		<ellipse id="n_5" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6">
+		<ellipse id="n_6" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7">
+		<ellipse id="n_7" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8">
+		<ellipse id="n_8" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9">
+		<ellipse id="n_9" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_10">
+		<ellipse id="n_10" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_11">
+		<ellipse id="n_11" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_12">
+		<ellipse id="n_12" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13">
+		<ellipse id="n_13" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14">
+		<ellipse id="n_14" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15">
+		<ellipse id="n_15" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_gt">
+		<ellipse id="n_16_gt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_gu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_10">
@@ -3551,12 +3903,12 @@ window.application = new Application();
 		<rect id="rectangle_14" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_fv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_fv" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_g">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_g" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_fw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_fw" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_ha">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_ha" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
 	<div id="group_dot_format_switch" class="group_dot_format_switch">
@@ -3570,26 +3922,26 @@ window.application = new Application();
 	<div id="group_lenth_unit_switch" class="group_lenth_unit_switch">
 		<img id="n_lenth_unit" src="n_lenth_unit.png" srcset="n_lenth_unit.png 1x, n_lenth_unit@2x.png 2x">
 			
-		<img id="n_lenth_unit_f" src="n_lenth_unit_f.png" srcset="n_lenth_unit_f.png 1x, n_lenth_unit_f@2x.png 2x">
+		<img id="n_lenth_unit_hg" src="n_lenth_unit_hg.png" srcset="n_lenth_unit_hg.png 1x, n_lenth_unit_hg@2x.png 2x">
 			
 	</div>
 	<div id="group_sound_switch" class="group_sound_switch">
-		<svg class="n_1">
-			<rect id="n_1" rx="0" ry="0" x="0" y="0" width="123" height="36">
+		<svg class="n_1_hi">
+			<rect id="n_1_hi" rx="0" ry="0" x="0" y="0" width="123" height="36">
 			</rect>
 		</svg>
 		<img id="n_sound_switch" src="n_sound_switch.png" srcset="n_sound_switch.png 1x, n_sound_switch@2x.png 2x">
 			
 	</div>
 	<div id="group_power_frequency_switch" class="group_power_frequency_switch">
-		<svg class="n_2">
-			<rect id="n_2" rx="0" ry="0" x="0" y="0" width="123" height="34">
+		<svg class="n_2_hl">
+			<rect id="n_2_hl" rx="0" ry="0" x="0" y="0" width="123" height="34">
 			</rect>
 		</svg>
 		<img id="n_power_frequency" src="n_power_frequency.png" srcset="n_power_frequency.png 1x, n_power_frequency@2x.png 2x">
 			
 	</div>
-	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
+	<img id="n_upper_banner_hn" src="n_upper_banner_hn.png" srcset="n_upper_banner_hn.png 1x, n_upper_banner_hn@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2_tools___2.html b/public/flukemoni/Ex1/T2_tools___2.html
old mode 100644
new mode 100755
index 91c8957..1e3af61
--- a/public/flukemoni/Ex1/T2_tools___2.html
+++ b/public/flukemoni/Ex1/T2_tools___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_a_pu {
+	#n_a_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_b_pv {
+	#n_b_t {
 		position: absolute;
 		width: 480px;
 		height: 456px;
@@ -58,7 +58,7 @@
 		top: 550px;
 		overflow: visible;
 	}
-	#n_c_pw {
+	#n_c_t {
 		position: absolute;
 		width: 480px;
 		height: 361px;
@@ -66,7 +66,295 @@
 		top: 1005px;
 		overflow: visible;
 	}
-	#rectangle_5_px {
+	#n_1_t {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 138px;
+	}
+	#n_2_ua {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_2_ua {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 196px;
+	}
+	#n_3_ub {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_3_ub {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 252px;
+	}
+	#n_4_uc {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_uc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 310px;
+	}
+	#n_5_ud {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_ud {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 365px;
+	}
+	#n_6_ue {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_ue {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 423px;
+	}
+	#n_7_uf {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7_uf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 511px;
+	}
+	#n_8_ug {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ug {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 569px;
+	}
+	#n_9_uh {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_uh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 624px;
+	}
+	#n_10_ui {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_10_ui {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 682px;
+	}
+	#n_11_uj {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_11_uj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 739px;
+	}
+	#n_12_uk {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_uk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 794px;
+	}
+	#n_13_ul {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_ul {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 852px;
+	}
+	#n_14_um {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_um {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1194px;
+	}
+	#n_15_un {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_un {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1252px;
+	}
+	#n_16_uo {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_uo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_up {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +364,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_px {
+	.rectangle_5_up {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -88,7 +376,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#rectangle_10_py {
+	#rectangle_10_uq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_10_py {
+	.rectangle_10_uq {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -110,7 +398,7 @@
 		--web-action-target: T3set_reference___3.html;
 		cursor: pointer;
 	}
-	#rectangle_11_pz {
+	#rectangle_11_ur {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -120,7 +408,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_11_pz {
+	.rectangle_11_ur {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -132,7 +420,7 @@
 		--web-action-target: T3diagnose___2.html;
 		cursor: pointer;
 	}
-	#rectangle_12_p {
+	#rectangle_12_us {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -142,7 +430,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_12_p {
+	.rectangle_12_us {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -154,7 +442,7 @@
 		--web-action-target: T3single_test___2.html;
 		cursor: pointer;
 	}
-	#rectangle_13_p {
+	#rectangle_13_ut {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +452,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_13_p {
+	.rectangle_13_ut {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -176,7 +464,7 @@
 		--web-action-target: T3tone_generator___2.html;
 		cursor: pointer;
 	}
-	#rectangle_asreomte_p {
+	#rectangle_asreomte_uu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -186,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_asreomte_p {
+	.rectangle_asreomte_uu {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -198,7 +486,7 @@
 		--web-action-target: T3as_remote___2.html;
 		cursor: pointer;
 	}
-	#rectangle_fiberinspector_p {
+	#rectangle_fiberinspector_uv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -208,7 +496,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_fiberinspector_p {
+	.rectangle_fiberinspector_uv {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -220,7 +508,7 @@
 		--web-action-target: T3inspector___2.html;
 		cursor: pointer;
 	}
-	#rectangle_login_p {
+	#rectangle_login_uw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -230,7 +518,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_login_p {
+	.rectangle_login_uw {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -242,7 +530,7 @@
 		--web-action-target: T3lwl___2.html;
 		cursor: pointer;
 	}
-	#rectangle_networks_p {
+	#rectangle_networks_ux {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +540,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_networks_p {
+	.rectangle_networks_ux {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -264,7 +552,7 @@
 		--web-action-target: T3networks___2.html;
 		cursor: pointer;
 	}
-	#rectangle_version_p {
+	#rectangle_version_uy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -274,7 +562,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_version_p {
+	.rectangle_version_uy {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -286,7 +574,7 @@
 		--web-action-target: T3version_main___2.html;
 		cursor: pointer;
 	}
-	#rectangle_battery_p {
+	#rectangle_battery_uz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -296,7 +584,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_battery_p {
+	.rectangle_battery_uz {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -308,7 +596,7 @@
 		--web-action-target: T3battery___2.html;
 		cursor: pointer;
 	}
-	#rectangle_memory_p {
+	#rectangle_memory_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -318,7 +606,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_memory_p {
+	.rectangle_memory_u {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -330,7 +618,7 @@
 		--web-action-target: T3memory___2.html;
 		cursor: pointer;
 	}
-	#rectangle_language_p {
+	#rectangle_language_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -340,7 +628,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_language_p {
+	.rectangle_language_u {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -352,7 +640,7 @@
 		--web-action-target: T3language___2.html;
 		cursor: pointer;
 	}
-	#rectangle_datetime_qa {
+	#rectangle_datetime_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -362,7 +650,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_datetime_qa {
+	.rectangle_datetime_u {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -374,7 +662,7 @@
 		--web-action-target: T3datetime___2.html;
 		cursor: pointer;
 	}
-	#rectangle_14_qb {
+	#rectangle_14_u {
 		opacity: 0.31;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -384,7 +672,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_qb {
+	.rectangle_14_u {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -392,7 +680,7 @@
 		left: 19px;
 		top: 1007px;
 	}
-	#rectangle_14_qc {
+	#rectangle_14_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -402,7 +690,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_qc {
+	.rectangle_14_va {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -414,7 +702,7 @@
 		--web-action-target: T3adjust_brightness___2.html;
 		cursor: pointer;
 	}
-	#rectangle_14_qd {
+	#rectangle_14_vb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -424,7 +712,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_qd {
+	.rectangle_14_vb {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -436,7 +724,7 @@
 		--web-action-target: T3law_and_rules___2.html;
 		cursor: pointer;
 	}
-	#group_dot_format_switch_qe {
+	#group_dot_format_switch_u {
 		position: absolute;
 		width: 131px;
 		height: 41px;
@@ -444,7 +732,7 @@
 		top: 901px;
 		overflow: visible;
 	}
-	#n_unit_qf {
+	#n_unit_u {
 		position: absolute;
 		width: 129px;
 		height: 47px;
@@ -452,7 +740,7 @@
 		top: -4px;
 		overflow: visible;
 	}
-	#n_1_rectangle_unit_qg {
+	#n_1_rectangle_unit_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -462,7 +750,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_1_rectangle_unit_qg {
+	.n_1_rectangle_unit_u {
 		position: absolute;
 		overflow: visible;
 		width: 131px;
@@ -470,7 +758,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#group_lenth_unit_switch_qh {
+	#group_lenth_unit_switch_u {
 		position: absolute;
 		width: 123px;
 		height: 37px;
@@ -478,7 +766,7 @@
 		top: 959px;
 		overflow: visible;
 	}
-	#n_lenth_unit_qi {
+	#n_lenth_unit_va {
 		opacity: 0;
 		position: absolute;
 		width: 123px;
@@ -487,7 +775,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_lenth_unit_qj {
+	#n_lenth_unit_vb {
 		position: absolute;
 		width: 128px;
 		height: 52px;
@@ -495,7 +783,7 @@
 		top: -8px;
 		overflow: visible;
 	}
-	#group_sound_switch_qk {
+	#group_sound_switch_vc {
 		position: absolute;
 		width: 123px;
 		height: 36px;
@@ -503,7 +791,7 @@
 		top: 1073px;
 		overflow: visible;
 	}
-	#n_1_ql {
+	#n_1_vd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -513,7 +801,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_1_ql {
+	.n_1_vd {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -521,7 +809,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#n_sound_switch_qm {
+	#n_sound_switch_ve {
 		position: absolute;
 		width: 128px;
 		height: 56px;
@@ -529,7 +817,7 @@
 		top: -10px;
 		overflow: visible;
 	}
-	#group_power_frequency_switch_qn {
+	#group_power_frequency_switch_vf {
 		position: absolute;
 		width: 127px;
 		height: 54px;
@@ -537,7 +825,7 @@
 		top: 1122px;
 		overflow: visible;
 	}
-	#n_2_qo {
+	#n_2_vg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -547,7 +835,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_2_qo {
+	.n_2_vg {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -555,7 +843,7 @@
 		left: 1px;
 		top: 9px;
 	}
-	#n_power_frequency_qp {
+	#n_power_frequency_vh {
 		position: absolute;
 		width: 127px;
 		height: 54px;
@@ -563,7 +851,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_qq {
+	#n_upper_banner_vi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3485,111 +3773,175 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2tools__2">
-	<img id="n_a_pu" src="n_a_pu.png" srcset="n_a_pu.png 1x, n_a_pu@2x.png 2x">
+	<img id="n_a_t" src="n_a_t.png" srcset="n_a_t.png 1x, n_a_t@2x.png 2x">
 		
-	<img id="n_b_pv" src="n_b_pv.png" srcset="n_b_pv.png 1x, n_b_pv@2x.png 2x">
+	<img id="n_b_t" src="n_b_t.png" srcset="n_b_t.png 1x, n_b_t@2x.png 2x">
 		
-	<img id="n_c_pw" src="n_c_pw.png" srcset="n_c_pw.png 1x, n_c_pw@2x.png 2x">
+	<img id="n_c_t" src="n_c_t.png" srcset="n_c_t.png 1x, n_c_t@2x.png 2x">
 		
-	<svg class="rectangle_5_px">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_px" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_t">
+		<ellipse id="n_1_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_2_ua">
+		<ellipse id="n_2_ua" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_3_ub">
+		<ellipse id="n_3_ub" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_uc">
+		<ellipse id="n_4_uc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_ud">
+		<ellipse id="n_5_ud" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_ue">
+		<ellipse id="n_6_ue" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_uf">
+		<ellipse id="n_7_uf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ug">
+		<ellipse id="n_8_ug" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_uh">
+		<ellipse id="n_9_uh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_10_ui">
+		<ellipse id="n_10_ui" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_11_uj">
+		<ellipse id="n_11_uj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_12_uk">
+		<ellipse id="n_12_uk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_ul">
+		<ellipse id="n_13_ul" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_um">
+		<ellipse id="n_14_um" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_un">
+		<ellipse id="n_15_un" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_uo">
+		<ellipse id="n_16_uo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_up">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_up" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_10_py">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_10_py" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_10_uq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_10_uq" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_11_pz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_11_pz" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_11_ur">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_11_ur" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_12_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_12_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_12_us">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_12_us" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_13_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_13_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_13_ut">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_13_ut" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_asreomte_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_asreomte_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_asreomte_uu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_asreomte_uu" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_fiberinspector_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_fiberinspector_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_fiberinspector_uv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_fiberinspector_uv" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_login_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_login_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_login_uw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_login_uw" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_networks_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_networks_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_networks_ux">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_networks_ux" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_version_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_version_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_version_uy">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_version_uy" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_battery_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_battery_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_battery_uz">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_battery_uz" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_memory_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_memory_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_memory_u">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_memory_u" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_language_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_language_p" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_language_u">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_language_u" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_datetime_qa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_datetime_qa" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_datetime_u">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_datetime_u" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_qb">
-		<rect id="rectangle_14_qb" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_u">
+		<rect id="rectangle_14_u" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_qc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_qc" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_va">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_va" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_qd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_qd" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_vb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_vb" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<div id="group_dot_format_switch_qe" class="group_dot_format_switch">
-		<img id="n_unit_qf" src="n_unit_qf.png" srcset="n_unit_qf.png 1x, n_unit_qf@2x.png 2x">
+	<div id="group_dot_format_switch_u" class="group_dot_format_switch">
+		<img id="n_unit_u" src="n_unit_u.png" srcset="n_unit_u.png 1x, n_unit_u@2x.png 2x">
 			
-		<svg class="n_1_rectangle_unit_qg">
-			<rect id="n_1_rectangle_unit_qg" rx="0" ry="0" x="0" y="0" width="131" height="41">
+		<svg class="n_1_rectangle_unit_u">
+			<rect id="n_1_rectangle_unit_u" rx="0" ry="0" x="0" y="0" width="131" height="41">
 			</rect>
 		</svg>
 	</div>
-	<div id="group_lenth_unit_switch_qh" class="group_lenth_unit_switch">
-		<img id="n_lenth_unit_qi" src="n_lenth_unit_qi.png" srcset="n_lenth_unit_qi.png 1x, n_lenth_unit_qi@2x.png 2x">
+	<div id="group_lenth_unit_switch_u" class="group_lenth_unit_switch">
+		<img id="n_lenth_unit_va" src="n_lenth_unit_va.png" srcset="n_lenth_unit_va.png 1x, n_lenth_unit_va@2x.png 2x">
 			
-		<img id="n_lenth_unit_qj" src="n_lenth_unit_qj.png" srcset="n_lenth_unit_qj.png 1x, n_lenth_unit_qj@2x.png 2x">
+		<img id="n_lenth_unit_vb" src="n_lenth_unit_vb.png" srcset="n_lenth_unit_vb.png 1x, n_lenth_unit_vb@2x.png 2x">
 			
 	</div>
-	<div id="group_sound_switch_qk" class="group_sound_switch">
-		<svg class="n_1_ql">
-			<rect id="n_1_ql" rx="0" ry="0" x="0" y="0" width="123" height="36">
+	<div id="group_sound_switch_vc" class="group_sound_switch">
+		<svg class="n_1_vd">
+			<rect id="n_1_vd" rx="0" ry="0" x="0" y="0" width="123" height="36">
 			</rect>
 		</svg>
-		<img id="n_sound_switch_qm" src="n_sound_switch_qm.png" srcset="n_sound_switch_qm.png 1x, n_sound_switch_qm@2x.png 2x">
+		<img id="n_sound_switch_ve" src="n_sound_switch_ve.png" srcset="n_sound_switch_ve.png 1x, n_sound_switch_ve@2x.png 2x">
 			
 	</div>
-	<div id="group_power_frequency_switch_qn" class="group_power_frequency_switch">
-		<svg class="n_2_qo">
-			<rect id="n_2_qo" rx="0" ry="0" x="0" y="0" width="123" height="34">
+	<div id="group_power_frequency_switch_vf" class="group_power_frequency_switch">
+		<svg class="n_2_vg">
+			<rect id="n_2_vg" rx="0" ry="0" x="0" y="0" width="123" height="34">
 			</rect>
 		</svg>
-		<img id="n_power_frequency_qp" src="n_power_frequency_qp.png" srcset="n_power_frequency_qp.png 1x, n_power_frequency_qp@2x.png 2x">
+		<img id="n_power_frequency_vh" src="n_power_frequency_vh.png" srcset="n_power_frequency_vh.png 1x, n_power_frequency_vh@2x.png 2x">
 			
 	</div>
-	<img id="n_upper_banner_qq" src="n_upper_banner_qq.png" srcset="n_upper_banner_qq.png 1x, n_upper_banner_qq@2x.png 2x">
+	<img id="n_upper_banner_vi" src="n_upper_banner_vi.png" srcset="n_upper_banner_vi.png 1x, n_upper_banner_vi@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2limits.html b/public/flukemoni/Ex1/T2limits.html
old mode 100644
new mode 100755
index 28381f9..bd41dc6
--- a/public/flukemoni/Ex1/T2limits.html
+++ b/public/flukemoni/Ex1/T2limits.html
@@ -50,6 +50,78 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_61 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_62 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_63 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 210px;
+		top: 599px;
+	}
+	#n_64 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
 	#rectangle_5 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -94,7 +166,7 @@
 		--web-action-target: T3testing_setting.html;
 		cursor: pointer;
 	}
-	#rectangle_9_dc {
+	#rectangle_9_do {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_9_dc {
+	.rectangle_9_do {
 		position: absolute;
 		overflow: visible;
 		width: 79px;
@@ -138,7 +210,7 @@
 		--web-action-target: T3testing_setting.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_de {
+	#n_upper_banner_dq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3062,6 +3134,22 @@ window.application = new Application();
 <div id="T2limits">
 	<img id="n_change_limits" src="n_change_limits.png" srcset="n_change_limits.png 1x, n_change_limits@2x.png 2x">
 		
+	<svg class="n_61">
+		<ellipse id="n_61" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_62">
+		<ellipse id="n_62" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_63">
+		<ellipse id="n_63" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64">
+		<ellipse id="n_64" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_5">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_5" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
@@ -3070,15 +3158,15 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_6" rx="0" ry="0" x="0" y="0" width="73" height="45">
 		</rect>
 	</svg>
-	<svg class="rectangle_9_dc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_9_dc" rx="0" ry="0" x="0" y="0" width="79" height="49">
+	<svg class="rectangle_9_do">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_9_do" rx="0" ry="0" x="0" y="0" width="79" height="49">
 		</rect>
 	</svg>
 	<svg class="rectangle_15">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_15" rx="7" ry="7" x="0" y="0" width="396" height="114">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_de" src="n_upper_banner_de.png" srcset="n_upper_banner_de.png 1x, n_upper_banner_de@2x.png 2x">
+	<img id="n_upper_banner_dq" src="n_upper_banner_dq.png" srcset="n_upper_banner_dq.png 1x, n_upper_banner_dq@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2limits___1.html b/public/flukemoni/Ex1/T2limits___1.html
old mode 100644
new mode 100755
index e0d46a3..2fc00fc
--- a/public/flukemoni/Ex1/T2limits___1.html
+++ b/public/flukemoni/Ex1/T2limits___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_change_limits_q {
+	#n_change_limits_v {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ra {
+	#n_17_wa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_wa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_37 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_38 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 210px;
+		top: 599px;
+	}
+	#n_39 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 379px;
+		top: 145px;
+	}
+	#rectangle_5_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ra {
+	.rectangle_5_wa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#rectangle_6_rb {
+	#rectangle_6_wb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_6_rb {
+	.rectangle_6_wb {
 		position: absolute;
 		overflow: visible;
 		width: 73px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3testing_setting___1.html;
 		cursor: pointer;
 	}
-	#rectangle_9_rc {
+	#rectangle_9_wc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_9_rc {
+	.rectangle_9_wc {
 		position: absolute;
 		overflow: visible;
 		width: 79px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3new_test___1.html;
 		cursor: pointer;
 	}
-	#rectangle_15_rd {
+	#rectangle_15_wd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_15_rd {
+	.rectangle_15_wd {
 		position: absolute;
 		overflow: visible;
 		width: 396px;
@@ -138,7 +210,7 @@
 		--web-action-target: T3testing_setting___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_re {
+	#n_upper_banner_we {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3060,25 +3132,41 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2limits__1">
-	<img id="n_change_limits_q" src="n_change_limits_q.png" srcset="n_change_limits_q.png 1x, n_change_limits_q@2x.png 2x">
+	<img id="n_change_limits_v" src="n_change_limits_v.png" srcset="n_change_limits_v.png 1x, n_change_limits_v@2x.png 2x">
 		
-	<svg class="rectangle_5_ra">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ra" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_wa">
+		<ellipse id="n_17_wa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37">
+		<ellipse id="n_37" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38">
+		<ellipse id="n_38" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39">
+		<ellipse id="n_39" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_6_rb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_6_rb" rx="0" ry="0" x="0" y="0" width="73" height="45">
+	<svg class="rectangle_6_wb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_6_wb" rx="0" ry="0" x="0" y="0" width="73" height="45">
 		</rect>
 	</svg>
-	<svg class="rectangle_9_rc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_9_rc" rx="0" ry="0" x="0" y="0" width="79" height="49">
+	<svg class="rectangle_9_wc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_9_wc" rx="0" ry="0" x="0" y="0" width="79" height="49">
 		</rect>
 	</svg>
-	<svg class="rectangle_15_rd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_15_rd" rx="7" ry="7" x="0" y="0" width="396" height="114">
+	<svg class="rectangle_15_wd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_15_wd" rx="7" ry="7" x="0" y="0" width="396" height="114">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_re" src="n_upper_banner_re.png" srcset="n_upper_banner_re.png 1x, n_upper_banner_re@2x.png 2x">
+	<img id="n_upper_banner_we" src="n_upper_banner_we.png" srcset="n_upper_banner_we.png 1x, n_upper_banner_we@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2project.html b/public/flukemoni/Ex1/T2project.html
old mode 100644
new mode 100755
index dbdc2b5..983edb5
--- a/public/flukemoni/Ex1/T2project.html
+++ b/public/flukemoni/Ex1/T2project.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_40_da {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_da {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#n_47 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_47 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 599px;
+	}
 	#rectangle_3 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -72,7 +108,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_c {
+	#n_upper_banner_dd {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,11 +3054,19 @@ window.application = new Application();
 <div id="T2project">
 	<img id="n_project" src="n_project.png" srcset="n_project.png 1x, n_project@2x.png 2x">
 		
+	<svg class="n_40_da">
+		<ellipse id="n_40_da" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_47">
+		<ellipse id="n_47" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_3">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_3" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_c" src="n_upper_banner_c.png" srcset="n_upper_banner_c.png 1x, n_upper_banner_c@2x.png 2x">
+	<img id="n_upper_banner_dd" src="n_upper_banner_dd.png" srcset="n_upper_banner_dd.png 1x, n_upper_banner_dd@2x.png 2x">
 		
 	<svg class="rectangle_9">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_9" rx="0" ry="0" x="0" y="0" width="99" height="49">
diff --git a/public/flukemoni/Ex1/T2project___1.html b/public/flukemoni/Ex1/T2project___1.html
old mode 100644
new mode 100755
index 6585dfd..192389c
--- a/public/flukemoni/Ex1/T2project___1.html
+++ b/public/flukemoni/Ex1/T2project___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_3_eb {
+	#n_40_et {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_et {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#n_40_eu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_eu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 600px;
+	}
+	#rectangle_3_ev {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_3_eb {
+	.rectangle_3_ev {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -72,7 +108,7 @@
 		--web-action-target: T2project.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ec {
+	#n_upper_banner_ew {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_9_ed {
+	#rectangle_9_ex {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_9_ed {
+	.rectangle_9_ex {
 		position: absolute;
 		overflow: visible;
 		width: 84px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="T2project__1">
 	<img id="view_project" src="view_project.png" srcset="view_project.png 1x, view_project@2x.png 2x">
 		
-	<svg class="rectangle_3_eb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_3_eb" rx="0" ry="0" x="0" y="0" width="52" height="31">
+	<svg class="n_40_et">
+		<ellipse id="n_40_et" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_eu">
+		<ellipse id="n_40_eu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_3_ev">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_3_ev" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ec" src="n_upper_banner_ec.png" srcset="n_upper_banner_ec.png 1x, n_upper_banner_ec@2x.png 2x">
+	<img id="n_upper_banner_ew" src="n_upper_banner_ew.png" srcset="n_upper_banner_ew.png 1x, n_upper_banner_ew@2x.png 2x">
 		
-	<svg class="rectangle_9_ed">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_9_ed" rx="0" ry="0" x="0" y="0" width="84" height="49">
+	<svg class="rectangle_9_ex">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_9_ex" rx="0" ry="0" x="0" y="0" width="84" height="49">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T2result.html b/public/flukemoni/Ex1/T2result.html
old mode 100644
new mode 100755
index 8bfa987..55e6e9f
--- a/public/flukemoni/Ex1/T2result.html
+++ b/public/flukemoni/Ex1/T2result.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_d {
+	#n_61_eh {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_eh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ei {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_d {
+	.rectangle_5_ei {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T1Homepage_2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_d {
+	#n_upper_banner_ej {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2result">
 	<img id="n_results" src="n_results.png" srcset="n_results.png 1x, n_results@2x.png 2x">
 		
-	<svg class="rectangle_5_d">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_eh">
+		<ellipse id="n_61_eh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ei">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ei" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
+	<img id="n_upper_banner_ej" src="n_upper_banner_ej.png" srcset="n_upper_banner_ej.png 1x, n_upper_banner_ej@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2result___1.html b/public/flukemoni/Ex1/T2result___1.html
old mode 100644
new mode 100755
index 9869886..f809ae0
--- a/public/flukemoni/Ex1/T2result___1.html
+++ b/public/flukemoni/Ex1/T2result___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_results_r {
+	#n_results_w {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_r {
+	#n_16_w {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_r {
+	.rectangle_5_xa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_r {
+	#n_upper_banner_xa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2result__1">
-	<img id="n_results_r" src="n_results_r.png" srcset="n_results_r.png 1x, n_results_r@2x.png 2x">
+	<img id="n_results_w" src="n_results_w.png" srcset="n_results_w.png 1x, n_results_w@2x.png 2x">
 		
-	<svg class="rectangle_5_r">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_w">
+		<ellipse id="n_16_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_xa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
+	<img id="n_upper_banner_xa" src="n_upper_banner_xa.png" srcset="n_upper_banner_xa.png 1x, n_upper_banner_xa@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2test_ID.html b/public/flukemoni/Ex1/T2test_ID.html
old mode 100644
new mode 100755
index 74f3c8a..d9b4a34
--- a/public/flukemoni/Ex1/T2test_ID.html
+++ b/public/flukemoni/Ex1/T2test_ID.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_di {
+	#n_61_du {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_du {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_dv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_di {
+	.rectangle_5_dv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T1Homepage_2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_dj {
+	#n_upper_banner_dw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2test_ID">
 	<img id="n_change_ID" src="n_change_ID.png" srcset="n_change_ID.png 1x, n_change_ID@2x.png 2x">
 		
-	<svg class="rectangle_5_di">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_di" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_du">
+		<ellipse id="n_61_du" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_dv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_dv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_dj" src="n_upper_banner_dj.png" srcset="n_upper_banner_dj.png 1x, n_upper_banner_dj@2x.png 2x">
+	<img id="n_upper_banner_dw" src="n_upper_banner_dw.png" srcset="n_upper_banner_dw.png 1x, n_upper_banner_dw@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2test_ID___1.html b/public/flukemoni/Ex1/T2test_ID___1.html
old mode 100644
new mode 100755
index 7f2eb34..035d1e0
--- a/public/flukemoni/Ex1/T2test_ID___1.html
+++ b/public/flukemoni/Ex1/T2test_ID___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_change_ID_rh {
+	#n_change_ID_wh {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ri {
+	#n_17_wi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_wi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_wj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ri {
+	.rectangle_5_wj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_rj {
+	#n_upper_banner_wk {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2test_ID__1">
-	<img id="n_change_ID_rh" src="n_change_ID_rh.png" srcset="n_change_ID_rh.png 1x, n_change_ID_rh@2x.png 2x">
+	<img id="n_change_ID_wh" src="n_change_ID_wh.png" srcset="n_change_ID_wh.png 1x, n_change_ID_wh@2x.png 2x">
 		
-	<svg class="rectangle_5_ri">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ri" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_wi">
+		<ellipse id="n_17_wi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wj">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_rj" src="n_upper_banner_rj.png" srcset="n_upper_banner_rj.png 1x, n_upper_banner_rj@2x.png 2x">
+	<img id="n_upper_banner_wk" src="n_upper_banner_wk.png" srcset="n_upper_banner_wk.png 1x, n_upper_banner_wk@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T2unit___1.html b/public/flukemoni/Ex1/T2unit___1.html
old mode 100644
new mode 100755
index eba4dc3..1a4479a
--- a/public/flukemoni/Ex1/T2unit___1.html
+++ b/public/flukemoni/Ex1/T2unit___1.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_gn {
+	#rectangle_5_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gn {
+	.rectangle_5_ia {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2unit__1">
-	<svg class="rectangle_5_gn">
-		<rect id="rectangle_5_gn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ia">
+		<rect id="rectangle_5_ia" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T2unit___2.html b/public/flukemoni/Ex1/T2unit___2.html
old mode 100644
new mode 100755
index 4bdc785..70f7550
--- a/public/flukemoni/Ex1/T2unit___2.html
+++ b/public/flukemoni/Ex1/T2unit___2.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_pa {
+	#rectangle_5_tf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pa {
+	.rectangle_5_tf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2unit__2">
-	<svg class="rectangle_5_pa">
-		<rect id="rectangle_5_pa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_tf">
+		<rect id="rectangle_5_tf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3adapter_main___1.html b/public/flukemoni/Ex1/T3adapter_main___1.html
old mode 100644
new mode 100755
index 255da4e..591d305
--- a/public/flukemoni/Ex1/T3adapter_main___1.html
+++ b/public/flukemoni/Ex1/T3adapter_main___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_iy {
+	#n_16_k {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_la {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_la {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 600px;
+	}
+	#n_59_k {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 600px;
+	}
+	#n_60_k {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 600px;
+	}
+	#rectangle_5_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_iy {
+	.rectangle_5_k {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_iz {
+	#retangle_1_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_iz {
+	.retangle_1_k {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_i {
+	#retangle_1_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_i {
+	.retangle_1_la {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3module_main___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_i {
+	#n_upper_banner_k {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ja {
+	#retangle_1_lb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ja {
+	.retangle_1_lb {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3adapter_main__1">
 	<img id="n_ver_adapter" src="n_ver_adapter.png" srcset="n_ver_adapter.png 1x, n_ver_adapter@2x.png 2x">
 		
-	<svg class="rectangle_5_iy">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iy" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_k">
+		<ellipse id="n_16_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_la">
+		<ellipse id="n_16_la" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_k">
+		<ellipse id="n_59_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_k">
+		<ellipse id="n_60_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_k">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_iz">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_iz" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_k">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_k" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_i">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_i" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_la">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_la" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_i" src="n_upper_banner_i.png" srcset="n_upper_banner_i.png 1x, n_upper_banner_i@2x.png 2x">
+	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
 		
-	<svg class="retangle_1_ja">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ja" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_lb">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lb" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3adapter_main___2.html b/public/flukemoni/Ex1/T3adapter_main___2.html
old mode 100644
new mode 100755
index 20bfa50..fe5ea86
--- a/public/flukemoni/Ex1/T3adapter_main___2.html
+++ b/public/flukemoni/Ex1/T3adapter_main___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_adapter_nx {
+	#n_ver_adapter_rl {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ny {
+	#n_17_rm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_rm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_30 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 596px;
+	}
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 596px;
+	}
+	#n_32 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 596px;
+	}
+	#rectangle_5_rq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ny {
+	.rectangle_5_rq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_nz {
+	#retangle_1_rr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_nz {
+	.retangle_1_rr {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_n {
+	#retangle_1_rs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_n {
+	.retangle_1_rs {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3module_main___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_n {
+	#n_upper_banner_rt {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_oa {
+	#retangle_1_ru {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_oa {
+	.retangle_1_ru {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3adapter_main__2">
-	<img id="n_ver_adapter_nx" src="n_ver_adapter_nx.png" srcset="n_ver_adapter_nx.png 1x, n_ver_adapter_nx@2x.png 2x">
+	<img id="n_ver_adapter_rl" src="n_ver_adapter_rl.png" srcset="n_ver_adapter_rl.png 1x, n_ver_adapter_rl@2x.png 2x">
 		
-	<svg class="rectangle_5_ny">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ny" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_rm">
+		<ellipse id="n_17_rm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30">
+		<ellipse id="n_30" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32">
+		<ellipse id="n_32" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_rq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_nz">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_nz" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_rr">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_rr" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_n">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_n" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_rs">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_rs" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
+	<img id="n_upper_banner_rt" src="n_upper_banner_rt.png" srcset="n_upper_banner_rt.png 1x, n_upper_banner_rt@2x.png 2x">
 		
-	<svg class="retangle_1_oa">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_oa" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_ru">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ru" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3adapter_remote___1.html b/public/flukemoni/Ex1/T3adapter_remote___1.html
old mode 100644
new mode 100755
index 3284687..ac2b002
--- a/public/flukemoni/Ex1/T3adapter_remote___1.html
+++ b/public/flukemoni/Ex1/T3adapter_remote___1.html
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jp {
+	#rectangle_5_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +60,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jp {
+	.rectangle_5_l {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +72,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jq {
+	#retangle_1_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jq {
+	.retangle_1_ma {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +94,7 @@
 		--web-action-target: T3version_remote___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jr {
+	#retangle_1_mb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jr {
+	.retangle_1_mb {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +116,7 @@
 		--web-action-target: T3module_remote___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_js {
+	#n_upper_banner_ma {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +124,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_jt {
+	#retangle_1_mc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +134,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jt {
+	.retangle_1_mc {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -146,6 +146,78 @@
 		--web-action-target: T3adapter_main___1.html;
 		cursor: pointer;
 	}
+	#n_16_ma {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_65_mb {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_mb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_66_mc {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_mc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 227px;
+		top: 602px;
+	}
+	#n_67_md {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_67_md {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 602px;
+	}
 </style>
 <script id="applicationScript">
 ///////////////////////////////////////
@@ -3062,24 +3134,40 @@ window.application = new Application();
 <div id="T3adapter_remote__1">
 	<img id="n_ver_adapter_remote" src="n_ver_adapter_remote.png" srcset="n_ver_adapter_remote.png 1x, n_ver_adapter_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_jp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_l">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jq">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jq" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_ma">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ma" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jr">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jr" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_mb">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_mb" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_js" src="n_upper_banner_js.png" srcset="n_upper_banner_js.png 1x, n_upper_banner_js@2x.png 2x">
+	<img id="n_upper_banner_ma" src="n_upper_banner_ma.png" srcset="n_upper_banner_ma.png 1x, n_upper_banner_ma@2x.png 2x">
 		
-	<svg class="retangle_1_jt">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jt" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_mc">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_mc" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
+	<svg class="n_16_ma">
+		<ellipse id="n_16_ma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_mb">
+		<ellipse id="n_65_mb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_mc">
+		<ellipse id="n_66_mc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_67_md">
+		<ellipse id="n_67_md" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex1/T3adapter_remote___2.html b/public/flukemoni/Ex1/T3adapter_remote___2.html
old mode 100644
new mode 100755
index 321b413..47655eb
--- a/public/flukemoni/Ex1/T3adapter_remote___2.html
+++ b/public/flukemoni/Ex1/T3adapter_remote___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_adapter_remote_oo {
+	#n_ver_adapter_remote_so {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_op {
+	#n_17_sp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_sp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_sq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_sq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_17_sr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_sr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 597px;
+	}
+	#n_17_ss {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ss {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 597px;
+	}
+	#rectangle_5_st {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_op {
+	.rectangle_5_st {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_oq {
+	#retangle_1_su {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_oq {
+	.retangle_1_su {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_remote___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_or {
+	#retangle_1_sv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_or {
+	.retangle_1_sv {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3module_remote___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_os {
+	#n_upper_banner_sw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ot {
+	#retangle_1_sx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ot {
+	.retangle_1_sx {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3adapter_remote__2">
-	<img id="n_ver_adapter_remote_oo" src="n_ver_adapter_remote_oo.png" srcset="n_ver_adapter_remote_oo.png 1x, n_ver_adapter_remote_oo@2x.png 2x">
+	<img id="n_ver_adapter_remote_so" src="n_ver_adapter_remote_so.png" srcset="n_ver_adapter_remote_so.png 1x, n_ver_adapter_remote_so@2x.png 2x">
 		
-	<svg class="rectangle_5_op">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_op" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_sp">
+		<ellipse id="n_17_sp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_sq">
+		<ellipse id="n_17_sq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_sr">
+		<ellipse id="n_17_sr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ss">
+		<ellipse id="n_17_ss" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_st">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_st" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_oq">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_oq" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_su">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_su" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_or">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_or" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_sv">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sv" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_os" src="n_upper_banner_os.png" srcset="n_upper_banner_os.png 1x, n_upper_banner_os@2x.png 2x">
+	<img id="n_upper_banner_sw" src="n_upper_banner_sw.png" srcset="n_upper_banner_sw.png 1x, n_upper_banner_sw@2x.png 2x">
 		
-	<svg class="retangle_1_ot">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ot" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_sx">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sx" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3adjust_brightness___1.html b/public/flukemoni/Ex1/T3adjust_brightness___1.html
old mode 100644
new mode 100755
index 576db04..6cc6324
--- a/public/flukemoni/Ex1/T3adjust_brightness___1.html
+++ b/public/flukemoni/Ex1/T3adjust_brightness___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kf {
+	#n_16_m {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_na {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_na {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 600px;
+	}
+	#rectangle_5_na {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kf {
+	.rectangle_5_na {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -96,7 +132,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_kh {
+	#n_upper_banner_na {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3020,15 +3056,23 @@ window.application = new Application();
 <div id="T3adjust_brightness__1">
 	<img id="n_adjust_brightness" src="n_adjust_brightness.png" srcset="n_adjust_brightness.png 1x, n_adjust_brightness@2x.png 2x">
 		
-	<svg class="rectangle_5_kf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_m">
+		<ellipse id="n_16_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_na">
+		<ellipse id="n_16_na" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_na">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_na" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_lowerright_button">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_lowerright_button" rx="0" ry="0" x="0" y="0" width="60" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_kh" src="n_upper_banner_kh.png" srcset="n_upper_banner_kh.png 1x, n_upper_banner_kh@2x.png 2x">
+	<img id="n_upper_banner_na" src="n_upper_banner_na.png" srcset="n_upper_banner_na.png 1x, n_upper_banner_na@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3adjust_brightness___2.html b/public/flukemoni/Ex1/T3adjust_brightness___2.html
old mode 100644
new mode 100755
index e924c9b..364e6d2
--- a/public/flukemoni/Ex1/T3adjust_brightness___2.html
+++ b/public/flukemoni/Ex1/T3adjust_brightness___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_adjust_brightness_qy {
+	#n_adjust_brightness_vr {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qz {
+	#n_17_vs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_vs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 600px;
+	}
+	#rectangle_5_vu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qz {
+	.rectangle_5_vu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -73,7 +109,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#rectangle_lowerright_button_q {
+	#rectangle_lowerright_button_vv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -83,7 +119,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_lowerright_button_q {
+	.rectangle_lowerright_button_vv {
 		position: absolute;
 		overflow: visible;
 		width: 60px;
@@ -96,7 +132,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_q {
+	#n_upper_banner_vw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,17 +3054,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3adjust_brightness__2">
-	<img id="n_adjust_brightness_qy" src="n_adjust_brightness_qy.png" srcset="n_adjust_brightness_qy.png 1x, n_adjust_brightness_qy@2x.png 2x">
+	<img id="n_adjust_brightness_vr" src="n_adjust_brightness_vr.png" srcset="n_adjust_brightness_vr.png 1x, n_adjust_brightness_vr@2x.png 2x">
 		
-	<svg class="rectangle_5_qz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_vs">
+		<ellipse id="n_17_vs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36">
+		<ellipse id="n_36" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_vu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_lowerright_button_q">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_lowerright_button_q" rx="0" ry="0" x="0" y="0" width="60" height="51">
+	<svg class="rectangle_lowerright_button_vv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_lowerright_button_vv" rx="0" ry="0" x="0" y="0" width="60" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
+	<img id="n_upper_banner_vw" src="n_upper_banner_vw.png" srcset="n_upper_banner_vw.png 1x, n_upper_banner_vw@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3as_remote___1.html b/public/flukemoni/Ex1/T3as_remote___1.html
old mode 100644
new mode 100755
index 975466d..1ecbcd6
--- a/public/flukemoni/Ex1/T3as_remote___1.html
+++ b/public/flukemoni/Ex1/T3as_remote___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hw {
+	#n_16_jq {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_jq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 66px;
+		top: 602px;
+	}
+	#rectangle_5_jr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hw {
+	.rectangle_5_jr {
 		position: absolute;
 		overflow: visible;
 		width: 145px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hx {
+	#n_upper_banner_js {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3as_remote__1">
 	<img id="n_as_remote" src="n_as_remote.png" srcset="n_as_remote.png 1x, n_as_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_hw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hw" rx="0" ry="0" x="0" y="0" width="145" height="54">
+	<svg class="n_16_jq">
+		<ellipse id="n_16_jq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_jr">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jr" rx="0" ry="0" x="0" y="0" width="145" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hx" src="n_upper_banner_hx.png" srcset="n_upper_banner_hx.png 1x, n_upper_banner_hx@2x.png 2x">
+	<img id="n_upper_banner_js" src="n_upper_banner_js.png" srcset="n_upper_banner_js.png 1x, n_upper_banner_js@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3as_remote___2.html b/public/flukemoni/Ex1/T3as_remote___2.html
old mode 100644
new mode 100755
index fa86caa..98b50ad
--- a/public/flukemoni/Ex1/T3as_remote___2.html
+++ b/public/flukemoni/Ex1/T3as_remote___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_as_remote_mu {
+	#n_as_remote_p {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mv {
+	#n_17_qa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 62px;
+		top: 602px;
+	}
+	#rectangle_5_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mv {
+	.rectangle_5_qa {
 		position: absolute;
 		overflow: visible;
 		width: 145px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mw {
+	#n_upper_banner_qb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3as_remote__2">
-	<img id="n_as_remote_mu" src="n_as_remote_mu.png" srcset="n_as_remote_mu.png 1x, n_as_remote_mu@2x.png 2x">
+	<img id="n_as_remote_p" src="n_as_remote_p.png" srcset="n_as_remote_p.png 1x, n_as_remote_p@2x.png 2x">
 		
-	<svg class="rectangle_5_mv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mv" rx="0" ry="0" x="0" y="0" width="145" height="54">
+	<svg class="n_17_qa">
+		<ellipse id="n_17_qa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qa" rx="0" ry="0" x="0" y="0" width="145" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mw" src="n_upper_banner_mw.png" srcset="n_upper_banner_mw.png 1x, n_upper_banner_mw@2x.png 2x">
+	<img id="n_upper_banner_qb" src="n_upper_banner_qb.png" srcset="n_upper_banner_qb.png 1x, n_upper_banner_qb@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3battery___1.html b/public/flukemoni/Ex1/T3battery___1.html
old mode 100644
new mode 100755
index 86f5301..cdf5c45
--- a/public/flukemoni/Ex1/T3battery___1.html
+++ b/public/flukemoni/Ex1/T3battery___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ig {
+	#n_16_ke {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ke {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_kf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ig {
+	.rectangle_5_kf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ih {
+	#n_upper_banner_kg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3battery__1">
 	<img id="n_battery" src="n_battery.png" srcset="n_battery.png 1x, n_battery@2x.png 2x">
 		
-	<svg class="rectangle_5_ig">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ig" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_ke">
+		<ellipse id="n_16_ke" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_kf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ih" src="n_upper_banner_ih.png" srcset="n_upper_banner_ih.png 1x, n_upper_banner_ih@2x.png 2x">
+	<img id="n_upper_banner_kg" src="n_upper_banner_kg.png" srcset="n_upper_banner_kg.png 1x, n_upper_banner_kg@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3battery___2.html b/public/flukemoni/Ex1/T3battery___2.html
old mode 100644
new mode 100755
index e3d8b8c..831f9c8
--- a/public/flukemoni/Ex1/T3battery___2.html
+++ b/public/flukemoni/Ex1/T3battery___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_battery_nk {
+	#n_battery_q {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nl {
+	#n_17_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nl {
+	.rectangle_5_q {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_nm {
+	#n_upper_banner_ra {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3battery__2">
-	<img id="n_battery_nk" src="n_battery_nk.png" srcset="n_battery_nk.png 1x, n_battery_nk@2x.png 2x">
+	<img id="n_battery_q" src="n_battery_q.png" srcset="n_battery_q.png 1x, n_battery_q@2x.png 2x">
 		
-	<svg class="rectangle_5_nl">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nl" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_q">
+		<ellipse id="n_17_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_q">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_nm" src="n_upper_banner_nm.png" srcset="n_upper_banner_nm.png 1x, n_upper_banner_nm@2x.png 2x">
+	<img id="n_upper_banner_ra" src="n_upper_banner_ra.png" srcset="n_upper_banner_ra.png 1x, n_upper_banner_ra@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3datetime___1.html b/public/flukemoni/Ex1/T3datetime___1.html
old mode 100644
new mode 100755
index bb198af..4f1e717
--- a/public/flukemoni/Ex1/T3datetime___1.html
+++ b/public/flukemoni/Ex1/T3datetime___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ka {
+	#n_16_mz {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_mz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ka {
+	.rectangle_5_m {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_kb {
+	#n_upper_banner_m {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3datetime__1">
 	<img id="n_datetime" src="n_datetime.png" srcset="n_datetime.png 1x, n_datetime@2x.png 2x">
 		
-	<svg class="rectangle_5_ka">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ka" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_mz">
+		<ellipse id="n_16_mz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_m">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_kb" src="n_upper_banner_kb.png" srcset="n_upper_banner_kb.png 1x, n_upper_banner_kb@2x.png 2x">
+	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3datetime___2.html b/public/flukemoni/Ex1/T3datetime___2.html
old mode 100644
new mode 100755
index ab21e72..b942865
--- a/public/flukemoni/Ex1/T3datetime___2.html
+++ b/public/flukemoni/Ex1/T3datetime___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_datetime_qt {
+	#n_datetime_vl {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qu {
+	#n_17_vm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_vm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_vn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qu {
+	.rectangle_5_vn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_qv {
+	#n_upper_banner_vo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3datetime__2">
-	<img id="n_datetime_qt" src="n_datetime_qt.png" srcset="n_datetime_qt.png 1x, n_datetime_qt@2x.png 2x">
+	<img id="n_datetime_vl" src="n_datetime_vl.png" srcset="n_datetime_vl.png 1x, n_datetime_vl@2x.png 2x">
 		
-	<svg class="rectangle_5_qu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_vm">
+		<ellipse id="n_17_vm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_vn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vn" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_qv" src="n_upper_banner_qv.png" srcset="n_upper_banner_qv.png 1x, n_upper_banner_qv@2x.png 2x">
+	<img id="n_upper_banner_vo" src="n_upper_banner_vo.png" srcset="n_upper_banner_vo.png 1x, n_upper_banner_vo@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3diagnose___1.html b/public/flukemoni/Ex1/T3diagnose___1.html
deleted file mode 100644
index 4f58d4c..0000000
--- a/public/flukemoni/Ex1/T3diagnose___1.html
+++ /dev/null
@@ -1,3007 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8"/>
-<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>T3diagnose – 1</title>
-<style id="applicationStylesheet" type="text/css">
-	.mediaViewInfo {
-		--web-view-name: T3diagnose – 1;
-		--web-view-id: T3diagnose__1;
-		--web-scale-on-resize: true;
-		--web-enable-deep-linking: true;
-	}
-	:root {
-		--web-view-ids: T3diagnose__1;
-	}
-	* {
-		margin: 0;
-		padding: 0;
-		box-sizing: border-box;
-		border: none;
-	}
-	#T3diagnose__1 {
-		position: absolute;
-		width: 480px;
-		height: 640px;
-		background-color: rgba(255,255,255,1);
-		overflow: hidden;
-		--web-view-name: T3diagnose – 1;
-		--web-view-id: T3diagnose__1;
-		--web-scale-on-resize: true;
-		--web-enable-deep-linking: true;
-	}
-	@keyframes fadein {
-	
-		0% {
-			opacity: 0;
-		}
-		100% {
-			opacity: 1;
-		}
-	
-	}
-	#n__gi {
-		position: absolute;
-		width: 480px;
-		height: 640px;
-		left: 0px;
-		top: 0px;
-		overflow: visible;
-	}
-	#rectangle_5_gj {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_5_gj {
-		position: absolute;
-		overflow: visible;
-		width: 59px;
-		height: 51px;
-		left: 210px;
-		top: 585px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: T2_tools___1.html;
-		cursor: pointer;
-	}
-	#n_upper_banner_gk {
-		position: absolute;
-		width: 480px;
-		height: 30px;
-		left: 0px;
-		top: 0px;
-		overflow: visible;
-	}
-</style>
-<script id="applicationScript">
-///////////////////////////////////////
-// INITIALIZATION
-///////////////////////////////////////
-
-/**
- * Functionality for scaling, showing by media query, and navigation between multiple pages on a single page. 
- * Code subject to change.
- **/
-
-if (window.console==null) { window["console"] = { log : function() {} } }; // some browsers do not set console
-
-var Application = function() {
-	// event constants
-	this.prefix = "--web-";
-	this.NAVIGATION_CHANGE = "viewChange";
-	this.VIEW_NOT_FOUND = "viewNotFound";
-	this.VIEW_CHANGE = "viewChange";
-	this.VIEW_CHANGING = "viewChanging";
-	this.STATE_NOT_FOUND = "stateNotFound";
-	this.APPLICATION_COMPLETE = "applicationComplete";
-	this.APPLICATION_RESIZE = "applicationResize";
-	this.SIZE_STATE_NAME = "data-is-view-scaled";
-	this.STATE_NAME = this.prefix + "state";
-
-	this.lastTrigger = null;
-	this.lastView = null;
-	this.lastState = null;
-	this.lastOverlay = null;
-	this.currentView = null;
-	this.currentState = null;
-	this.currentOverlay = null;
-	this.currentQuery = {index: 0, rule: null, mediaText: null, id: null};
-	this.inclusionQuery = "(min-width: 0px)";
-	this.exclusionQuery = "none and (min-width: 99999px)";
-	this.LastModifiedDateLabelName = "LastModifiedDateLabel";
-	this.viewScaleSliderId = "ViewScaleSliderInput";
-	this.pageRefreshedName = "showPageRefreshedNotification";
-	this.application = null;
-	this.applicationStylesheet = null;
-	this.showByMediaQuery = null;
-	this.mediaQueryDictionary = {};
-	this.viewsDictionary = {};
-	this.addedViews = [];
-	this.viewStates = [];
-	this.views = [];
-	this.viewIds = [];
-	this.viewQueries = {};
-	this.overlays = {};
-	this.overlayIds = [];
-	this.numberOfViews = 0;
-	this.verticalPadding = 0;
-	this.horizontalPadding = 0;
-	this.stateName = null;
-	this.viewScale = 1;
-	this.viewLeft = 0;
-	this.viewTop = 0;
-	this.horizontalScrollbarsNeeded = false;
-	this.verticalScrollbarsNeeded = false;
-
-	// view settings
-	this.showUpdateNotification = false;
-	this.showNavigationControls = false;
-	this.scaleViewsToFit = false;
-	this.scaleToFitOnDoubleClick = false;
-	this.actualSizeOnDoubleClick = false;
-	this.scaleViewsOnResize = false;
-	this.navigationOnKeypress = false;
-	this.showViewName = false;
-	this.enableDeepLinking = true;
-	this.refreshPageForChanges = false;
-	this.showRefreshNotifications = true;
-
-	// view controls
-	this.scaleViewSlider = null;
-	this.lastModifiedLabel = null;
-	this.supportsPopState = false; // window.history.pushState!=null;
-	this.initialized = false;
-
-	// refresh properties
-	this.refreshDuration = 250;
-	this.lastModifiedDate = null;
-	this.refreshRequest = null;
-	this.refreshInterval = null;
-	this.refreshContent = null;
-	this.refreshContentSize = null;
-	this.refreshCheckContent = false;
-	this.refreshCheckContentSize = false;
-
-	var self = this;
-
-	self.initialize = function(event) {
-		var view = self.getVisibleView();
-		var views = self.getVisibleViews();
-		if (view==null) view = self.getInitialView();
-		self.collectViews();
-		self.collectOverlays();
-		self.collectMediaQueries();
-
-		for (let index = 0; index < views.length; index++) {
-			var view = views[index];
-			self.setViewOptions(view);
-			self.setViewVariables(view);
-			self.centerView(view);
-		}
-
-		// sometimes the body size is 0 so we call this now and again later
-		if (self.initialized) {
-			window.addEventListener(self.NAVIGATION_CHANGE, self.viewChangeHandler);
-			window.addEventListener("keyup", self.keypressHandler);
-			window.addEventListener("keypress", self.keypressHandler);
-			window.addEventListener("resize", self.resizeHandler);
-			window.document.addEventListener("dblclick", self.doubleClickHandler);
-
-			if (self.supportsPopState) {
-				window.addEventListener('popstate', self.popStateHandler);
-			}
-			else {
-				window.addEventListener('hashchange', self.hashChangeHandler);
-			}
-
-			// we are ready to go
-			window.dispatchEvent(new Event(self.APPLICATION_COMPLETE));
-		}
-
-		if (self.initialized==false) {
-			if (self.enableDeepLinking) {
-				self.syncronizeViewToURL();
-			} 
-	
-			if (self.refreshPageForChanges) {
-				self.setupRefreshForChanges();
-			}
-	
-			self.initialized = true;
-		}
-		
-		if (self.scaleViewsToFit) {
-			self.viewScale = self.scaleViewToFit(view);
-			
-			if (self.viewScale<0) {
-				setTimeout(self.scaleViewToFit, 500, view);
-			}
-		}
-		else if (view) {
-			self.viewScale = self.getViewScaleValue(view);
-			self.centerView(view);
-			self.updateSliderValue(self.viewScale);
-		}
-		else {
-			// no view found
-		}
-	
-		if (self.showUpdateNotification) {
-			self.showNotification();
-		}
-
-		//"addEventListener" in window ? null : window.addEventListener = window.attachEvent;
-		//"addEventListener" in document ? null : document.addEventListener = document.attachEvent;
-	}
-
-
-	///////////////////////////////////////
-	// AUTO REFRESH 
-	///////////////////////////////////////
-
-	self.setupRefreshForChanges = function() {
-		self.refreshRequest = new XMLHttpRequest();
-
-		if (!self.refreshRequest) {
-			return false;
-		}
-
-		// get document start values immediately
-		self.requestRefreshUpdate();
-	}
-
-	/**
-	 * Attempt to check the last modified date by the headers 
-	 * or the last modified property from the byte array (experimental)
-	 **/
-	self.requestRefreshUpdate = function() {
-		var url = document.location.href;
-		var protocol = window.location.protocol;
-		var method;
-		
-		try {
-
-			if (self.refreshCheckContentSize) {
-				self.refreshRequest.open('HEAD', url, true);
-			}
-			else if (self.refreshCheckContent) {
-				self.refreshContent = document.documentElement.outerHTML;
-				self.refreshRequest.open('GET', url, true);
-				self.refreshRequest.responseType = "text";
-			}
-			else {
-
-				// get page last modified date for the first call to compare to later
-				if (self.lastModifiedDate==null) {
-
-					// File system does not send headers in FF so get blob if possible
-					if (protocol=="file:") {
-						self.refreshRequest.open("GET", url, true);
-						self.refreshRequest.responseType = "blob";
-					}
-					else {
-						self.refreshRequest.open("HEAD", url, true);
-						self.refreshRequest.responseType = "blob";
-					}
-
-					self.refreshRequest.onload = self.refreshOnLoadOnceHandler;
-
-					// In some browsers (Chrome & Safari) this error occurs at send: 
-					// 
-					// Chrome - Access to XMLHttpRequest at 'file:///index.html' from origin 'null' 
-					// has been blocked by CORS policy: 
-					// Cross origin requests are only supported for protocol schemes: 
-					// http, data, chrome, chrome-extension, https.
-					// 
-					// Safari - XMLHttpRequest cannot load file:///Users/user/Public/index.html. Cross origin requests are only supported for HTTP.
-					// 
-					// Solution is to run a local server, set local permissions or test in another browser
-					self.refreshRequest.send(null);
-
-					// In MS browsers the following behavior occurs possibly due to an AJAX call to check last modified date: 
-					// 
-					// DOM7011: The code on this page disabled back and forward caching.
-
-					// In Brave (Chrome) error when on the server
-					// index.js:221 HEAD https://www.example.com/ net::ERR_INSUFFICIENT_RESOURCES
-					// self.refreshRequest.send(null);
-
-				}
-				else {
-					self.refreshRequest = new XMLHttpRequest();
-					self.refreshRequest.onreadystatechange = self.refreshHandler;
-					self.refreshRequest.ontimeout = function() {
-						self.log("Couldn't find page to check for updates");
-					}
-					
-					var method;
-					if (protocol=="file:") {
-						method = "GET";
-					}
-					else {
-						method = "HEAD";
-					}
-
-					//refreshRequest.open('HEAD', url, true);
-					self.refreshRequest.open(method, url, true);
-					self.refreshRequest.responseType = "blob";
-					self.refreshRequest.send(null);
-				}
-			}
-		}
-		catch (error) {
-			self.log("Refresh failed for the following reason:")
-			self.log(error);
-		}
-	}
-
-	self.refreshHandler = function() {
-		var contentSize;
-
-		try {
-
-			if (self.refreshRequest.readyState === XMLHttpRequest.DONE) {
-				
-				if (self.refreshRequest.status === 2 || 
-					self.refreshRequest.status === 200) {
-					var pageChanged = false;
-
-					self.updateLastModifiedLabel();
-
-					if (self.refreshCheckContentSize) {
-						var lastModifiedHeader = self.refreshRequest.getResponseHeader("Last-Modified");
-						contentSize = self.refreshRequest.getResponseHeader("Content-Length");
-						//lastModifiedDate = refreshRequest.getResponseHeader("Last-Modified");
-						var headers = self.refreshRequest.getAllResponseHeaders();
-						var hasContentHeader = headers.indexOf("Content-Length")!=-1;
-						
-						if (hasContentHeader) {
-							contentSize = self.refreshRequest.getResponseHeader("Content-Length");
-
-							// size has not been set yet
-							if (self.refreshContentSize==null) {
-								self.refreshContentSize = contentSize;
-								// exit and let interval call this method again
-								return;
-							}
-
-							if (contentSize!=self.refreshContentSize) {
-								pageChanged = true;
-							}
-						}
-					}
-					else if (self.refreshCheckContent) {
-
-						if (self.refreshRequest.responseText!=self.refreshContent) {
-							pageChanged = true;
-						}
-					}
-					else {
-						lastModifiedHeader = self.getLastModified(self.refreshRequest);
-
-						if (self.lastModifiedDate!=lastModifiedHeader) {
-							self.log("lastModifiedDate:" + self.lastModifiedDate + ",lastModifiedHeader:" +lastModifiedHeader);
-							pageChanged = true;
-						}
-
-					}
-
-					
-					if (pageChanged) {
-						clearInterval(self.refreshInterval);
-						self.refreshUpdatedPage();
-						return;
-					}
-
-				}
-				else {
-					self.log('There was a problem with the request.');
-				}
-
-			}
-		}
-		catch( error ) {
-			//console.log('Caught Exception: ' + error);
-		}
-	}
-
-	self.refreshOnLoadOnceHandler = function(event) {
-
-		// get the last modified date
-		if (self.refreshRequest.response) {
-			self.lastModifiedDate = self.getLastModified(self.refreshRequest);
-
-			if (self.lastModifiedDate!=null) {
-
-				if (self.refreshInterval==null) {
-					self.refreshInterval = setInterval(self.requestRefreshUpdate, self.refreshDuration);
-				}
-			}
-			else {
-				self.log("Could not get last modified date from the server");
-			}
-		}
-	}
-
-	self.refreshUpdatedPage = function() {
-		if (self.showRefreshNotifications) {
-			var date = new Date().setTime((new Date().getTime()+10000));
-			document.cookie = encodeURIComponent(self.pageRefreshedName) + "=true" + "; max-age=6000;" + " path=/";
-		}
-
-		document.location.reload(true);
-	}
-
-	self.showNotification = function(duration) {
-		var notificationID = self.pageRefreshedName+"ID";
-		var notification = document.getElementById(notificationID);
-		if (duration==null) duration = 4000;
-
-		if (notification!=null) {return;}
-
-		notification = document.createElement("div");
-		notification.id = notificationID;
-		notification.textContent = "PAGE UPDATED";
-		var styleRule = ""
-		styleRule = "position: fixed; padding: 7px 16px 6px 16px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; left: 50%;";
-		styleRule += "top: 20px; background-color: rgba(0,0,0,.5); border-radius: 12px; color:rgb(235, 235, 235); transition: all 2s linear;";
-		styleRule += "transform: translateX(-50%); letter-spacing: .5px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .1)); cursor: pointer";
-		notification.setAttribute("style", styleRule);
-
-		notification.className = "PageRefreshedClass";
-		notification.addEventListener("click", function() {
-			notification.parentNode.removeChild(notification);
-		});
-		
-		document.body.appendChild(notification);
-
-		setTimeout(function() {
-			notification.style.opacity = "0";
-			notification.style.filter = "drop-shadow( 0px 0px 0px rgba(0,0,0, .5))";
-			setTimeout(function() {
-				try {
-					notification.parentNode.removeChild(notification);
-				} catch(error) {}
-			}, duration)
-		}, duration);
-
-		document.cookie = encodeURIComponent(self.pageRefreshedName) + "=; max-age=1; path=/";
-	}
-
-	/**
-	 * Get the last modified date from the header 
-	 * or file object after request has been received
-	 **/
-	self.getLastModified = function(request) {
-		var date;
-
-		// file protocol - FILE object with last modified property
-		if (request.response && request.response.lastModified) {
-			date = request.response.lastModified;
-		}
-		
-		// http protocol - check headers
-		if (date==null) {
-			date = request.getResponseHeader("Last-Modified");
-		}
-
-		return date;
-	}
-
-	self.updateLastModifiedLabel = function() {
-		var labelValue = "";
-		
-		if (self.lastModifiedLabel==null) {
-			self.lastModifiedLabel = document.getElementById("LastModifiedLabel");
-		}
-
-		if (self.lastModifiedLabel) {
-			var seconds = parseInt(((new Date().getTime() - Date.parse(document.lastModified)) / 1000 / 60) * 100 + "");
-			var minutes = 0;
-			var hours = 0;
-
-			if (seconds < 60) {
-				seconds = Math.floor(seconds/10)*10;
-				labelValue = seconds + " seconds";
-			}
-			else {
-				minutes = parseInt((seconds/60) + "");
-
-				if (minutes>60) {
-					hours = parseInt((seconds/60/60) +"");
-					labelValue += hours==1 ? " hour" : " hours";
-				}
-				else {
-					labelValue = minutes+"";
-					labelValue += minutes==1 ? " minute" : " minutes";
-				}
-			}
-			
-			if (seconds<10) {
-				labelValue = "Updated now";
-			}
-			else {
-				labelValue = "Updated " + labelValue + " ago";
-			}
-
-			if (self.lastModifiedLabel.firstElementChild) {
-				self.lastModifiedLabel.firstElementChild.textContent = labelValue;
-
-			}
-			else if ("textContent" in self.lastModifiedLabel) {
-				self.lastModifiedLabel.textContent = labelValue;
-			}
-		}
-	}
-
-	self.getShortString = function(string, length) {
-		if (length==null) length = 30;
-		string = string!=null ? string.substr(0, length).replace(/\n/g, "") : "[String is null]";
-		return string;
-	}
-
-	self.getShortNumber = function(value, places) {
-		if (places==null || places<1) places = 4;
-		value = Math.round(value * Math.pow(10,places)) / Math.pow(10, places);
-		return value;
-	}
-
-	///////////////////////////////////////
-	// NAVIGATION CONTROLS
-	///////////////////////////////////////
-
-	self.updateViewLabel = function() {
-		var viewNavigationLabel = document.getElementById("ViewNavigationLabel");
-		var view = self.getVisibleView();
-		var viewIndex = view ? self.getViewIndex(view) : -1;
-		var viewName = view ? self.getViewPreferenceValue(view, self.prefix + "view-name") : null;
-		var viewId = view ? view.id : null;
-
-		if (viewNavigationLabel && view) {
-			if (viewName && viewName.indexOf('"')!=-1) {
-				viewName = viewName.replace(/"/g, "");
-			}
-
-			if (self.showViewName) {
-				viewNavigationLabel.textContent = viewName;
-				self.setTooltip(viewNavigationLabel, viewIndex + 1 + " of " + self.numberOfViews);
-			}
-			else {
-				viewNavigationLabel.textContent = viewIndex + 1 + " of " + self.numberOfViews;
-				self.setTooltip(viewNavigationLabel, viewName);
-			}
-
-		}
-	}
-
-	self.updateURL = function(view) {
-		view = view == null ? self.getVisibleView() : view;
-		var viewId = view ? view.id : null
-		var viewFragment = view ? "#"+ viewId : null;
-
-		if (viewId && self.viewIds.length>1 && self.enableDeepLinking) {
-
-			if (self.supportsPopState==false) {
-				self.setFragment(viewId);
-			}
-			else {
-				if (viewFragment!=window.location.hash) {
-
-					if (window.location.hash==null) {
-						window.history.replaceState({name:viewId}, null, viewFragment);
-					}
-					else {
-						window.history.pushState({name:viewId}, null, viewFragment);
-					}
-				}
-			}
-		}
-	}
-
-	self.updateURLState = function(view, stateName) {
-		stateName = view && (stateName=="" || stateName==null) ? self.getStateNameByViewId(view.id) : stateName;
-
-		if (self.supportsPopState==false) {
-			self.setFragment(stateName);
-		}
-		else {
-			if (stateName!=window.location.hash) {
-
-				if (window.location.hash==null) {
-					window.history.replaceState({name:view.viewId}, null, stateName);
-				}
-				else {
-					window.history.pushState({name:view.viewId}, null, stateName);
-				}
-			}
-		}
-	}
-
-	self.setFragment = function(value) {
-		window.location.hash = "#" + value;
-	}
-
-	self.setTooltip = function(element, value) {
-		// setting the tooltip in edge causes a page crash on hover
-		if (/Edge/.test(navigator.userAgent)) { return; }
-
-		if ("title" in element) {
-			element.title = value;
-		}
-	}
-
-	self.getStylesheetRules = function(styleSheet) {
-		try {
-			if (styleSheet) return styleSheet.cssRules || styleSheet.rules;
-	
-			return document.styleSheets[0]["cssRules"] || document.styleSheets[0]["rules"];
-		}
-		catch (error) {
-			// ERRORS:
-			// SecurityError: The operation is insecure.
-			// Errors happen when script loads before stylesheet or loading an external css locally
-
-			// InvalidAccessError: A parameter or an operation is not supported by the underlying object
-			// Place script after stylesheet
-
-			console.log(error);
-			if (error.toString().indexOf("The operation is insecure")!=-1) {
-				console.log("Load the stylesheet before the script or load the stylesheet inline until it can be loaded on a server")
-			}
-			return [];
-		}
-	}
-
-	/**
-	 * If single page application hide all of the views. 
-	 * @param {Number} selectedIndex if provided shows the view at index provided
-	 **/
-	self.hideViews = function(selectedIndex, animation) {
-		var rules = self.getStylesheetRules();
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			var cssText = rule && rule.cssText;
-
-			if (rule.media!=null && cssText.match("--web-view-name:")) {
-
-				if (queryIndex==selectedIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = selectedIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-				}
-				else {
-					if (animation) {
-						self.fadeOut(rule)
-					}
-					else {
-						self.disableMediaQuery(rule);
-					}
-				}
-				
-				queryIndex++;
-			}
-		}
-
-		self.numberOfViews = queryIndex;
-		self.updateViewLabel();
-		self.updateURL();
-
-		self.dispatchViewChange();
-
-		var view = self.getVisibleView();
-		var viewIndex = view ? self.getViewIndex(view) : -1;
-
-		return viewIndex==selectedIndex ? view : null;
-	}
-
-	/**
-	 * If single page application hide all of the views. 
-	 * @param {HTMLElement} selectedView if provided shows the view passed in
-	 **/
-	 self.hideAllViews = function(selectedView, animation) {
-		var views = self.views;
-		var queryIndex = 0;
-		var numberOfViews = views!=null ? views.length : 0;
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfViews;i++) {
-			var viewData = views[i];
-			var view = viewData && viewData.view;
-			var mediaRule = viewData && viewData.mediaRule;
-			
-			if (view==selectedView) {
-				self.currentQuery.mediaText = mediaRule.conditionText;
-				self.currentQuery.index = queryIndex;
-				self.currentQuery.rule = mediaRule;
-				self.enableMediaQuery(mediaRule);
-			}
-			else {
-				if (animation) {
-					self.fadeOut(mediaRule)
-				}
-				else {
-					self.disableMediaQuery(mediaRule);
-				}
-			}
-			
-			queryIndex++;
-		}
-
-		self.numberOfViews = queryIndex;
-		self.updateViewLabel();
-		self.updateURL();
-		self.dispatchViewChange();
-
-		var visibleView = self.getVisibleView();
-
-		return visibleView==selectedView ? selectedView : null;
-	}
-
-	/**
-	 * Hide view
-	 * @param {Object} view element to hide
-	 **/
-	self.hideView = function(view) {
-		var rule = view ? self.mediaQueryDictionary[view.id] : null;
-
-		if (rule) {
-			self.disableMediaQuery(rule);
-		}
-	}
-
-	/**
-	 * Hide overlay
-	 * @param {Object} overlay element to hide
-	 **/
-	self.hideOverlay = function(overlay) {
-		var rule = overlay ? self.mediaQueryDictionary[overlay.id] : null;
-
-		if (rule) {
-			self.disableMediaQuery(rule);
-
-			//if (self.showByMediaQuery) {
-				overlay.style.display = "none";
-			//}
-		}
-	}
-
-	/**
-	 * Show the view by media query. Does not hide current views
-	 * Sets view options by default
-	 * @param {Object} view element to show
-	 * @param {Boolean} setViewOptions sets view options if null or true
-	 */
-	self.showViewByMediaQuery = function(view, setViewOptions) {
-		var id = view ? view.id : null;
-		var query = id ? self.mediaQueryDictionary[id] : null;
-		var isOverlay = view ? self.isOverlay(view) : false;
-		setViewOptions = setViewOptions==null ? true : setViewOptions;
-
-		if (query) {
-			self.enableMediaQuery(query);
-
-			if (isOverlay && view && setViewOptions) {
-				self.setViewVariables(null, view);
-			}
-			else {
-				if (view && setViewOptions) self.setViewOptions(view);
-				if (view && setViewOptions) self.setViewVariables(view);
-			}
-		}
-	}
-
-	/**
-	 * Show the view. Does not hide current views
-	 */
-	self.showView = function(view, setViewOptions) {
-		var id = view ? view.id : null;
-		var query = id ? self.mediaQueryDictionary[id] : null;
-		var display = null;
-		setViewOptions = setViewOptions==null ? true : setViewOptions;
-
-		if (query) {
-			self.enableMediaQuery(query);
-			if (view==null) view =self.getVisibleView();
-			if (view && setViewOptions) self.setViewOptions(view);
-		}
-		else if (id) {
-			display = window.getComputedStyle(view).getPropertyValue("display");
-			if (display=="" || display=="none") {
-				view.style.display = "block";
-			}
-		}
-
-		if (view) {
-			if (self.currentView!=null) {
-				self.lastView = self.currentView;
-			}
-
-			self.currentView = view;
-		}
-	}
-
-	self.showViewById = function(id, setViewOptions) {
-		var view = id ? self.getViewById(id) : null;
-
-		if (view) {
-			self.showView(view);
-			return;
-		}
-
-		self.log("View not found '" + id + "'");
-	}
-
-	self.getElementView = function(element) {
-		var view = element;
-		var viewFound = false;
-
-		while (viewFound==false || view==null) {
-			if (view && self.viewsDictionary[view.id]) {
-				return view;
-			}
-			view = view.parentNode;
-		}
-	}
-
-	/**
-	 * Show overlay over view
-	 * @param {Event | HTMLElement} event event or html element with styles applied
-	 * @param {String} id id of view or view reference
-	 * @param {Number} x x location
-	 * @param {Number} y y location
-	 */
-	self.showOverlay = function(event, id, x, y) {
-		var overlay = id && typeof id === 'string' ? self.getViewById(id) : id ? id : null;
-		var query = overlay ? self.mediaQueryDictionary[overlay.id] : null;
-		var centerHorizontally = false;
-		var centerVertically = false;
-		var anchorLeft = false;
-		var anchorTop = false;
-		var anchorRight = false;
-		var anchorBottom = false;
-		var display = null;
-		var reparent = true;
-		var view = null;
-		
-		if (overlay==null || overlay==false) {
-			self.log("Overlay not found, '"+ id + "'");
-			return;
-		}
-
-		// get enter animation - event target must have css variables declared
-		if (event) {
-			var button = event.currentTarget || event; // can be event or htmlelement
-			var buttonComputedStyles = getComputedStyle(button);
-			var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
-			var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
-			var isAnimated = animation!="";
-			var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
-			var actionTarget = self.application ? null : self.getElement(actionTargetValue);
-			var actionTargetStyles = actionTarget ? actionTarget.style : null;
-
-			if (actionTargetStyles) {
-				actionTargetStyles.setProperty("animation", animation);
-			}
-
-			if ("stopImmediatePropagation" in event) {
-				event.stopImmediatePropagation();
-			}
-		}
-		
-		if (self.application==false || targetType=="page") {
-			document.location.href = "./" + actionTargetValue;
-			return;
-		}
-
-		// remove any current overlays
-		if (self.currentOverlay) {
-
-			// act as switch if same button
-			if (self.currentOverlay==actionTarget || self.currentOverlay==null) {
-				if (self.lastTrigger==button) {
-					self.removeOverlay(isAnimated);
-					return;
-				}
-			}
-			else {
-				self.removeOverlay(isAnimated);
-			}
-		}
-
-		if (reparent) {
-			view = self.getElementView(button);
-			if (view) {
-				view.appendChild(overlay);
-			}
-		}
-
-		if (query) {
-			//self.setElementAnimation(overlay, null);
-			//overlay.style.animation = animation;
-			self.enableMediaQuery(query);
-			
-			var display = overlay && overlay.style.display;
-			
-			if (overlay && display=="" || display=="none") {
-				overlay.style.display = "block";
-				//self.setViewOptions(overlay);
-			}
-
-			// add animation defined in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.fadeIn(overlay, false, animation);
-			}
-		}
-		else if (id) {
-
-			display = window.getComputedStyle(overlay).getPropertyValue("display");
-
-			if (display=="" || display=="none") {
-				overlay.style.display = "block";
-			}
-
-			// add animation defined in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.fadeIn(overlay, false, animation);
-			}
-		}
-
-		// do not set x or y position if centering
-		var horizontal = self.prefix + "center-horizontally";
-		var vertical = self.prefix + "center-vertically";
-		var style = overlay.style;
-		var transform = [];
-
-		centerHorizontally = self.getIsStyleDefined(id, horizontal) ? self.getViewPreferenceBoolean(overlay, horizontal) : false;
-		centerVertically = self.getIsStyleDefined(id, vertical) ? self.getViewPreferenceBoolean(overlay, vertical) : false;
-		anchorLeft = self.getIsStyleDefined(id, "left");
-		anchorRight = self.getIsStyleDefined(id, "right");
-		anchorTop = self.getIsStyleDefined(id, "top");
-		anchorBottom = self.getIsStyleDefined(id, "bottom");
-
-		
-		if (self.viewsDictionary[overlay.id] && self.viewsDictionary[overlay.id].styleDeclaration) {
-			style = self.viewsDictionary[overlay.id].styleDeclaration.style;
-		}
-		
-		if (centerHorizontally) {
-			style.left = "50%";
-			style.transformOrigin = "0 0";
-			transform.push("translateX(-50%)");
-		}
-		else if (anchorRight && anchorLeft) {
-			style.left = x + "px";
-		}
-		else if (anchorRight) {
-			//style.right = x + "px";
-		}
-		else {
-			style.left = x + "px";
-		}
-		
-		if (centerVertically) {
-			style.top = "50%";
-			transform.push("translateY(-50%)");
-			style.transformOrigin = "0 0";
-		}
-		else if (anchorTop && anchorBottom) {
-			style.top = y + "px";
-		}
-		else if (anchorBottom) {
-			//style.bottom = y + "px";
-		}
-		else {
-			style.top = y + "px";
-		}
-
-		if (transform.length) {
-			style.transform = transform.join(" ");
-		}
-
-		self.currentOverlay = overlay;
-		self.lastTrigger = button;
-	}
-
-	self.goBack = function() {
-		if (self.currentOverlay) {
-			self.removeOverlay();
-		}
-		else if (self.lastView) {
-			self.goToView(self.lastView.id);
-		}
-	}
-
-	self.removeOverlay = function(animate) {
-		var overlay = self.currentOverlay;
-		animate = animate===false ? false : true;
-
-		if (overlay) {
-			var style = overlay.style;
-			
-			if (style.animation && self.supportAnimations && animate) {
-				self.reverseAnimation(overlay, true);
-
-				var duration = self.getAnimationDuration(style.animation, true);
-		
-				setTimeout(function() {
-					self.setElementAnimation(overlay, null);
-					self.hideOverlay(overlay);
-					self.currentOverlay = null;
-				}, duration);
-			}
-			else {
-				self.setElementAnimation(overlay, null);
-				self.hideOverlay(overlay);
-				self.currentOverlay = null;
-			}
-		}
-	}
-
-	/**
-	 * Reverse the animation and hide after
-	 * @param {Object} target element with animation
-	 * @param {Boolean} hide hide after animation ends
-	 */
-	self.reverseAnimation = function(target, hide) {
-		var lastAnimation = null;
-		var style = target.style;
-
-		style.animationPlayState = "paused";
-		lastAnimation = style.animation;
-		style.animation = null;
-		style.animationPlayState = "paused";
-
-		if (hide) {
-			//target.addEventListener("animationend", self.animationEndHideHandler);
-	
-			var duration = self.getAnimationDuration(lastAnimation, true);
-			var isOverlay = self.isOverlay(target);
-	
-			setTimeout(function() {
-				self.setElementAnimation(target, null);
-
-				if (isOverlay) {
-					self.hideOverlay(target);
-				}
-				else {
-					self.hideView(target);
-				}
-			}, duration);
-		}
-
-		setTimeout(function() {
-			style.animation = lastAnimation;
-			style.animationPlayState = "paused";
-			style.animationDirection = "reverse";
-			style.animationPlayState = "running";
-		}, 30);
-	}
-
-	self.animationEndHandler = function(event) {
-		var target = event.currentTarget;
-		self.dispatchEvent(new Event(event.type));
-	}
-
-	self.isOverlay = function(view) {
-		var result = view ? self.getViewPreferenceBoolean(view, self.prefix + "is-overlay") : false;
-
-		return result;
-	}
-
-	self.animationEndHideHandler = function(event) {
-		var target = event.currentTarget;
-		self.setViewVariables(null, target);
-		self.hideView(target);
-		target.removeEventListener("animationend", self.animationEndHideHandler);
-	}
-
-	self.animationEndShowHandler = function(event) {
-		var target = event.currentTarget;
-		target.removeEventListener("animationend", self.animationEndShowHandler);
-	}
-
-	self.setViewOptions = function(view) {
-
-		if (view) {
-			self.minimumScale = self.getViewPreferenceValue(view, self.prefix + "minimum-scale");
-			self.maximumScale = self.getViewPreferenceValue(view, self.prefix + "maximum-scale");
-			self.scaleViewsToFit = self.getViewPreferenceBoolean(view, self.prefix + "scale-to-fit");
-			self.scaleToFitType = self.getViewPreferenceValue(view, self.prefix + "scale-to-fit-type");
-			self.scaleToFitOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-double-click");
-			self.actualSizeOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "actual-size-on-double-click");
-			self.scaleViewsOnResize = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-resize");
-			self.enableScaleUp = self.getViewPreferenceBoolean(view, self.prefix + "enable-scale-up");
-			self.centerHorizontally = self.getViewPreferenceBoolean(view, self.prefix + "center-horizontally");
-			self.centerVertically = self.getViewPreferenceBoolean(view, self.prefix + "center-vertically");
-			self.navigationOnKeypress = self.getViewPreferenceBoolean(view, self.prefix + "navigate-on-keypress");
-			self.showViewName = self.getViewPreferenceBoolean(view, self.prefix + "show-view-name");
-			self.refreshPageForChanges = self.getViewPreferenceBoolean(view, self.prefix + "refresh-for-changes");
-			self.refreshPageForChangesInterval = self.getViewPreferenceValue(view, self.prefix + "refresh-interval");
-			self.showNavigationControls = self.getViewPreferenceBoolean(view, self.prefix + "show-navigation-controls");
-			self.scaleViewSlider = self.getViewPreferenceBoolean(view, self.prefix + "show-scale-controls");
-			self.enableDeepLinking = self.getViewPreferenceBoolean(view, self.prefix + "enable-deep-linking");
-			self.singlePageApplication = self.getViewPreferenceBoolean(view, self.prefix + "application");
-			self.showByMediaQuery = self.getViewPreferenceBoolean(view, self.prefix + "show-by-media-query");
-			self.showUpdateNotification = document.cookie!="" ? document.cookie.indexOf(self.pageRefreshedName)!=-1 : false;
-			self.imageComparisonDuration = self.getViewPreferenceValue(view, self.prefix + "image-comparison-duration");
-			self.supportAnimations = self.getViewPreferenceBoolean(view, self.prefix + "enable-animations", true);
-
-			if (self.scaleViewsToFit) {
-				var newScaleValue = self.scaleViewToFit(view);
-				
-				if (newScaleValue<0) {
-					setTimeout(self.scaleViewToFit, 500, view);
-				}
-			}
-			else {
-				self.viewScale = self.getViewScaleValue(view);
-				self.viewToFitWidthScale = self.getViewFitToViewportWidthScale(view, self.enableScaleUp)
-				self.viewToFitHeightScale = self.getViewFitToViewportScale(view, self.enableScaleUp);
-				self.updateSliderValue(self.viewScale);
-			}
-
-			if (self.imageComparisonDuration!=null) {
-				// todo
-			}
-
-			if (self.refreshPageForChangesInterval!=null) {
-				self.refreshDuration = Number(self.refreshPageForChangesInterval);
-			}
-		}
-	}
-
-	self.previousView = function(event) {
-		var rules = self.getStylesheetRules();
-		var view = self.getVisibleView()
-		var index = view ? self.getViewIndex(view) : -1;
-		var prevQueryIndex = index!=-1 ? index-1 : self.currentQuery.index-1;
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-
-		if (event) {
-			event.stopImmediatePropagation();
-		}
-
-		if (prevQueryIndex<0) {
-			return;
-		}
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			
-			if (rule.media!=null) {
-
-				if (queryIndex==prevQueryIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = prevQueryIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-					self.updateViewLabel();
-					self.updateURL();
-					self.dispatchViewChange();
-				}
-				else {
-					self.disableMediaQuery(rule);
-				}
-
-				queryIndex++;
-			}
-		}
-	}
-
-	self.nextView = function(event) {
-		var rules = self.getStylesheetRules();
-		var view = self.getVisibleView();
-		var index = view ? self.getViewIndex(view) : -1;
-		var nextQueryIndex = index!=-1 ? index+1 : self.currentQuery.index+1;
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-		var numberOfMediaQueries = self.getNumberOfMediaRules();
-
-		if (event) {
-			event.stopImmediatePropagation();
-		}
-
-		if (nextQueryIndex>=numberOfMediaQueries) {
-			return;
-		}
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			
-			if (rule.media!=null) {
-
-				if (queryIndex==nextQueryIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = nextQueryIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-					self.updateViewLabel();
-					self.updateURL();
-					self.dispatchViewChange();
-				}
-				else {
-					self.disableMediaQuery(rule);
-				}
-
-				queryIndex++;
-			}
-		}
-	}
-
-	/**
-	 * Enables a view via media query
-	 */
-	self.enableMediaQuery = function(rule) {
-
-		try {
-			rule.media.mediaText = self.inclusionQuery;
-		}
-		catch(error) {
-			//self.log(error);
-			rule.conditionText = self.inclusionQuery;
-		}
-	}
-
-	self.disableMediaQuery = function(rule) {
-
-		try {
-			rule.media.mediaText = self.exclusionQuery;
-		}
-		catch(error) {
-			rule.conditionText = self.exclusionQuery;
-		}
-	}
-
-	self.dispatchViewChange = function() {
-		try {
-			var event = new Event(self.NAVIGATION_CHANGE);
-			window.dispatchEvent(event);
-		}
-		catch (error) {
-			// In IE 11: Object doesn't support this action
-		}
-	}
-
-	self.getNumberOfMediaRules = function() {
-		var rules = self.getStylesheetRules();
-		var numberOfRules = rules ? rules.length : 0;
-		var numberOfQueries = 0;
-
-		for (var i=0;i<numberOfRules;i++) {
-			if (rules[i].media!=null) { numberOfQueries++; }
-		}
-		
-		return numberOfQueries;
-	}
-
-	/////////////////////////////////////////
-	// VIEW SCALE 
-	/////////////////////////////////////////
-
-	self.sliderChangeHandler = function(event) {
-		var value = self.getShortNumber(event.currentTarget.value/100);
-		var view = self.getVisibleView();
-		self.setViewScaleValue(view, false, value, true);
-	}
-
-	self.updateSliderValue = function(scale) {
-		var slider = document.getElementById(self.viewScaleSliderId);
-		var tooltip = parseInt(scale * 100 + "") + "%";
-		var inputType;
-		var inputValue;
-		
-		if (slider) {
-			inputValue = self.getShortNumber(scale * 100);
-			if (inputValue!=slider["value"]) {
-				slider["value"] = inputValue;
-			}
-			inputType = slider.getAttributeNS(null, "type");
-
-			if (inputType!="range") {
-				// input range is not supported
-				slider.style.display = "none";
-			}
-
-			self.setTooltip(slider, tooltip);
-		}
-	}
-
-	self.viewChangeHandler = function(event) {
-		var view = self.getVisibleView();
-		var matrix = view ? getComputedStyle(view).transform : null;
-		
-		if (matrix) {
-			self.viewScale = self.getViewScaleValue(view);
-			
-			var scaleNeededToFit = self.getViewFitToViewportScale(view);
-			var isViewLargerThanViewport = scaleNeededToFit<1;
-			
-			// scale large view to fit if scale to fit is enabled
-			if (self.scaleViewsToFit) {
-				self.scaleViewToFit(view);
-			}
-			else {
-				self.updateSliderValue(self.viewScale);
-			}
-		}
-	}
-
-	self.getViewScaleValue = function(view) {
-		var matrix = getComputedStyle(view).transform;
-
-		if (matrix) {
-			var matrixArray = matrix.replace("matrix(", "").split(",");
-			var scaleX = parseFloat(matrixArray[0]);
-			var scaleY = parseFloat(matrixArray[3]);
-			var scale = Math.min(scaleX, scaleY);
-		}
-
-		return scale;
-	}
-
-	/**
-	 * Scales view to scale. 
-	 * @param {Object} view view to scale. views are in views array
-	 * @param {Boolean} scaleToFit set to true to scale to fit. set false to use desired scale value
-	 * @param {Number} desiredScale scale to define. not used if scale to fit is false
-	 * @param {Boolean} isSliderChange indicates if slider is callee
-	 */
-	self.setViewScaleValue = function(view, scaleToFit, desiredScale, isSliderChange) {
-		var enableScaleUp = self.enableScaleUp;
-		var scaleToFitType = self.scaleToFitType;
-		var minimumScale = self.minimumScale;
-		var maximumScale = self.maximumScale;
-		var hasMinimumScale = !isNaN(minimumScale) && minimumScale!="";
-		var hasMaximumScale = !isNaN(maximumScale) && maximumScale!="";
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, enableScaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, enableScaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, enableScaleUp);
-		var scaleToFitFull = self.getViewFitToViewportScale(view, true);
-		var scaleToFitFullWidth = self.getViewFitToViewportWidthScale(view, true);
-		var scaleToFitFullHeight = self.getViewFitToViewportHeightScale(view, true);
-		var scaleToWidth = scaleToFitType=="width";
-		var scaleToHeight = scaleToFitType=="height";
-		var shrunkToFit = false;
-		var topPosition = null;
-		var leftPosition = null;
-		var translateY = null;
-		var translateX = null;
-		var transformValue = "";
-		var canCenterVertically = true;
-		var canCenterHorizontally = true;
-		var style = view.style;
-
-		if (view && self.viewsDictionary[view.id] && self.viewsDictionary[view.id].styleDeclaration) {
-			style = self.viewsDictionary[view.id].styleDeclaration.style;
-		}
-
-		if (scaleToFit && isSliderChange!=true) {
-			if (scaleToFitType=="fit" || scaleToFitType=="") {
-				desiredScale = scaleNeededToFit;
-			}
-			else if (scaleToFitType=="width") {
-				desiredScale = scaleNeededToFitWidth;
-			}
-			else if (scaleToFitType=="height") {
-				desiredScale = scaleNeededToFitHeight;
-			}
-		}
-		else {
-			if (isNaN(desiredScale)) {
-				desiredScale = 1;
-			}
-		}
-
-		self.updateSliderValue(desiredScale);
-		
-		// scale to fit width
-		if (scaleToWidth && scaleToHeight==false) {
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
-
-			if (isSliderChange) {
-				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFitWidth;
-			}
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
-
-			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-			else if (desiredScale>=1 && enableScaleUp==false) {
-				transformValue = "scale(" + 1 + ")";
-			}
-			else {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			return desiredScale;
-		}
-
-		// scale to fit height
-		if (scaleToHeight && scaleToWidth==false) {
-			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			//canCenterHorizontally = scaleNeededToFitHeight<=scaleNeededToFitWidth && enableScaleUp==false;
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
-			
-			if (isSliderChange) {
-				canCenterHorizontally = desiredScale<scaleToFitFullHeight;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFitHeight;
-			}
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-				//canCenterVertically = desiredScale>=scaleNeededToFitHeight && enableScaleUp==false;
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
-
-			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-			else if (desiredScale>=1 && enableScaleUp==false) {
-				transformValue = "scale(" + 1 + ")";
-			}
-			else {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			return scaleNeededToFitHeight;
-		}
-
-		if (scaleToFitType=="fit") {
-			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			//canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFitHeight;
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFit;
-			canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFit;
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			if (isSliderChange || scaleToFit==false) {
-				canCenterVertically = scaleToFitFullHeight>=desiredScale;
-				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFit;
-			}
-
-			transformValue = "scale(" + desiredScale + ")";
-
-			//canCenterHorizontally = self.canCenterHorizontally(view, "fit", false, desiredScale);
-			//canCenterVertically = self.canCenterVertically(view, "fit", false, desiredScale);
-			
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			self.updateSliderValue(desiredScale);
-			
-			return desiredScale;
-		}
-
-		if (scaleToFitType=="default" || scaleToFitType=="") {
-			desiredScale = 1;
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-			}
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "none", false, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "none", false, desiredScale, minimumScale, maximumScale);
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-				else {
-					transformValue += " translateX(" + 0 + ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			self.updateSliderValue(desiredScale);
-			
-			return desiredScale;
-		}
-	}
-
-	/**
-	 * Returns true if view can be centered horizontally
-	 * @param {HTMLElement} view view
-	 * @param {String} type type of scaling - width, height, all, none
-	 * @param {Boolean} scaleUp if scale up enabled 
-	 * @param {Number} scale target scale value 
-	 */
-	self.canCenterHorizontally = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
-		var canCenter = false;
-		var minScale;
-
-		type = type==null ? "none" : type;
-		scale = scale==null ? scale : scaleNeededToFitWidth;
-		scaleUp = scaleUp == null ? false : scaleUp;
-
-		if (type=="width") {
-	
-			if (scaleUp && maximumScale==null) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=1) {
-				canCenter = true;
-			}
-		}
-		else if (type=="height") {
-			minScale = Math.min(1, scaleNeededToFitHeight);
-			if (minimumScale!="" && maximumScale!="") {
-				minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
-			}
-			else {
-				if (minimumScale!="") {
-					minScale = Math.max(minimumScale, scaleNeededToFitHeight);
-				}
-				if (maximumScale!="") {
-					minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
-				}
-			}
-	
-			if (scaleUp && maximumScale=="") {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=minScale) {
-				canCenter = true;
-			}
-		}
-		else if (type=="fit") {
-			canCenter = scaleNeededToFitWidth>=scaleNeededToFit;
-		}
-		else {
-			if (scaleUp) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=1) {
-				canCenter = true;
-			}
-		}
-
-		self.horizontalScrollbarsNeeded = canCenter;
-		
-		return canCenter;
-	}
-
-	/**
-	 * Returns true if view can be centered horizontally
-	 * @param {HTMLElement} view view to scale
-	 * @param {String} type type of scaling
-	 * @param {Boolean} scaleUp if scale up enabled 
-	 * @param {Number} scale target scale value 
-	 */
-	self.canCenterVertically = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
-		var canCenter = false;
-		var minScale;
-
-		type = type==null ? "none" : type;
-		scale = scale==null ? 1 : scale;
-		scaleUp = scaleUp == null ? false : scaleUp;
-	
-		if (type=="width") {
-			canCenter = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-		}
-		else if (type=="height") {
-			minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFit));
-			canCenter = scaleNeededToFitHeight>=minScale;
-		}
-		else if (type=="fit") {
-			canCenter = scaleNeededToFitHeight>=scaleNeededToFit;
-		}
-		else {
-			if (scaleUp) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitHeight>=1) {
-				canCenter = true;
-			}
-		}
-
-		self.verticalScrollbarsNeeded = canCenter;
-		
-		return canCenter;
-	}
-
-	self.getViewFitToViewportScale = function(view, scaleUp) {
-		var enableScaleUp = scaleUp;
-		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
-		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementWidth) || isNaN(elementHeight)) {
-			return newScale;
-		}
-
-		availableWidth -= self.horizontalPadding;
-		availableHeight -= self.verticalPadding;
-
-		if (enableScaleUp) {
-			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
-		}
-		else if (elementWidth > availableWidth || elementHeight > availableHeight) {
-			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
-		}
-		
-		return newScale;
-	}
-
-	self.getViewFitToViewportWidthScale = function(view, scaleUp) {
-		// need to get browser viewport width when element
-		var isParentWindow = view && view.parentNode && view.parentNode===document.body;
-		var enableScaleUp = scaleUp;
-		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementWidth)) {
-			return newScale;
-		}
-
-		availableWidth -= self.horizontalPadding;
-
-		if (enableScaleUp) {
-			newScale = availableWidth/elementWidth;
-		}
-		else if (elementWidth > availableWidth) {
-			newScale = availableWidth/elementWidth;
-		}
-		
-		return newScale;
-	}
-
-	self.getViewFitToViewportHeightScale = function(view, scaleUp) {
-		var enableScaleUp = scaleUp;
-		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementHeight)) {
-			return newScale;
-		}
-
-		availableHeight -= self.verticalPadding;
-
-		if (enableScaleUp) {
-			newScale = availableHeight/elementHeight;
-		}
-		else if (elementHeight > availableHeight) {
-			newScale = availableHeight/elementHeight;
-		}
-		
-		return newScale;
-	}
-
-	self.keypressHandler = function(event) {
-		var rightKey = 39;
-		var leftKey = 37;
-		
-		// listen for both events 
-		if (event.type=="keypress") {
-			window.removeEventListener("keyup", self.keypressHandler);
-		}
-		else {
-			window.removeEventListener("keypress", self.keypressHandler);
-		}
-		
-		if (self.showNavigationControls) {
-			if (self.navigationOnKeypress) {
-				if (event.keyCode==rightKey) {
-					self.nextView();
-				}
-				if (event.keyCode==leftKey) {
-					self.previousView();
-				}
-			}
-		}
-		else if (self.navigationOnKeypress) {
-			if (event.keyCode==rightKey) {
-				self.nextView();
-			}
-			if (event.keyCode==leftKey) {
-				self.previousView();
-			}
-		}
-	}
-
-	///////////////////////////////////
-	// GENERAL FUNCTIONS
-	///////////////////////////////////
-
-	self.getViewById = function(id) {
-		id = id ? id.replace("#", "") : "";
-		var view = self.viewIds.indexOf(id)!=-1 && self.getElement(id);
-		return view;
-	}
-
-	self.getViewIds = function() {
-		var viewIds = self.getViewPreferenceValue(document.body, self.prefix + "view-ids");
-		var viewId = null;
-
-		viewIds = viewIds!=null && viewIds!="" ? viewIds.split(",") : [];
-
-		if (viewIds.length==0) {
-			viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
-			viewIds = viewId ? [viewId] : [];
-		}
-
-		return viewIds;
-	}
-
-	self.getInitialViewId = function() {
-		var viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
-		return viewId;
-	}
-
-	self.getApplicationStylesheet = function() {
-		var stylesheetId = self.getViewPreferenceValue(document.body, self.prefix + "stylesheet-id");
-		self.applicationStylesheet = document.getElementById("applicationStylesheet");
-		return self.applicationStylesheet.sheet;
-	}
-
-	self.getVisibleView = function() {
-		var viewIds = self.getViewIds();
-		
-		for (var i=0;i<viewIds.length;i++) {
-			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
-			var view = self.getElement(viewId);
-			var postName = "_Class";
-
-			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-				view = self.getElement(viewId.replace(postName, ""));
-			}
-			
-			if (view) {
-				var display = getComputedStyle(view).display;
-		
-				if (display=="block" || display=="flex") {
-					return view;
-				}
-			}
-		}
-
-		return null;
-	}
-
-	self.getVisibleViews = function() {
-		var viewIds = self.getViewIds();
-		var views = [];
-		
-		for (var i=0;i<viewIds.length;i++) {
-			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
-			var view = self.getElement(viewId);
-			var postName = "_Class";
-
-			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-				view = self.getElement(viewId.replace(postName, ""));
-			}
-			
-			if (view) {
-				var display = getComputedStyle(view).display;
-				
-				if (display=="none") {
-					continue;
-				}
-
-				if (display=="block" || display=="flex") {
-					views.push(view);
-				}
-			}
-		}
-
-		return views;
-	}
-
-	self.getStateNameByViewId = function(id) {
-		var state = self.viewsDictionary[id];
-		return state && state.stateName;
-	}
-
-	self.getMatchingViews = function(ids) {
-		var views = self.addedViews.slice(0);
-		var matchingViews = [];
-
-		if (self.showByMediaQuery) {
-			for (let index = 0; index < views.length; index++) {
-				var viewId = views[index];
-				var state = self.viewsDictionary[viewId];
-				var rule = state && state.rule; 
-				var matchResults = window.matchMedia(rule.conditionText);
-				var view = self.views[viewId];
-				
-				if (matchResults.matches) {
-					if (ids==true) {
-						matchingViews.push(viewId);
-					}
-					else {
-						matchingViews.push(view);
-					}
-				}
-			}
-		}
-
-		return matchingViews;
-	}
-
-	self.ruleMatchesQuery = function(rule) {
-		var result = window.matchMedia(rule.conditionText);
-		return result.matches;
-	}
-
-	self.getViewsByStateName = function(stateName, matchQuery) {
-		var views = self.addedViews.slice(0);
-		var matchingViews = [];
-
-		if (self.showByMediaQuery) {
-
-			// find state name
-			for (let index = 0; index < views.length; index++) {
-				var viewId = views[index];
-				var state = self.viewsDictionary[viewId];
-				var rule = state.rule;
-				var mediaRule = state.mediaRule;
-				var view = self.views[viewId];
-				var viewStateName = self.getStyleRuleValue(mediaRule, self.STATE_NAME, state);
-				var stateFoundAtt = view.getAttribute(self.STATE_NAME)==state;
-				var matchesResults = false;
-				
-				if (viewStateName==stateName) {
-					if (matchQuery) {
-						matchesResults = self.ruleMatchesQuery(rule);
-
-						if (matchesResults) {
-							matchingViews.push(view);
-						}
-					}
-					else {
-						matchingViews.push(view);
-					}
-				}
-			}
-		}
-
-		return matchingViews;
-	}
-
-	self.getInitialView = function() {
-		var viewId = self.getInitialViewId();
-		viewId = viewId.replace(/[\#?\.?](.*)/, "$" + "1");
-		var view = self.getElement(viewId);
-		var postName = "_Class";
-
-		if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-			view = self.getElement(viewId.replace(postName, ""));
-		}
-
-		return view;
-	}
-
-	self.getViewIndex = function(view) {
-		var viewIds = self.getViewIds();
-		var id = view ? view.id : null;
-		var index = id && viewIds ? viewIds.indexOf(id) : -1;
-
-		return index;
-	}
-
-	self.syncronizeViewToURL = function() {
-		var fragment = self.getHashFragment();
-
-		if (self.showByMediaQuery) {
-			var stateName = fragment;
-			
-			if (stateName==null || stateName=="") {
-				var initialView = self.getInitialView();
-				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-			}
-			
-			self.showMediaQueryViewsByState(stateName);
-			return;
-		}
-
-		var view = self.getViewById(fragment);
-		var index = view ? self.getViewIndex(view) : 0;
-		if (index==-1) index = 0;
-		var currentView = self.hideViews(index);
-
-		if (self.supportsPopState && currentView) {
-
-			if (fragment==null) {
-				window.history.replaceState({name:currentView.id}, null, "#"+ currentView.id);
-			}
-			else {
-				window.history.pushState({name:currentView.id}, null, "#"+ currentView.id);
-			}
-		}
-		
-		self.setViewVariables(view);
-		return view;
-	}
-
-	/**
-	 * Set the currentView or currentOverlay properties and set the lastView or lastOverlay properties
-	 */
-	self.setViewVariables = function(view, overlay, parentView) {
-		if (view) {
-			if (self.currentView) {
-				self.lastView = self.currentView;
-			}
-			self.currentView = view;
-		}
-
-		if (overlay) {
-			if (self.currentOverlay) {
-				self.lastOverlay = self.currentOverlay;
-			}
-			self.currentOverlay = overlay;
-		}
-	}
-
-	self.getViewPreferenceBoolean = function(view, property, altValue) {
-		var computedStyle = window.getComputedStyle(view);
-		var value = computedStyle.getPropertyValue(property);
-		var type = typeof value;
-		
-		if (value=="true" || (type=="string" && value.indexOf("true")!=-1)) {
-			return true;
-		}
-		else if (value=="" && arguments.length==3) {
-			return altValue;
-		}
-
-		return false;
-	}
-
-	self.getViewPreferenceValue = function(view, property, defaultValue) {
-		var value = window.getComputedStyle(view).getPropertyValue(property);
-
-		if (value===undefined) {
-			return defaultValue;
-		}
-		
-		value = value.replace(/^[\s\"]*/, "");
-		value = value.replace(/[\s\"]*$/, "");
-		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
-			return capture;
-		});
-
-		return value;
-	}
-
-	self.getStyleRuleValue = function(cssRule, property) {
-		var value = cssRule ? cssRule.style.getPropertyValue(property) : null;
-
-		if (value===undefined) {
-			return null;
-		}
-		
-		value = value.replace(/^[\s\"]*/, "");
-		value = value.replace(/[\s\"]*$/, "");
-		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
-			return capture;
-		});
-
-		return value;
-	}
-
-	/**
-	 * Get the first defined value of property. Returns empty string if not defined
-	 * @param {String} id id of element
-	 * @param {String} property 
-	 */
-	self.getCSSPropertyValueForElement = function(id, property) {
-		var styleSheets = document.styleSheets;
-		var numOfStylesheets = styleSheets.length;
-		var values = [];
-		var selectorIDText = "#" + id;
-		var selectorClassText = "." + id + "_Class";
-		var value;
-
-		for(var i=0;i<numOfStylesheets;i++) {
-			var styleSheet = styleSheets[i];
-			var cssRules = self.getStylesheetRules(styleSheet);
-			var numOfCSSRules = cssRules.length;
-			var cssRule;
-			
-			for (var j=0;j<numOfCSSRules;j++) {
-				cssRule = cssRules[j];
-				
-				if (cssRule.media) {
-					var mediaRules = cssRule.cssRules;
-					var numOfMediaRules = mediaRules ? mediaRules.length : 0;
-					
-					for(var k=0;k<numOfMediaRules;k++) {
-						var mediaRule = mediaRules[k];
-						
-						if (mediaRule.selectorText==selectorIDText || mediaRule.selectorText==selectorClassText) {
-							
-							if (mediaRule.style && mediaRule.style.getPropertyValue(property)!="") {
-								value = mediaRule.style.getPropertyValue(property);
-								values.push(value);
-							}
-						}
-					}
-				}
-				else {
-
-					if (cssRule.selectorText==selectorIDText || cssRule.selectorText==selectorClassText) {
-						if (cssRule.style && cssRule.style.getPropertyValue(property)!="") {
-							value = cssRule.style.getPropertyValue(property);
-							values.push(value);
-						}
-					}
-				}
-			}
-		}
-
-		return values.pop();
-	}
-
-	self.getIsStyleDefined = function(id, property) {
-		var value = self.getCSSPropertyValueForElement(id, property);
-		return value!==undefined && value!="";
-	}
-
-	self.collectViews = function() {
-		var viewIds = self.getViewIds();
-
-		for (let index = 0; index < viewIds.length; index++) {
-			const id = viewIds[index];
-			const view = self.getElement(id);
-			self.views[id] = view;
-		}
-		
-		self.viewIds = viewIds;
-	}
-
-	self.collectOverlays = function() {
-		var viewIds = self.getViewIds();
-		var ids = [];
-
-		for (let index = 0; index < viewIds.length; index++) {
-			const id = viewIds[index];
-			const view = self.getViewById(id);
-			const isOverlay = view && self.isOverlay(view);
-			
-			if (isOverlay) {
-				ids.push(id);
-				self.overlays[id] = view;
-			}
-		}
-		
-		self.overlayIds = ids;
-	}
-
-	self.collectMediaQueries = function() {
-		var viewIds = self.getViewIds();
-		var styleSheet = self.getApplicationStylesheet();
-		var cssRules = self.getStylesheetRules(styleSheet);
-		var numOfCSSRules = cssRules ? cssRules.length : 0;
-		var cssRule;
-		var id = viewIds.length ? viewIds[0]: ""; // single view
-		var selectorIDText = "#" + id;
-		var selectorClassText = "." + id + "_Class";
-		var viewsNotFound = viewIds.slice();
-		var viewsFound = [];
-		var selectorText = null;
-		var property = self.prefix + "view-id";
-		var stateName = self.prefix + "state";
-		var stateValue = null;
-		var view = null;
-		
-		for (var j=0;j<numOfCSSRules;j++) {
-			cssRule = cssRules[j];
-			
-			if (cssRule.media) {
-				var mediaRules = cssRule.cssRules;
-				var numOfMediaRules = mediaRules ? mediaRules.length : 0;
-				var mediaViewInfoFound = false;
-				var mediaId = null;
-				
-				for(var k=0;k<numOfMediaRules;k++) {
-					var mediaRule = mediaRules[k];
-
-					selectorText = mediaRule.selectorText;
-					
-					if (selectorText==".mediaViewInfo" && mediaViewInfoFound==false) {
-
-						mediaId = self.getStyleRuleValue(mediaRule, property);
-						stateValue = self.getStyleRuleValue(mediaRule, stateName);
-
-						selectorIDText = "#" + mediaId;
-						selectorClassText = "." + mediaId + "_Class";
-						view = self.getElement(mediaId);
-						
-						// prevent duplicates from load and domcontentloaded events
-						if (self.addedViews.indexOf(mediaId)==-1) {
-							self.addView(view, mediaId, cssRule, mediaRule, stateValue);
-						}
-
-						viewsFound.push(mediaId);
-
-						if (viewsNotFound.indexOf(mediaId)!=-1) {
-							viewsNotFound.splice(viewsNotFound.indexOf(mediaId));
-						}
-
-						mediaViewInfoFound = true;
-					}
-
-					if (selectorIDText==selectorText || selectorClassText==selectorText) {
-						var styleObject = self.viewsDictionary[mediaId];
-						if (styleObject) {
-							styleObject.styleDeclaration = mediaRule;
-						}
-						break;
-					}
-				}
-			}
-			else {
-				selectorText = cssRule.selectorText;
-				
-				if (selectorText==null) continue;
-
-				selectorText = selectorText.replace(/[#|\s|*]?/g, "");
-
-				if (viewIds.indexOf(selectorText)!=-1) {
-					view = self.getElement(selectorText);
-					self.addView(view, selectorText, cssRule, null, stateValue);
-
-					if (viewsNotFound.indexOf(selectorText)!=-1) {
-						viewsNotFound.splice(viewsNotFound.indexOf(selectorText));
-					}
-
-					break;
-				}
-			}
-		}
-
-		if (viewsNotFound.length) {
-			console.log("Could not find the following views:" + viewsNotFound.join(",") + "");
-			console.log("Views found:" + viewsFound.join(",") + "");
-		}
-	}
-
-	/**
-	 * Adds a view
-	 * @param {HTMLElement} view view element
-	 * @param {String} id id of view element
-	 * @param {CSSRule} cssRule of view element
-	 * @param {CSSMediaRule} mediaRule media rule of view element
-	 * @param {String} stateName name of state if applicable
-	 **/
-	self.addView = function(view, viewId, cssRule, mediaRule, stateName) {
-		var viewData = {};
-		viewData.name = viewId;
-		viewData.rule = cssRule;
-		viewData.id = viewId;
-		viewData.mediaRule = mediaRule;
-		viewData.stateName = stateName;
-
-		self.views.push(viewData);
-		self.addedViews.push(viewId);
-		self.viewsDictionary[viewId] = viewData;
-		self.mediaQueryDictionary[viewId] = cssRule;
-	}
-
-	self.hasView = function(name) {
-
-		if (self.addedViews.indexOf(name)!=-1) {
-			return true;
-		}
-		return false;
-	}
-
-	/**
-	 * Go to view by id. Views are added in addView()
-	 * @param {String} id id of view in current
-	 * @param {Boolean} maintainPreviousState if true then do not hide other views
-	 * @param {String} parent id of parent view
-	 **/
-	self.goToView = function(id, maintainPreviousState, parent) {
-		var state = self.viewsDictionary[id];
-
-		if (state) {
-			if (maintainPreviousState==false || maintainPreviousState==null) {
-				self.hideViews();
-			}
-			self.enableMediaQuery(state.rule);
-			self.updateViewLabel();
-			self.updateURL();
-		}
-		else {
-			var event = new Event(self.STATE_NOT_FOUND);
-			self.stateName = id;
-			window.dispatchEvent(event);
-		}
-	}
-
-	/**
-	 * Go to the view in the event targets CSS variable
-	 **/
-	self.goToTargetView = function(event) {
-		var button = event.currentTarget;
-		var buttonComputedStyles = getComputedStyle(button);
-		var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
-		var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
-		var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
-		var targetView = self.application ? null : self.getElement(actionTargetValue);
-		var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;
-		var actionTargetStyles = targetView ? targetView.style : null;
-		var state = self.viewsDictionary[actionTargetValue];
-		
-		// navigate to page
-		if (self.application==false || targetType=="page") {
-			document.location.href = "./" + actionTargetValue;
-			return;
-		}
-
-		// if view is found
-		if (targetView) {
-
-			if (self.currentOverlay) {
-				self.removeOverlay(false);
-			}
-
-			if (self.showByMediaQuery) {
-				var stateName = targetState;
-				
-				if (stateName==null || stateName=="") {
-					var initialView = self.getInitialView();
-					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-				}
-				self.showMediaQueryViewsByState(stateName, event);
-				return;
-			}
-
-			// add animation set in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.crossFade(self.currentView, targetView, false, animation);
-			}
-			else {
-				self.setViewVariables(self.currentView);
-				self.hideViews();
-				self.enableMediaQuery(state.rule);
-				self.scaleViewIfNeeded(targetView);
-				self.centerView(targetView);
-				self.updateViewLabel();
-				self.updateURL();
-			}
-		}
-		else {
-			var stateEvent = new Event(self.STATE_NOT_FOUND);
-			self.stateName = name;
-			window.dispatchEvent(stateEvent);
-		}
-
-		event.stopImmediatePropagation();
-	}
-
-	/**
-	 * Cross fade between views
-	 **/
-	self.crossFade = function(from, to, update, animation) {
-		var targetIndex = to.parentNode
-		var fromIndex = Array.prototype.slice.call(from.parentElement.children).indexOf(from);
-		var toIndex = Array.prototype.slice.call(to.parentElement.children).indexOf(to);
-
-		if (from.parentNode==to.parentNode) {
-			var reverse = self.getReverseAnimation(animation);
-			var duration = self.getAnimationDuration(animation, true);
-
-			// if target view is above (higher index)
-			// then fade in target view 
-			// and after fade in then hide previous view instantly
-			if (fromIndex<toIndex) {
-				self.setElementAnimation(from, null);
-				self.setElementAnimation(to, null);
-				self.showViewByMediaQuery(to);
-				self.fadeIn(to, update, animation);
-
-				setTimeout(function() {
-					self.setElementAnimation(to, null);
-					self.setElementAnimation(from, null);
-					self.hideView(from);
-					self.updateURL();
-					self.setViewVariables(to);
-					self.updateViewLabel();
-				}, duration)
-			}
-			// if target view is on bottom
-			// then show target view instantly 
-			// and fade out current view
-			else if (fromIndex>toIndex) {
-				self.setElementAnimation(to, null);
-				self.setElementAnimation(from, null);
-				self.showViewByMediaQuery(to);
-				self.fadeOut(from, update, reverse);
-
-				setTimeout(function() {
-					self.setElementAnimation(to, null);
-					self.setElementAnimation(from, null);
-					self.hideView(from);
-					self.updateURL();
-					self.setViewVariables(to);
-				}, duration)
-			}
-		}
-	}
-
-	self.fadeIn = function(element, update, animation) {
-		self.showViewByMediaQuery(element);
-
-		if (update) {
-			self.updateURL(element);
-
-			element.addEventListener("animationend", function(event) {
-				element.style.animation = null;
-				self.setViewVariables(element);
-				self.updateViewLabel();
-				element.removeEventListener("animationend", arguments.callee);
-			});
-		}
-
-		self.setElementAnimation(element, null);
-		
-		element.style.animation = animation;
-	}
-
-	self.fadeOutCurrentView = function(animation, update) {
-		if (self.currentView) {
-			self.fadeOut(self.currentView, update, animation);
-		}
-		if (self.currentOverlay) {
-			self.fadeOut(self.currentOverlay, update, animation);
-		}
-	}
-
-	self.fadeOut = function(element, update, animation) {
-		if (update) {
-			element.addEventListener("animationend", function(event) {
-				element.style.animation = null;
-				self.hideView(element);
-				element.removeEventListener("animationend", arguments.callee);
-			});
-		}
-
-		element.style.animationPlayState = "paused";
-		element.style.animation = animation;
-		element.style.animationPlayState = "running";
-	}
-
-	self.getReverseAnimation = function(animation) {
-		if (animation && animation.indexOf("reverse")==-1) {
-			animation += " reverse";
-		}
-
-		return animation;
-	}
-
-	/**
-	 * Get duration in animation string
-	 * @param {String} animation animation value
-	 * @param {Boolean} inMilliseconds length in milliseconds if true
-	 */
-	self.getAnimationDuration = function(animation, inMilliseconds) {
-		var duration = 0;
-		var expression = /.+(\d\.\d)s.+/;
-
-		if (animation && animation.match(expression)) {
-			duration = parseFloat(animation.replace(expression, "$" + "1"));
-			if (duration && inMilliseconds) duration = duration * 1000;
-		}
-
-		return duration;
-	}
-
-	self.setElementAnimation = function(element, animation, priority) {
-		element.style.setProperty("animation", animation, "important");
-	}
-
-	self.getElement = function(id) {
-		id = id ? id.trim() : id;
-		var element = id ? document.getElementById(id) : null;
-
-		return element;
-	}
-
-	self.getElementById = function(id) {
-		id = id ? id.trim() : id;
-		var element = id ? document.getElementById(id) : null;
-
-		return element;
-	}
-
-	self.getElementByClass = function(className) {
-		className = className ? className.trim() : className;
-		var elements = document.getElementsByClassName(className);
-
-		return elements.length ? elements[0] : null;
-	}
-
-	self.resizeHandler = function(event) {
-		
-		if (self.showByMediaQuery) {
-			if (self.enableDeepLinking) {
-				var stateName = self.getHashFragment();
-
-				if (stateName==null || stateName=="") {
-					var initialView = self.getInitialView();
-					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-				}
-				self.showMediaQueryViewsByState(stateName, event);
-			}
-		}
-		else {
-			var visibleViews = self.getVisibleViews();
-
-			for (let index = 0; index < visibleViews.length; index++) {	
-				var view = visibleViews[index];
-				self.scaleViewIfNeeded(view);
-			}
-		}
-
-		window.dispatchEvent(new Event(self.APPLICATION_RESIZE));
-	}
-
-	self.scaleViewIfNeeded = function(view) {
-
-		if (self.scaleViewsOnResize) {
-			if (view==null) {
-				view = self.getVisibleView();
-			}
-
-			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME)=="false" ? false : true;
-
-			if (isViewScaled) {
-				self.scaleViewToFit(view, true);
-			}
-			else {
-				self.scaleViewToActualSize(view);
-			}
-		}
-		else if (view) {
-			self.centerView(view);
-		}
-	}
-
-	self.centerView = function(view) {
-
-		if (self.scaleViewsToFit) {
-			self.scaleViewToFit(view, true);
-		}
-		else {
-			self.scaleViewToActualSize(view);  // for centering support for now
-		}
-	}
-
-	self.preventDoubleClick = function(event) {
-		event.stopImmediatePropagation();
-	}
-
-	self.getHashFragment = function() {
-		var value = window.location.hash ? window.location.hash.replace("#", "") : "";
-		return value;
-	}
-
-	self.showBlockElement = function(view) {
-		view.style.display = "block";
-	}
-
-	self.hideElement = function(view) {
-		view.style.display = "none";
-	}
-
-	self.showStateFunction = null;
-
-	self.showMediaQueryViewsByState = function(state, event) {
-		// browser will hide and show by media query (small, medium, large)
-		// but if multiple views exists at same size user may want specific view
-		// if showStateFunction is defined that is called with state fragment and user can show or hide each media matching view by returning true or false
-		// if showStateFunction is not defined and state is defined and view has a defined state that matches then show that and hide other matching views
-		// if no state is defined show view 
-		// an viewChanging event is dispatched before views are shown or hidden that can be prevented 
-
-		// get all matched queries
-		// if state name is specified then show that view and hide other views
-		// if no state name is defined then show
-		var matchedViews = self.getMatchingViews();
-		var matchMediaQuery = true;
-		var foundViews = self.getViewsByStateName(state, matchMediaQuery);
-		var showViews = [];
-		var hideViews = [];
-
-		// loop views that match media query 
-		for (let index = 0; index < matchedViews.length; index++) {
-			var view = matchedViews[index];
-			
-			// let user determine visible view
-			if (self.showStateFunction!=null) {
-				if (self.showStateFunction(view, state)) {
-					showViews.push(view);
-				}
-				else {
-					hideViews.push(view);
-				}
-			}
-			// state was defined so check if view matches state
-			else if (foundViews.length) {
-
-				if (foundViews.indexOf(view)!=-1) {
-					showViews.push(view);
-				}
-				else {
-					hideViews.push(view);
-				}
-			}
-			// if no state names are defined show view (define unused state name to exclude)
-			else if (state==null || state=="") {
-				showViews.push(view);
-			}
-		}
-
-		if (showViews.length) {
-			var viewChangingEvent = new Event(self.VIEW_CHANGING);
-			viewChangingEvent.showViews = showViews;
-			viewChangingEvent.hideViews = hideViews;
-			window.dispatchEvent(viewChangingEvent);
-
-			if (viewChangingEvent.defaultPrevented==false) {
-				for (var index = 0; index < hideViews.length; index++) {
-					var view = hideViews[index];
-
-					if (self.isOverlay(view)) {
-						self.removeOverlay(view);
-					}
-					else {
-						self.hideElement(view);
-					}
-				}
-
-				for (var index = 0; index < showViews.length; index++) {
-					var view = showViews[index];
-
-					if (index==showViews.length-1) {
-						self.clearDisplay(view);
-						self.setViewOptions(view);
-						self.setViewVariables(view);
-						self.centerView(view);
-						self.updateURLState(view, state);
-					}
-				}
-			}
-
-			var viewChangeEvent = new Event(self.VIEW_CHANGE);
-			viewChangeEvent.showViews = showViews;
-			viewChangeEvent.hideViews = hideViews;
-			window.dispatchEvent(viewChangeEvent);
-		}
-		
-	}
-
-	self.clearDisplay = function(view) {
-		view.style.setProperty("display", null);
-	}
-
-	self.hashChangeHandler = function(event) {
-		var fragment = self.getHashFragment();
-		var view = self.getViewById(fragment);
-
-		if (self.showByMediaQuery) {
-			var stateName = fragment;
-
-			if (stateName==null || stateName=="") {
-				var initialView = self.getInitialView();
-				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-			}
-			self.showMediaQueryViewsByState(stateName);
-		}
-		else {
-			if (view) {
-				self.hideViews();
-				self.showView(view);
-				self.setViewVariables(view);
-				self.updateViewLabel();
-				
-				window.dispatchEvent(new Event(self.VIEW_CHANGE));
-			}
-			else {
-				window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
-			}
-		}
-	}
-
-	self.popStateHandler = function(event) {
-		var state = event.state;
-		var fragment = state ? state.name : window.location.hash;
-		var view = self.getViewById(fragment);
-
-		if (view) {
-			self.hideViews();
-			self.showView(view);
-			self.updateViewLabel();
-		}
-		else {
-			window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
-		}
-	}
-
-	self.doubleClickHandler = function(event) {
-		var view = self.getVisibleView();
-		var scaleValue = view ? self.getViewScaleValue(view) : 1;
-		var scaleNeededToFit = view ? self.getViewFitToViewportScale(view) : 1;
-		var scaleNeededToFitWidth = view ? self.getViewFitToViewportWidthScale(view) : 1;
-		var scaleNeededToFitHeight = view ? self.getViewFitToViewportHeightScale(view) : 1;
-		var scaleToFitType = self.scaleToFitType;
-
-		// Three scenarios
-		// - scale to fit on double click
-		// - set scale to actual size on double click
-		// - switch between scale to fit and actual page size
-
-		if (scaleToFitType=="width") {
-			scaleNeededToFit = scaleNeededToFitWidth;
-		}
-		else if (scaleToFitType=="height") {
-			scaleNeededToFit = scaleNeededToFitHeight;
-		}
-
-		// if scale and actual size enabled then switch between
-		if (self.scaleToFitOnDoubleClick && self.actualSizeOnDoubleClick) {
-			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
-			var isScaled = false;
-			
-			// if scale is not 1 then view needs scaling
-			if (scaleNeededToFit!=1) {
-
-				// if current scale is at 1 it is at actual size
-				// scale it to fit
-				if (scaleValue==1) {
-					self.scaleViewToFit(view);
-					isScaled = true;
-				}
-				else {
-					// scale is not at 1 so switch to actual size
-					self.scaleViewToActualSize(view);
-					isScaled = false;
-				}
-			}
-			else {
-				// view is smaller than viewport 
-				// so scale to fit() is scale actual size
-				// actual size and scaled size are the same
-				// but call scale to fit to retain centering
-				self.scaleViewToFit(view);
-				isScaled = false;
-			}
-			
-			view.setAttributeNS(null, self.SIZE_STATE_NAME, isScaled+"");
-			isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
-		}
-		else if (self.scaleToFitOnDoubleClick) {
-			self.scaleViewToFit(view);
-		}
-		else if (self.actualSizeOnDoubleClick) {
-			self.scaleViewToActualSize(view);
-		}
-
-	}
-
-	self.scaleViewToFit = function(view) {
-		return self.setViewScaleValue(view, true);
-	}
-
-	self.scaleViewToActualSize = function(view) {
-		self.setViewScaleValue(view, false, 1);
-	}
-
-	self.onloadHandler = function(event) {
-		self.initialize();
-	}
-
-	self.setElementHTML = function(id, value) {
-		var element = self.getElement(id);
-		element.innerHTML = value;
-	}
-
-	self.getStackArray = function(error) {
-		var value = "";
-		
-		if (error==null) {
-		  try {
-			 error = new Error("Stack");
-		  }
-		  catch (e) {
-			 
-		  }
-		}
-		
-		if ("stack" in error) {
-		  value = error.stack;
-		  var methods = value.split(/\n/g);
-	 
-		  var newArray = methods ? methods.map(function (value, index, array) {
-			 value = value.replace(/\@.*/,"");
-			 return value;
-		  }) : null;
-	 
-		  if (newArray && newArray[0].includes("getStackTrace")) {
-			 newArray.shift();
-		  }
-		  if (newArray && newArray[0].includes("getStackArray")) {
-			 newArray.shift();
-		  }
-		  if (newArray && newArray[0]=="") {
-			 newArray.shift();
-		  }
-	 
-			return newArray;
-		}
-		
-		return null;
-	}
-
-	self.log = function(value) {
-		console.log.apply(this, [value]);
-	}
-	
-	// initialize on load
-	// sometimes the body size is 0 so we call this now and again later
-	window.addEventListener("load", self.onloadHandler);
-	window.document.addEventListener("DOMContentLoaded", self.onloadHandler);
-}
-
-window.application = new Application();
-</script>
-</head>
-<body>
-<div id="T3diagnose__1">
-	<img id="n__gi" src="n__gi.png" srcset="n__gi.png 1x, n__gi@2x.png 2x">
-		
-	<svg class="rectangle_5_gj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gj" rx="7" ry="7" x="0" y="0" width="59" height="51">
-		</rect>
-	</svg>
-	<img id="n_upper_banner_gk" src="n_upper_banner_gk.png" srcset="n_upper_banner_gk.png 1x, n_upper_banner_gk@2x.png 2x">
-		
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex1/T3diagnose___2.html b/public/flukemoni/Ex1/T3diagnose___2.html
old mode 100644
new mode 100755
index 023ad19..3c9c088
--- a/public/flukemoni/Ex1/T3diagnose___2.html
+++ b/public/flukemoni/Ex1/T3diagnose___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__lu {
+	#n__ow {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lv {
+	#n_1_ox {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ox {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 600px;
+	}
+	#rectangle_5_oy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lv {
+	.rectangle_5_oy {
 		position: absolute;
 		overflow: visible;
 		width: 59px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_lw {
+	#n_upper_banner_oz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3diagnose__2">
-	<img id="n__lu" src="n__lu.png" srcset="n__lu.png 1x, n__lu@2x.png 2x">
+	<img id="n__ow" src="n__ow.png" srcset="n__ow.png 1x, n__ow@2x.png 2x">
 		
-	<svg class="rectangle_5_lv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lv" rx="7" ry="7" x="0" y="0" width="59" height="51">
+	<svg class="n_1_ox">
+		<ellipse id="n_1_ox" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_oy">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oy" rx="7" ry="7" x="0" y="0" width="59" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_lw" src="n_upper_banner_lw.png" srcset="n_upper_banner_lw.png 1x, n_upper_banner_lw@2x.png 2x">
+	<img id="n_upper_banner_oz" src="n_upper_banner_oz.png" srcset="n_upper_banner_oz.png 1x, n_upper_banner_oz@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3inspector___1.html b/public/flukemoni/Ex1/T3inspector___1.html
old mode 100644
new mode 100755
index 358a958..dd8362a
--- a/public/flukemoni/Ex1/T3inspector___1.html
+++ b/public/flukemoni/Ex1/T3inspector___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_h {
+	#n_16_jw {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_jw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_jx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_h {
+	.rectangle_5_jx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_h {
+	#n_upper_banner_jy {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3inspector__1">
 	<img id="n_fiberinspector" src="n_fiberinspector.png" srcset="n_fiberinspector.png 1x, n_fiberinspector@2x.png 2x">
 		
-	<svg class="rectangle_5_h">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_h" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_jw">
+		<ellipse id="n_16_jw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_jx">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_h" src="n_upper_banner_h.png" srcset="n_upper_banner_h.png 1x, n_upper_banner_h@2x.png 2x">
+	<img id="n_upper_banner_jy" src="n_upper_banner_jy.png" srcset="n_upper_banner_jy.png 1x, n_upper_banner_jy@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3inspector___2.html b/public/flukemoni/Ex1/T3inspector___2.html
old mode 100644
new mode 100755
index 103bad1..5c1be96
--- a/public/flukemoni/Ex1/T3inspector___2.html
+++ b/public/flukemoni/Ex1/T3inspector___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_fiberinspector_mz {
+	#n_fiberinspector_qe {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_m {
+	#n_17_qf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_qg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_m {
+	.rectangle_5_qg {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_m {
+	#n_upper_banner_qh {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3inspector__2">
-	<img id="n_fiberinspector_mz" src="n_fiberinspector_mz.png" srcset="n_fiberinspector_mz.png 1x, n_fiberinspector_mz@2x.png 2x">
+	<img id="n_fiberinspector_qe" src="n_fiberinspector_qe.png" srcset="n_fiberinspector_qe.png 1x, n_fiberinspector_qe@2x.png 2x">
 		
-	<svg class="rectangle_5_m">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_qf">
+		<ellipse id="n_17_qf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qg" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
+	<img id="n_upper_banner_qh" src="n_upper_banner_qh.png" srcset="n_upper_banner_qh.png 1x, n_upper_banner_qh@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3language___1.html b/public/flukemoni/Ex1/T3language___1.html
old mode 100644
new mode 100755
index ed3cb7f..4e75c75
--- a/public/flukemoni/Ex1/T3language___1.html
+++ b/public/flukemoni/Ex1/T3language___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_j {
+	#n_16_mt {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_mt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_mu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_j {
+	.rectangle_5_mu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ka {
+	#n_upper_banner_mv {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3language__1">
 	<img id="n_language" src="n_language.png" srcset="n_language.png 1x, n_language@2x.png 2x">
 		
-	<svg class="rectangle_5_j">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_mt">
+		<ellipse id="n_16_mt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_mu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ka" src="n_upper_banner_ka.png" srcset="n_upper_banner_ka.png 1x, n_upper_banner_ka@2x.png 2x">
+	<img id="n_upper_banner_mv" src="n_upper_banner_mv.png" srcset="n_upper_banner_mv.png 1x, n_upper_banner_mv@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3language___2.html b/public/flukemoni/Ex1/T3language___2.html
old mode 100644
new mode 100755
index 41ea499..af4a661
--- a/public/flukemoni/Ex1/T3language___2.html
+++ b/public/flukemoni/Ex1/T3language___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_language_pp {
+	#n_language_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pq {
+	#n_17_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pq {
+	.rectangle_5_t {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_pr {
+	#n_upper_banner_t {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3language__2">
-	<img id="n_language_pp" src="n_language_pp.png" srcset="n_language_pp.png 1x, n_language_pp@2x.png 2x">
+	<img id="n_language_t" src="n_language_t.png" srcset="n_language_t.png 1x, n_language_t@2x.png 2x">
 		
-	<svg class="rectangle_5_pq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_t">
+		<ellipse id="n_17_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_t">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_t" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pr" src="n_upper_banner_pr.png" srcset="n_upper_banner_pr.png 1x, n_upper_banner_pr@2x.png 2x">
+	<img id="n_upper_banner_t" src="n_upper_banner_t.png" srcset="n_upper_banner_t.png 1x, n_upper_banner_t@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3law_and_rules___1.html b/public/flukemoni/Ex1/T3law_and_rules___1.html
old mode 100644
new mode 100755
index 6ca6603..e38f011
--- a/public/flukemoni/Ex1/T3law_and_rules___1.html
+++ b/public/flukemoni/Ex1/T3law_and_rules___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kl {
+	#n_16_nd {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_nd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_ne {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kl {
+	.rectangle_5_ne {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -73,7 +91,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_km {
+	#n_upper_banner_nf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2997,11 +3015,15 @@ window.application = new Application();
 <div id="T3law_and_rules__1">
 	<img id="n_law_and_rules" src="n_law_and_rules.png" srcset="n_law_and_rules.png 1x, n_law_and_rules@2x.png 2x">
 		
-	<svg class="rectangle_5_kl">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kl" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_nd">
+		<ellipse id="n_16_nd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ne">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ne" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_km" src="n_upper_banner_km.png" srcset="n_upper_banner_km.png 1x, n_upper_banner_km@2x.png 2x">
+	<img id="n_upper_banner_nf" src="n_upper_banner_nf.png" srcset="n_upper_banner_nf.png 1x, n_upper_banner_nf@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3law_and_rules___2.html b/public/flukemoni/Ex1/T3law_and_rules___2.html
old mode 100644
new mode 100755
index 8124e10..799a584
--- a/public/flukemoni/Ex1/T3law_and_rules___2.html
+++ b/public/flukemoni/Ex1/T3law_and_rules___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_law_and_rules_q {
+	#n_law_and_rules_vz {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_q {
+	#n_17_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_q {
+	.rectangle_5_v {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -73,7 +91,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ra {
+	#n_upper_banner_v {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2995,13 +3013,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3law_and_rules__2">
-	<img id="n_law_and_rules_q" src="n_law_and_rules_q.png" srcset="n_law_and_rules_q.png 1x, n_law_and_rules_q@2x.png 2x">
+	<img id="n_law_and_rules_vz" src="n_law_and_rules_vz.png" srcset="n_law_and_rules_vz.png 1x, n_law_and_rules_vz@2x.png 2x">
 		
-	<svg class="rectangle_5_q">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_v">
+		<ellipse id="n_17_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_v">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_v" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ra" src="n_upper_banner_ra.png" srcset="n_upper_banner_ra.png 1x, n_upper_banner_ra@2x.png 2x">
+	<img id="n_upper_banner_v" src="n_upper_banner_v.png" srcset="n_upper_banner_v.png 1x, n_upper_banner_v@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3lwl___1.html b/public/flukemoni/Ex1/T3lwl___1.html
old mode 100644
new mode 100755
index 0924f65..a784cd3
--- a/public/flukemoni/Ex1/T3lwl___1.html
+++ b/public/flukemoni/Ex1/T3lwl___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_LWL_h {
+	#n_LWL_j {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ia {
+	#n_16_j {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ia {
+	.rectangle_5_j {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ia {
+	#n_upper_banner_j {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3lwl__1">
-	<img id="n_LWL_h" src="n_LWL_h.png" srcset="n_LWL_h.png 1x, n_LWL_h@2x.png 2x">
+	<img id="n_LWL_j" src="n_LWL_j.png" srcset="n_LWL_j.png 1x, n_LWL_j@2x.png 2x">
 		
-	<svg class="rectangle_5_ia">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ia" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_j">
+		<ellipse id="n_16_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_j">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ia" src="n_upper_banner_ia.png" srcset="n_upper_banner_ia.png 1x, n_upper_banner_ia@2x.png 2x">
+	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3lwl___2.html b/public/flukemoni/Ex1/T3lwl___2.html
old mode 100644
new mode 100755
index 79ee8d9..7f6cb9e
--- a/public/flukemoni/Ex1/T3lwl___2.html
+++ b/public/flukemoni/Ex1/T3lwl___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_LWL_m {
+	#n_LWL_qk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_na {
+	#n_17_ql {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ql {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_qm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_na {
+	.rectangle_5_qm {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_na {
+	#n_upper_banner_qn {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3lwl__2">
-	<img id="n_LWL_m" src="n_LWL_m.png" srcset="n_LWL_m.png 1x, n_LWL_m@2x.png 2x">
+	<img id="n_LWL_qk" src="n_LWL_qk.png" srcset="n_LWL_qk.png 1x, n_LWL_qk@2x.png 2x">
 		
-	<svg class="rectangle_5_na">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_na" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ql">
+		<ellipse id="n_17_ql" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qm">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qm" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_na" src="n_upper_banner_na.png" srcset="n_upper_banner_na.png 1x, n_upper_banner_na@2x.png 2x">
+	<img id="n_upper_banner_qn" src="n_upper_banner_qn.png" srcset="n_upper_banner_qn.png 1x, n_upper_banner_qn@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3memory___1.html b/public/flukemoni/Ex1/T3memory___1.html
old mode 100644
new mode 100755
index e7c58d8..8ad0f7e
--- a/public/flukemoni/Ex1/T3memory___1.html
+++ b/public/flukemoni/Ex1/T3memory___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_il {
+	#n_16_kk {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_kk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_kl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_il {
+	.rectangle_5_kl {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_im {
+	#n_upper_banner_km {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3memory__1">
 	<img id="n_memory" src="n_memory.png" srcset="n_memory.png 1x, n_memory@2x.png 2x">
 		
-	<svg class="rectangle_5_il">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_il" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_kk">
+		<ellipse id="n_16_kk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_kl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kl" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_im" src="n_upper_banner_im.png" srcset="n_upper_banner_im.png 1x, n_upper_banner_im@2x.png 2x">
+	<img id="n_upper_banner_km" src="n_upper_banner_km.png" srcset="n_upper_banner_km.png 1x, n_upper_banner_km@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3memory___2.html b/public/flukemoni/Ex1/T3memory___2.html
old mode 100644
new mode 100755
index 5749c56..d222e7c
--- a/public/flukemoni/Ex1/T3memory___2.html
+++ b/public/flukemoni/Ex1/T3memory___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_memory_pc {
+	#n_memory_ti {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pd {
+	#n_17_tj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_tj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_tk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pd {
+	.rectangle_5_tk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_pe {
+	#n_upper_banner_tl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3memory__2">
-	<img id="n_memory_pc" src="n_memory_pc.png" srcset="n_memory_pc.png 1x, n_memory_pc@2x.png 2x">
+	<img id="n_memory_ti" src="n_memory_ti.png" srcset="n_memory_ti.png 1x, n_memory_ti@2x.png 2x">
 		
-	<svg class="rectangle_5_pd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pd" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_tj">
+		<ellipse id="n_17_tj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_tk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pe" src="n_upper_banner_pe.png" srcset="n_upper_banner_pe.png 1x, n_upper_banner_pe@2x.png 2x">
+	<img id="n_upper_banner_tl" src="n_upper_banner_tl.png" srcset="n_upper_banner_tl.png 1x, n_upper_banner_tl@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3module_main___1.html b/public/flukemoni/Ex1/T3module_main___1.html
old mode 100644
new mode 100755
index 50af4b8..7d536c3
--- a/public/flukemoni/Ex1/T3module_main___1.html
+++ b/public/flukemoni/Ex1/T3module_main___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_i {
+	#n_16_le {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_le {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_lf {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_lf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 600px;
+	}
+	#n_59_lg {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_lg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 600px;
+	}
+	#n_60_lh {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_lh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 600px;
+	}
+	#rectangle_5_li {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_i {
+	.rectangle_5_li {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jb {
+	#retangle_1_lj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jb {
+	.retangle_1_lj {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jc {
+	#retangle_1_lk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jc {
+	.retangle_1_lk {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ja {
+	#n_upper_banner_ll {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_jd {
+	#retangle_1_lm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jd {
+	.retangle_1_lm {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3module_main__1">
 	<img id="n_ver_module_main" src="n_ver_module_main.png" srcset="n_ver_module_main.png 1x, n_ver_module_main@2x.png 2x">
 		
-	<svg class="rectangle_5_i">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_le">
+		<ellipse id="n_16_le" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_lf">
+		<ellipse id="n_16_lf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_lg">
+		<ellipse id="n_59_lg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_lh">
+		<ellipse id="n_60_lh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_li">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_li" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jb">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jb" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lj">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lj" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jc">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jc" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lk">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lk" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ja" src="n_upper_banner_ja.png" srcset="n_upper_banner_ja.png 1x, n_upper_banner_ja@2x.png 2x">
+	<img id="n_upper_banner_ll" src="n_upper_banner_ll.png" srcset="n_upper_banner_ll.png 1x, n_upper_banner_ll@2x.png 2x">
 		
-	<svg class="retangle_1_jd">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jd" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_lm">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lm" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3module_main___2.html b/public/flukemoni/Ex1/T3module_main___2.html
old mode 100644
new mode 100755
index 14db780..3fc4071
--- a/public/flukemoni/Ex1/T3module_main___2.html
+++ b/public/flukemoni/Ex1/T3module_main___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_module_main_n {
+	#n_ver_module_main_rx {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_n {
+	#n_17_ry {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ry {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_27 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_28 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_29 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_n {
+	.rectangle_5_r {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_ob {
+	#retangle_1_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ob {
+	.retangle_1_r {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_oc {
+	#retangle_1_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_oc {
+	.retangle_1_sa {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_oa {
+	#n_upper_banner_r {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_od {
+	#retangle_1_sb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_od {
+	.retangle_1_sb {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3module_main__2">
-	<img id="n_ver_module_main_n" src="n_ver_module_main_n.png" srcset="n_ver_module_main_n.png 1x, n_ver_module_main_n@2x.png 2x">
+	<img id="n_ver_module_main_rx" src="n_ver_module_main_rx.png" srcset="n_ver_module_main_rx.png 1x, n_ver_module_main_rx@2x.png 2x">
 		
-	<svg class="rectangle_5_n">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ry">
+		<ellipse id="n_17_ry" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27">
+		<ellipse id="n_27" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28">
+		<ellipse id="n_28" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29">
+		<ellipse id="n_29" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_r">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_ob">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ob" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_r">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_r" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_oc">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_oc" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_sa">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sa" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_oa" src="n_upper_banner_oa.png" srcset="n_upper_banner_oa.png 1x, n_upper_banner_oa@2x.png 2x">
+	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
 		
-	<svg class="retangle_1_od">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_od" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_sb">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sb" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3module_remote___1.html b/public/flukemoni/Ex1/T3module_remote___1.html
old mode 100644
new mode 100755
index e8492e3..5e9296d
--- a/public/flukemoni/Ex1/T3module_remote___1.html
+++ b/public/flukemoni/Ex1/T3module_remote___1.html
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jx {
+	#rectangle_5_mh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +60,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jx {
+	.rectangle_5_mh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +72,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jy {
+	#retangle_1_mi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jy {
+	.retangle_1_mi {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +94,7 @@
 		--web-action-target: T3version_remote___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jz {
+	#retangle_1_mj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jz {
+	.retangle_1_mj {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +116,7 @@
 		--web-action-target: T3adapter_remote___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_j {
+	#n_upper_banner_mk {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +124,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_j {
+	#retangle_1_ml {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +134,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_j {
+	.retangle_1_ml {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -146,6 +146,78 @@
 		--web-action-target: T3module_main___1.html;
 		cursor: pointer;
 	}
+	#n_16_mm {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_mm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_65_mn {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_mn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_66_mo {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_mo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 227px;
+		top: 602px;
+	}
+	#n_67_mp {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_67_mp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 602px;
+	}
 </style>
 <script id="applicationScript">
 ///////////////////////////////////////
@@ -3062,24 +3134,40 @@ window.application = new Application();
 <div id="T3module_remote__1">
 	<img id="n_ver_module_remote" src="n_ver_module_remote.png" srcset="n_ver_module_remote.png 1x, n_ver_module_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_jx">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jx" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_mh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jy">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jy" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_mi">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_mi" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jz">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jz" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_mj">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_mj" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
+	<img id="n_upper_banner_mk" src="n_upper_banner_mk.png" srcset="n_upper_banner_mk.png 1x, n_upper_banner_mk@2x.png 2x">
 		
-	<svg class="retangle_1_j">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_j" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_ml">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ml" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
+	<svg class="n_16_mm">
+		<ellipse id="n_16_mm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_mn">
+		<ellipse id="n_65_mn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_mo">
+		<ellipse id="n_66_mo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_67_mp">
+		<ellipse id="n_67_mp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex1/T3module_remote___2.html b/public/flukemoni/Ex1/T3module_remote___2.html
old mode 100644
new mode 100755
index 11227bd..b1e6f03
--- a/public/flukemoni/Ex1/T3module_remote___2.html
+++ b/public/flukemoni/Ex1/T3module_remote___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_module_remote_ph {
+	#n_ver_module_remote_to {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pi {
+	#n_17_tp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_tp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_21 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_21 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_22 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 226px;
+		top: 599px;
+	}
+	#n_23 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_tt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pi {
+	.rectangle_5_tt {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_pj {
+	#retangle_1_tu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_pj {
+	.retangle_1_tu {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_remote___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_pk {
+	#retangle_1_tv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_pk {
+	.retangle_1_tv {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_remote___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_pl {
+	#n_upper_banner_tw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_pm {
+	#retangle_1_tx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_pm {
+	.retangle_1_tx {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3module_remote__2">
-	<img id="n_ver_module_remote_ph" src="n_ver_module_remote_ph.png" srcset="n_ver_module_remote_ph.png 1x, n_ver_module_remote_ph@2x.png 2x">
+	<img id="n_ver_module_remote_to" src="n_ver_module_remote_to.png" srcset="n_ver_module_remote_to.png 1x, n_ver_module_remote_to@2x.png 2x">
 		
-	<svg class="rectangle_5_pi">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_tp">
+		<ellipse id="n_17_tp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_21">
+		<ellipse id="n_21" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22">
+		<ellipse id="n_22" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23">
+		<ellipse id="n_23" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_tt">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tt" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_pj">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_pj" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_tu">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_tu" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_pk">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_pk" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_tv">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_tv" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pl" src="n_upper_banner_pl.png" srcset="n_upper_banner_pl.png 1x, n_upper_banner_pl@2x.png 2x">
+	<img id="n_upper_banner_tw" src="n_upper_banner_tw.png" srcset="n_upper_banner_tw.png 1x, n_upper_banner_tw@2x.png 2x">
 		
-	<svg class="retangle_1_pm">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_pm" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_tx">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_tx" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3networks___1.html b/public/flukemoni/Ex1/T3networks___1.html
old mode 100644
new mode 100755
index 5f3e253..a42a767
--- a/public/flukemoni/Ex1/T3networks___1.html
+++ b/public/flukemoni/Ex1/T3networks___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ib {
+	#n_16_ka {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ib {
+	.rectangle_5_ka {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ic {
+	#n_upper_banner_ka {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3networks__1">
 	<img id="n_networks" src="n_networks.png" srcset="n_networks.png 1x, n_networks@2x.png 2x">
 		
-	<svg class="rectangle_5_ib">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ib" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_ka">
+		<ellipse id="n_16_ka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ka">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ka" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ic" src="n_upper_banner_ic.png" srcset="n_upper_banner_ic.png 1x, n_upper_banner_ic@2x.png 2x">
+	<img id="n_upper_banner_ka" src="n_upper_banner_ka.png" srcset="n_upper_banner_ka.png 1x, n_upper_banner_ka@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3networks___2.html b/public/flukemoni/Ex1/T3networks___2.html
old mode 100644
new mode 100755
index c40c250..756891f
--- a/public/flukemoni/Ex1/T3networks___2.html
+++ b/public/flukemoni/Ex1/T3networks___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_networks_m {
+	#n_networks_qq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nb {
+	#n_17_qr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_qs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nb {
+	.rectangle_5_qs {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_nb {
+	#n_upper_banner_qt {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3networks__2">
-	<img id="n_networks_m" src="n_networks_m.png" srcset="n_networks_m.png 1x, n_networks_m@2x.png 2x">
+	<img id="n_networks_qq" src="n_networks_qq.png" srcset="n_networks_qq.png 1x, n_networks_qq@2x.png 2x">
 		
-	<svg class="rectangle_5_nb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_qr">
+		<ellipse id="n_17_qr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qs">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qs" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_nb" src="n_upper_banner_nb.png" srcset="n_upper_banner_nb.png 1x, n_upper_banner_nb@2x.png 2x">
+	<img id="n_upper_banner_qt" src="n_upper_banner_qt.png" srcset="n_upper_banner_qt.png 1x, n_upper_banner_qt@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3new_test.html b/public/flukemoni/Ex1/T3new_test.html
old mode 100644
new mode 100755
index 86ea04e..b4e53a3
--- a/public/flukemoni/Ex1/T3new_test.html
+++ b/public/flukemoni/Ex1/T3new_test.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_dw {
+	#n_61_eb {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_eb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ec {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_dw {
+	.rectangle_5_ec {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_dx {
+	#n_upper_banner_ed {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3new_test">
 	<img id="n_new" src="n_new.png" srcset="n_new.png 1x, n_new@2x.png 2x">
 		
-	<svg class="rectangle_5_dw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_dw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_eb">
+		<ellipse id="n_61_eb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ec">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ec" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_dx" src="n_upper_banner_dx.png" srcset="n_upper_banner_dx.png 1x, n_upper_banner_dx@2x.png 2x">
+	<img id="n_upper_banner_ed" src="n_upper_banner_ed.png" srcset="n_upper_banner_ed.png 1x, n_upper_banner_ed@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3new_test___1.html b/public/flukemoni/Ex1/T3new_test___1.html
old mode 100644
new mode 100755
index 87b1ed5..9a4a030
--- a/public/flukemoni/Ex1/T3new_test___1.html
+++ b/public/flukemoni/Ex1/T3new_test___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_new_rv {
+	#n_new_wy {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rw {
+	#n_17_wz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_wz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rw {
+	.rectangle_5_w {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_rx {
+	#n_upper_banner_w {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3new_test__1">
-	<img id="n_new_rv" src="n_new_rv.png" srcset="n_new_rv.png 1x, n_new_rv@2x.png 2x">
+	<img id="n_new_wy" src="n_new_wy.png" srcset="n_new_wy.png 1x, n_new_wy@2x.png 2x">
 		
-	<svg class="rectangle_5_rw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_wz">
+		<ellipse id="n_17_wz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_w">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_w" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_rx" src="n_upper_banner_rx.png" srcset="n_upper_banner_rx.png 1x, n_upper_banner_rx@2x.png 2x">
+	<img id="n_upper_banner_w" src="n_upper_banner_w.png" srcset="n_upper_banner_w.png 1x, n_upper_banner_w@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference___1.html b/public/flukemoni/Ex1/T3set_reference___1.html
old mode 100644
new mode 100755
index d8f6467..aaebc9f
--- a/public/flukemoni/Ex1/T3set_reference___1.html
+++ b/public/flukemoni/Ex1/T3set_reference___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gd {
+	#n_16_hr {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_hr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_hs {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_hs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 599px;
+	}
+	#rectangle_5_ht {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gd {
+	.rectangle_5_ht {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3set_reference_warning___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_gf {
+	#n_upper_banner_hv {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,15 +3054,23 @@ window.application = new Application();
 <div id="T3set_reference__1">
 	<img id="n_set_reference" src="n_set_reference.png" srcset="n_set_reference.png 1x, n_set_reference@2x.png 2x">
 		
-	<svg class="rectangle_5_gd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gd" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_hr">
+		<ellipse id="n_16_hr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_hs">
+		<ellipse id="n_16_hs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ht">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ht" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_22">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_22" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_gf" src="n_upper_banner_gf.png" srcset="n_upper_banner_gf.png 1x, n_upper_banner_gf@2x.png 2x">
+	<img id="n_upper_banner_hv" src="n_upper_banner_hv.png" srcset="n_upper_banner_hv.png 1x, n_upper_banner_hv@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference___2.html b/public/flukemoni/Ex1/T3set_reference___2.html
old mode 100644
new mode 100755
index 5b86996..468a464
--- a/public/flukemoni/Ex1/T3set_reference___2.html
+++ b/public/flukemoni/Ex1/T3set_reference___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_k {
+	#n_set_reference_nx {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_k {
+	#n_16_ny {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ny {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 599px;
+	}
+	#rectangle_5_nz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_k {
+	.rectangle_5_nz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#rectangle_22_k {
+	#rectangle_22_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -78,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_k {
+	.rectangle_22_n {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -90,7 +108,7 @@
 		--web-action-target: T3set_reference__in_processing.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_k {
+	#n_upper_banner_n {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3012,17 +3030,21 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference__2">
-	<img id="n_set_reference_k" src="n_set_reference_k.png" srcset="n_set_reference_k.png 1x, n_set_reference_k@2x.png 2x">
+	<img id="n_set_reference_nx" src="n_set_reference_nx.png" srcset="n_set_reference_nx.png 1x, n_set_reference_nx@2x.png 2x">
 		
-	<svg class="rectangle_5_k">
-		<rect id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_ny">
+		<ellipse id="n_16_ny" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_nz">
+		<rect id="rectangle_5_nz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_k">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_k" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_n">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_n" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
+	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference___3.html b/public/flukemoni/Ex1/T3set_reference___3.html
old mode 100644
new mode 100755
index 95faf67..b6117b4
--- a/public/flukemoni/Ex1/T3set_reference___3.html
+++ b/public/flukemoni/Ex1/T3set_reference___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_lo {
+	#n_set_reference_oo {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lp {
+	#n_1_op {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_op {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_1_oq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 599px;
+	}
+	#rectangle_5_or {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lp {
+	.rectangle_5_or {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#rectangle_22_lq {
+	#rectangle_22_os {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +118,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_lq {
+	.rectangle_22_os {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3set_reference_warning___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_lr {
+	#n_upper_banner_ot {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3016,17 +3052,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference__3">
-	<img id="n_set_reference_lo" src="n_set_reference_lo.png" srcset="n_set_reference_lo.png 1x, n_set_reference_lo@2x.png 2x">
+	<img id="n_set_reference_oo" src="n_set_reference_oo.png" srcset="n_set_reference_oo.png 1x, n_set_reference_oo@2x.png 2x">
 		
-	<svg class="rectangle_5_lp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_op">
+		<ellipse id="n_1_op" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_oq">
+		<ellipse id="n_1_oq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_or">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_or" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_lq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_lq" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_os">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_os" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_lr" src="n_upper_banner_lr.png" srcset="n_upper_banner_lr.png 1x, n_upper_banner_lr@2x.png 2x">
+	<img id="n_upper_banner_ot" src="n_upper_banner_ot.png" srcset="n_upper_banner_ot.png 1x, n_upper_banner_ot@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference___4.html b/public/flukemoni/Ex1/T3set_reference___4.html
old mode 100644
new mode 100755
index e3dc8ee..0eece1a
--- a/public/flukemoni/Ex1/T3set_reference___4.html
+++ b/public/flukemoni/Ex1/T3set_reference___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_ne {
+	#n_set_reference_qw {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nf {
+	#n_1_qx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_qx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 599px;
+	}
+	#rectangle_5_qy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nf {
+	.rectangle_5_qy {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#rectangle_22_ng {
+	#rectangle_22_qz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -78,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_ng {
+	.rectangle_22_qz {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -90,7 +108,7 @@
 		--web-action-target: T3set_reference__in_processing___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_nh {
+	#n_upper_banner_q {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3012,17 +3030,21 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference__4">
-	<img id="n_set_reference_ne" src="n_set_reference_ne.png" srcset="n_set_reference_ne.png 1x, n_set_reference_ne@2x.png 2x">
+	<img id="n_set_reference_qw" src="n_set_reference_qw.png" srcset="n_set_reference_qw.png 1x, n_set_reference_qw@2x.png 2x">
 		
-	<svg class="rectangle_5_nf">
-		<rect id="rectangle_5_nf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_qx">
+		<ellipse id="n_1_qx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qy">
+		<rect id="rectangle_5_qy" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_ng">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_ng" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_qz">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_qz" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_nh" src="n_upper_banner_nh.png" srcset="n_upper_banner_nh.png 1x, n_upper_banner_nh@2x.png 2x">
+	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference__in_processing.html b/public/flukemoni/Ex1/T3set_reference__in_processing.html
old mode 100644
new mode 100755
index 135843a..8230a6d
--- a/public/flukemoni/Ex1/T3set_reference__in_processing.html
+++ b/public/flukemoni/Ex1/T3set_reference__in_processing.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_kp {
+	#n_set_reference_ni {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: T3set_reference__in_processing___1.html;
 		cursor: pointer;
 	}
-	#rectangle_5_kq {
+	#n_16_nj {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_nj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 371px;
+		top: 523px;
+	}
+	#rectangle_5_nk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kq {
+	.rectangle_5_nk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_kr {
+	#n_upper_banner_nl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +98,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_3 {
+	#n_3_nm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_3 {
+	.n_3_nm {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference_in_processing">
-	<img onclick="application.goToTargetView(event)" id="n_set_reference_kp" src="n_set_reference_kp.png" srcset="n_set_reference_kp.png 1x, n_set_reference_kp@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="n_set_reference_ni" src="n_set_reference_ni.png" srcset="n_set_reference_ni.png 1x, n_set_reference_ni@2x.png 2x">
 		
-	<svg class="rectangle_5_kq">
-		<rect id="rectangle_5_kq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_nj">
+		<ellipse id="n_16_nj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_nk">
+		<rect id="rectangle_5_nk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_kr" src="n_upper_banner_kr.png" srcset="n_upper_banner_kr.png 1x, n_upper_banner_kr@2x.png 2x">
+	<img id="n_upper_banner_nl" src="n_upper_banner_nl.png" srcset="n_upper_banner_nl.png 1x, n_upper_banner_nl@2x.png 2x">
 		
-	<svg class="n_3">
-		<rect id="n_3" rx="17" ry="17" x="0" y="0" width="64" height="51">
+	<svg class="n_3_nm">
+		<rect id="n_3_nm" rx="17" ry="17" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3set_reference__in_processing___1.html b/public/flukemoni/Ex1/T3set_reference__in_processing___1.html
old mode 100644
new mode 100755
index 6f0b5d1..a76d152
--- a/public/flukemoni/Ex1/T3set_reference__in_processing___1.html
+++ b/public/flukemoni/Ex1/T3set_reference__in_processing___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kw {
+	#n_16_nq {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_nq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_nr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kw {
+	.rectangle_5_nr {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#rectangle_22_kx {
+	#rectangle_22_ns {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -78,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_kx {
+	.rectangle_22_ns {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -86,7 +104,7 @@
 		left: 402px;
 		top: 583px;
 	}
-	#n_upper_banner_ky {
+	#n_upper_banner_nt {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -94,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_22_kz {
+	#rectangle_22_nu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_kz {
+	.rectangle_22_nu {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -3032,18 +3050,22 @@ window.application = new Application();
 <div id="T3set_reference_in_processing__1">
 	<img id="n_set_reference_finished" src="n_set_reference_finished.png" srcset="n_set_reference_finished.png 1x, n_set_reference_finished@2x.png 2x">
 		
-	<svg class="rectangle_5_kw">
-		<rect id="rectangle_5_kw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_nq">
+		<ellipse id="n_16_nq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_nr">
+		<rect id="rectangle_5_nr" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_kx">
-		<rect id="rectangle_22_kx" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_ns">
+		<rect id="rectangle_22_ns" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ky" src="n_upper_banner_ky.png" srcset="n_upper_banner_ky.png 1x, n_upper_banner_ky@2x.png 2x">
+	<img id="n_upper_banner_nt" src="n_upper_banner_nt.png" srcset="n_upper_banner_nt.png 1x, n_upper_banner_nt@2x.png 2x">
 		
-	<svg class="rectangle_22_kz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_kz" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_nu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_nu" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3set_reference__in_processing___2.html b/public/flukemoni/Ex1/T3set_reference__in_processing___2.html
old mode 100644
new mode 100755
index 9371948..0f8d63a
--- a/public/flukemoni/Ex1/T3set_reference__in_processing___2.html
+++ b/public/flukemoni/Ex1/T3set_reference__in_processing___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_ow {
+	#n_set_reference_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: T3set_reference__in_processing___3.html;
 		cursor: pointer;
 	}
-	#rectangle_5_ox {
+	#n_1_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 491px;
+	}
+	#rectangle_5_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ox {
+	.rectangle_5_s {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_oy {
+	#n_upper_banner_s {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +98,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_3_oz {
+	#n_3_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_3_oz {
+	.n_3_s {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference_in_processing__2">
-	<img onclick="application.goToTargetView(event)" id="n_set_reference_ow" src="n_set_reference_ow.png" srcset="n_set_reference_ow.png 1x, n_set_reference_ow@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="n_set_reference_s" src="n_set_reference_s.png" srcset="n_set_reference_s.png 1x, n_set_reference_s@2x.png 2x">
 		
-	<svg class="rectangle_5_ox">
-		<rect id="rectangle_5_ox" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_s">
+		<ellipse id="n_1_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_s">
+		<rect id="rectangle_5_s" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_oy" src="n_upper_banner_oy.png" srcset="n_upper_banner_oy.png 1x, n_upper_banner_oy@2x.png 2x">
+	<img id="n_upper_banner_s" src="n_upper_banner_s.png" srcset="n_upper_banner_s.png 1x, n_upper_banner_s@2x.png 2x">
 		
-	<svg class="n_3_oz">
-		<rect id="n_3_oz" rx="17" ry="17" x="0" y="0" width="64" height="51">
+	<svg class="n_3_s">
+		<rect id="n_3_s" rx="17" ry="17" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3set_reference__in_processing___3.html b/public/flukemoni/Ex1/T3set_reference__in_processing___3.html
old mode 100644
new mode 100755
index bd3ce48..eb68a4e
--- a/public/flukemoni/Ex1/T3set_reference__in_processing___3.html
+++ b/public/flukemoni/Ex1/T3set_reference__in_processing___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_finished_o {
+	#n_set_reference_finished_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_o {
+	#n_1_ta {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ta {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 599px;
+	}
+	#rectangle_5_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_o {
+	.rectangle_5_ta {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#rectangle_22_o {
+	#rectangle_22_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -78,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_o {
+	.rectangle_22_ta {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -86,7 +104,7 @@
 		left: 402px;
 		top: 583px;
 	}
-	#n_upper_banner_o {
+	#n_upper_banner_tb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -94,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_22_pa {
+	#rectangle_22_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_pa {
+	.rectangle_22_tc {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -3030,20 +3048,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference_in_processing__3">
-	<img id="n_set_reference_finished_o" src="n_set_reference_finished_o.png" srcset="n_set_reference_finished_o.png 1x, n_set_reference_finished_o@2x.png 2x">
+	<img id="n_set_reference_finished_s" src="n_set_reference_finished_s.png" srcset="n_set_reference_finished_s.png 1x, n_set_reference_finished_s@2x.png 2x">
 		
-	<svg class="rectangle_5_o">
-		<rect id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_ta">
+		<ellipse id="n_1_ta" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ta">
+		<rect id="rectangle_5_ta" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_o">
-		<rect id="rectangle_22_o" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_ta">
+		<rect id="rectangle_22_ta" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
+	<img id="n_upper_banner_tb" src="n_upper_banner_tb.png" srcset="n_upper_banner_tb.png 1x, n_upper_banner_tb@2x.png 2x">
 		
-	<svg class="rectangle_22_pa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_pa" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_tc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_tc" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3set_reference_warning___1.html b/public/flukemoni/Ex1/T3set_reference_warning___1.html
old mode 100644
new mode 100755
index d0c40fd..db2575b
--- a/public/flukemoni/Ex1/T3set_reference_warning___1.html
+++ b/public/flukemoni/Ex1/T3set_reference_warning___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_e {
+	#n_16 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_f {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 370px;
+	}
+	#rectangle_5_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_e {
+	.rectangle_5_f {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3set_reference___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_fa {
+	#n_upper_banner_ga {
 		opacity: 0.13;
 		position: absolute;
 		width: 480px;
@@ -3019,15 +3055,23 @@ window.application = new Application();
 <div id="T3set_reference_warning__1">
 	<img id="n_set_reference_warning" src="n_set_reference_warning.png" srcset="n_set_reference_warning.png 1x, n_set_reference_warning@2x.png 2x">
 		
-	<svg class="rectangle_5_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_e" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16">
+		<ellipse id="n_16" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_f">
+		<ellipse id="n_16_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_f">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_f" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_23">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_23" rx="0" ry="0" x="0" y="0" width="62" height="30">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_fa" src="n_upper_banner_fa.png" srcset="n_upper_banner_fa.png 1x, n_upper_banner_fa@2x.png 2x">
+	<img id="n_upper_banner_ga" src="n_upper_banner_ga.png" srcset="n_upper_banner_ga.png 1x, n_upper_banner_ga@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3set_reference_warning___2.html b/public/flukemoni/Ex1/T3set_reference_warning___2.html
old mode 100644
new mode 100755
index 1d2948a..0bf2224
--- a/public/flukemoni/Ex1/T3set_reference_warning___2.html
+++ b/public/flukemoni/Ex1/T3set_reference_warning___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_warning_li {
+	#n_set_reference_warning_og {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lj {
+	#n_1_oh {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_1_oi {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 370px;
+	}
+	#rectangle_5_oj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lj {
+	.rectangle_5_oj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T3set_reference___3.html;
 		cursor: pointer;
 	}
-	#rectangle_23_lk {
+	#rectangle_23_ok {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +118,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_23_lk {
+	.rectangle_23_ok {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3set_reference___4.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ll {
+	#n_upper_banner_ol {
 		opacity: 0.13;
 		position: absolute;
 		width: 480px;
@@ -3017,17 +3053,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference_warning__2">
-	<img id="n_set_reference_warning_li" src="n_set_reference_warning_li.png" srcset="n_set_reference_warning_li.png 1x, n_set_reference_warning_li@2x.png 2x">
+	<img id="n_set_reference_warning_og" src="n_set_reference_warning_og.png" srcset="n_set_reference_warning_og.png 1x, n_set_reference_warning_og@2x.png 2x">
 		
-	<svg class="rectangle_5_lj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lj" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_oh">
+		<ellipse id="n_1_oh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_oi">
+		<ellipse id="n_1_oi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_oj">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_23_lk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_23_lk" rx="0" ry="0" x="0" y="0" width="62" height="30">
+	<svg class="rectangle_23_ok">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_23_ok" rx="0" ry="0" x="0" y="0" width="62" height="30">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ll" src="n_upper_banner_ll.png" srcset="n_upper_banner_ll.png 1x, n_upper_banner_ll@2x.png 2x">
+	<img id="n_upper_banner_ol" src="n_upper_banner_ol.png" srcset="n_upper_banner_ol.png 1x, n_upper_banner_ol@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3single_test___1.html b/public/flukemoni/Ex1/T3single_test___1.html
old mode 100644
new mode 100755
index 1b1f7d2..f9da814
--- a/public/flukemoni/Ex1/T3single_test___1.html
+++ b/public/flukemoni/Ex1/T3single_test___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__ha {
+	#n__ip {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ha {
+	#n_16_iq {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_iq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_53 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 365px;
+		top: 125px;
+	}
+	#n_54 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 365px;
+		top: 181px;
+	}
+	#n_55 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 365px;
+		top: 240px;
+	}
+	#rectangle_5_iu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ha {
+	.rectangle_5_iu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -138,7 +210,7 @@
 		--web-action-target: T4lenth___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ha {
+	#n_upper_banner_iy {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3060,10 +3132,26 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3single_test__1">
-	<img id="n__ha" src="n__ha.png" srcset="n__ha.png 1x, n__ha@2x.png 2x">
+	<img id="n__ip" src="n__ip.png" srcset="n__ip.png 1x, n__ip@2x.png 2x">
 		
-	<svg class="rectangle_5_ha">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ha" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_iq">
+		<ellipse id="n_16_iq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53">
+		<ellipse id="n_53" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54">
+		<ellipse id="n_54" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55">
+		<ellipse id="n_55" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_iu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_16">
@@ -3078,7 +3166,7 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_18" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ha" src="n_upper_banner_ha.png" srcset="n_upper_banner_ha.png 1x, n_upper_banner_ha@2x.png 2x">
+	<img id="n_upper_banner_iy" src="n_upper_banner_iy.png" srcset="n_upper_banner_iy.png 1x, n_upper_banner_iy@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3single_test___2.html b/public/flukemoni/Ex1/T3single_test___2.html
old mode 100644
new mode 100755
index fc3deea..c2d022e
--- a/public/flukemoni/Ex1/T3single_test___2.html
+++ b/public/flukemoni/Ex1/T3single_test___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__l {
+	#n__pa {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ma {
+	#n_1_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_pa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 125px;
+	}
+	#n_18 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 181px;
+	}
+	#n_19 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_19 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 237px;
+	}
+	#rectangle_5_pd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ma {
+	.rectangle_5_pd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#rectangle_16_l {
+	#rectangle_16_pe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_16_l {
+	.rectangle_16_pe {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -94,7 +166,7 @@
 		--web-action-target: T4wiremap___2.html;
 		cursor: pointer;
 	}
-	#rectangle_17_l {
+	#rectangle_17_pf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_17_l {
+	.rectangle_17_pf {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -116,7 +188,7 @@
 		--web-action-target: T4resistance___2.html;
 		cursor: pointer;
 	}
-	#rectangle_18_l {
+	#rectangle_18_pg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_18_l {
+	.rectangle_18_pg {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -138,7 +210,7 @@
 		--web-action-target: T4lenth___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ma {
+	#n_upper_banner_ph {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3060,25 +3132,41 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3single_test__2">
-	<img id="n__l" src="n__l.png" srcset="n__l.png 1x, n__l@2x.png 2x">
+	<img id="n__pa" src="n__pa.png" srcset="n__pa.png 1x, n__pa@2x.png 2x">
 		
-	<svg class="rectangle_5_ma">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ma" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_o">
+		<ellipse id="n_1_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_pa">
+		<ellipse id="n_17_pa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18">
+		<ellipse id="n_18" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_19">
+		<ellipse id="n_19" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_pd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_16_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_16_l" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_16_pe">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_16_pe" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_17_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_17_l" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_17_pf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_17_pf" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_18_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_18_l" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_18_pg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_18_pg" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ma" src="n_upper_banner_ma.png" srcset="n_upper_banner_ma.png 1x, n_upper_banner_ma@2x.png 2x">
+	<img id="n_upper_banner_ph" src="n_upper_banner_ph.png" srcset="n_upper_banner_ph.png 1x, n_upper_banner_ph@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3testing_setting.html b/public/flukemoni/Ex1/T3testing_setting.html
old mode 100644
new mode 100755
index 168aaa0..a098965
--- a/public/flukemoni/Ex1/T3testing_setting.html
+++ b/public/flukemoni/Ex1/T3testing_setting.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_dn {
+	#n_61_d {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_dn {
+	.rectangle_5_d {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_do {
+	#n_upper_banner_d {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3testing_setting">
 	<img id="n_" src="n_.png" srcset="n_.png 1x, n_@2x.png 2x">
 		
-	<svg class="rectangle_5_dn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_dn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_d">
+		<ellipse id="n_61_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_d">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_do" src="n_upper_banner_do.png" srcset="n_upper_banner_do.png 1x, n_upper_banner_do@2x.png 2x">
+	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3testing_setting___1.html b/public/flukemoni/Ex1/T3testing_setting___1.html
old mode 100644
new mode 100755
index 7710195..04b9801
--- a/public/flukemoni/Ex1/T3testing_setting___1.html
+++ b/public/flukemoni/Ex1/T3testing_setting___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__rm {
+	#n__wn {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rn {
+	#n_17_wo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_wo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_wp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rn {
+	.rectangle_5_wp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ro {
+	#n_upper_banner_wq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3testing_setting__1">
-	<img id="n__rm" src="n__rm.png" srcset="n__rm.png 1x, n__rm@2x.png 2x">
+	<img id="n__wn" src="n__wn.png" srcset="n__wn.png 1x, n__wn@2x.png 2x">
 		
-	<svg class="rectangle_5_rn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_wo">
+		<ellipse id="n_17_wo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wp">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ro" src="n_upper_banner_ro.png" srcset="n_upper_banner_ro.png 1x, n_upper_banner_ro@2x.png 2x">
+	<img id="n_upper_banner_wq" src="n_upper_banner_wq.png" srcset="n_upper_banner_wq.png 1x, n_upper_banner_wq@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3tone_generator___1.html b/public/flukemoni/Ex1/T3tone_generator___1.html
old mode 100644
new mode 100755
index 0d54b98..11014fa
--- a/public/flukemoni/Ex1/T3tone_generator___1.html
+++ b/public/flukemoni/Ex1/T3tone_generator___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hp {
+	#n_16_jg {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_jg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_57 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#n_58 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 599px;
+	}
+	#rectangle_5_jj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +114,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hp {
+	.rectangle_5_jj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -116,7 +170,7 @@
 		--web-action-target: T4change_tone___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hs {
+	#n_upper_banner_jm {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3040,8 +3094,20 @@ window.application = new Application();
 <div id="T3tone_generator__1">
 	<img id="n_tone_generator" src="n_tone_generator.png" srcset="n_tone_generator.png 1x, n_tone_generator@2x.png 2x">
 		
-	<svg class="rectangle_5_hp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_jg">
+		<ellipse id="n_16_jg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57">
+		<ellipse id="n_57" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58">
+		<ellipse id="n_58" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_jj">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle19">
@@ -3052,7 +3118,7 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_21" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hs" src="n_upper_banner_hs.png" srcset="n_upper_banner_hs.png 1x, n_upper_banner_hs@2x.png 2x">
+	<img id="n_upper_banner_jm" src="n_upper_banner_jm.png" srcset="n_upper_banner_jm.png 1x, n_upper_banner_jm@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3tone_generator___2.html b/public/flukemoni/Ex1/T3tone_generator___2.html
old mode 100644
new mode 100755
index 81eebbb..1a388d4
--- a/public/flukemoni/Ex1/T3tone_generator___2.html
+++ b/public/flukemoni/Ex1/T3tone_generator___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_tone_generator_mn {
+	#n_tone_generator_py {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mo {
+	#n_17_pz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#n_20 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 414px;
+		top: 599px;
+	}
+	#rectangle_5_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +114,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mo {
+	.rectangle_5_p {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +126,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#rectangle19_mp {
+	#rectangle19_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle19_mp {
+	.rectangle19_p {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -94,7 +148,7 @@
 		--web-action-target: T4tone_generator_switch___2.html;
 		cursor: pointer;
 	}
-	#rectangle_21_mq {
+	#rectangle_21_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +158,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_21_mq {
+	.rectangle_21_p {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -116,7 +170,7 @@
 		--web-action-target: T4change_tone___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mr {
+	#n_upper_banner_p {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3038,21 +3092,33 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3tone_generator__2">
-	<img id="n_tone_generator_mn" src="n_tone_generator_mn.png" srcset="n_tone_generator_mn.png 1x, n_tone_generator_mn@2x.png 2x">
+	<img id="n_tone_generator_py" src="n_tone_generator_py.png" srcset="n_tone_generator_py.png 1x, n_tone_generator_py@2x.png 2x">
 		
-	<svg class="rectangle_5_mo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_pz">
+		<ellipse id="n_17_pz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_p">
+		<ellipse id="n_17_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20">
+		<ellipse id="n_20" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_p" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle19_mp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle19_mp" rx="10" ry="10" x="0" y="0" width="101" height="51">
+	<svg class="rectangle19_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle19_p" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_21_mq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_21_mq" rx="10" ry="10" x="0" y="0" width="101" height="51">
+	<svg class="rectangle_21_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_21_p" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mr" src="n_upper_banner_mr.png" srcset="n_upper_banner_mr.png 1x, n_upper_banner_mr@2x.png 2x">
+	<img id="n_upper_banner_p" src="n_upper_banner_p.png" srcset="n_upper_banner_p.png 1x, n_upper_banner_p@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3version_main___1.html b/public/flukemoni/Ex1/T3version_main___1.html
old mode 100644
new mode 100755
index 8a13a8f..4a6c561
--- a/public/flukemoni/Ex1/T3version_main___1.html
+++ b/public/flukemoni/Ex1/T3version_main___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_iq {
+	#n_16_kq {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_kq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_kr {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_kr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 600px;
+	}
+	#n_59 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 600px;
+	}
+	#n_60 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 600px;
+	}
+	#rectangle_5_ku {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_iq {
+	.rectangle_5_ku {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3module_main___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_is {
+	#retangle_1_kw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_is {
+	.retangle_1_kw {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_it {
+	#retangle_1_kx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_it {
+	.retangle_1_kx {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -138,7 +210,7 @@
 		--web-action-target: T3version_remote___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_iu {
+	#n_upper_banner_ky {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3062,23 +3134,39 @@ window.application = new Application();
 <div id="T3version_main__1">
 	<img id="n_ver_main" src="n_ver_main.png" srcset="n_ver_main.png 1x, n_ver_main@2x.png 2x">
 		
-	<svg class="rectangle_5_iq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_kq">
+		<ellipse id="n_16_kq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_kr">
+		<ellipse id="n_16_kr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59">
+		<ellipse id="n_59" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60">
+		<ellipse id="n_60" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ku">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ku" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="retangle_1">
 		<rect onclick="application.goToTargetView(event)" id="retangle_1" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_is">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_is" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_kw">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_kw" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_it">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_it" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_kx">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_kx" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_iu" src="n_upper_banner_iu.png" srcset="n_upper_banner_iu.png 1x, n_upper_banner_iu@2x.png 2x">
+	<img id="n_upper_banner_ky" src="n_upper_banner_ky.png" srcset="n_upper_banner_ky.png 1x, n_upper_banner_ky@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3version_main___2.html b/public/flukemoni/Ex1/T3version_main___2.html
old mode 100644
new mode 100755
index e1e49d3..6a1045d
--- a/public/flukemoni/Ex1/T3version_main___2.html
+++ b/public/flukemoni/Ex1/T3version_main___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_main_np {
+	#n_ver_main_q {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nq {
+	#n_17_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_33 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 600px;
+	}
+	#n_34 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 227px;
+		top: 600px;
+	}
+	#n_35 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 600px;
+	}
+	#rectangle_5_re {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nq {
+	.rectangle_5_re {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_nr {
+	#retangle_1_rf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_nr {
+	.retangle_1_rf {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3module_main___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_ns {
+	#retangle_1_rg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ns {
+	.retangle_1_rg {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_nt {
+	#retangle_1_rh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_nt {
+	.retangle_1_rh {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -138,7 +210,7 @@
 		--web-action-target: T3version_remote___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_nu {
+	#n_upper_banner_ri {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3060,25 +3132,41 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3version_main__2">
-	<img id="n_ver_main_np" src="n_ver_main_np.png" srcset="n_ver_main_np.png 1x, n_ver_main_np@2x.png 2x">
+	<img id="n_ver_main_q" src="n_ver_main_q.png" srcset="n_ver_main_q.png 1x, n_ver_main_q@2x.png 2x">
 		
-	<svg class="rectangle_5_nq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ra">
+		<ellipse id="n_17_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33">
+		<ellipse id="n_33" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34">
+		<ellipse id="n_34" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35">
+		<ellipse id="n_35" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_re">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_re" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_nr">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_nr" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_rf">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_rf" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_ns">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ns" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_rg">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_rg" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_nt">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_nt" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_rh">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_rh" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_nu" src="n_upper_banner_nu.png" srcset="n_upper_banner_nu.png 1x, n_upper_banner_nu@2x.png 2x">
+	<img id="n_upper_banner_ri" src="n_upper_banner_ri.png" srcset="n_upper_banner_ri.png 1x, n_upper_banner_ri@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T3version_remote___1.html b/public/flukemoni/Ex1/T3version_remote___1.html
old mode 100644
new mode 100755
index 3f023b1..940322b
--- a/public/flukemoni/Ex1/T3version_remote___1.html
+++ b/public/flukemoni/Ex1/T3version_remote___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jh {
+	#n_16_lt {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_lt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_65 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_66 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 227px;
+		top: 602px;
+	}
+	#n_67 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_67 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 602px;
+	}
+	#rectangle_5_lx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jh {
+	.rectangle_5_lx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_ji {
+	#retangle_1_ly {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ji {
+	.retangle_1_ly {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3module_remote___1.html;
 		cursor: pointer;
 	}
-	#retangle_1_jj {
+	#retangle_1_lz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jj {
+	.retangle_1_lz {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_remote___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_jk {
+	#n_upper_banner_l {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_jl {
+	#retangle_1_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jl {
+	.retangle_1_l {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3version_remote__1">
 	<img id="n_ver_remote" src="n_ver_remote.png" srcset="n_ver_remote.png 1x, n_ver_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_jh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_lt">
+		<ellipse id="n_16_lt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65">
+		<ellipse id="n_65" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66">
+		<ellipse id="n_66" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_67">
+		<ellipse id="n_67" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_lx">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_ji">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ji" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_ly">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ly" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jj">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jj" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lz">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lz" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_jk" src="n_upper_banner_jk.png" srcset="n_upper_banner_jk.png 1x, n_upper_banner_jk@2x.png 2x">
+	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
 		
-	<svg class="retangle_1_jl">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jl" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_l">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_l" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T3version_remote___2.html b/public/flukemoni/Ex1/T3version_remote___2.html
old mode 100644
new mode 100755
index cd08fd7..928889c
--- a/public/flukemoni/Ex1/T3version_remote___2.html
+++ b/public/flukemoni/Ex1/T3version_remote___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_ver_remote_og {
+	#n_ver_remote_sc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_oh {
+	#n_17_sd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_sd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_24 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 596px;
+	}
+	#n_25 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 597px;
+	}
+	#n_26 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 597px;
+	}
+	#rectangle_5_sh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_oh {
+	.rectangle_5_sh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_oi {
+	#retangle_1_si {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_oi {
+	.retangle_1_si {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3module_remote___2.html;
 		cursor: pointer;
 	}
-	#retangle_1_oj {
+	#retangle_1_sj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_oj {
+	.retangle_1_sj {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_remote___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ok {
+	#n_upper_banner_sk {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ol {
+	#retangle_1_sl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ol {
+	.retangle_1_sl {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3version_remote__2">
-	<img id="n_ver_remote_og" src="n_ver_remote_og.png" srcset="n_ver_remote_og.png 1x, n_ver_remote_og@2x.png 2x">
+	<img id="n_ver_remote_sc" src="n_ver_remote_sc.png" srcset="n_ver_remote_sc.png 1x, n_ver_remote_sc@2x.png 2x">
 		
-	<svg class="rectangle_5_oh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_sd">
+		<ellipse id="n_17_sd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24">
+		<ellipse id="n_24" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25">
+		<ellipse id="n_25" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26">
+		<ellipse id="n_26" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_sh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_oi">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_oi" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_si">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_si" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_oj">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_oj" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_sj">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sj" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ok" src="n_upper_banner_ok.png" srcset="n_upper_banner_ok.png 1x, n_upper_banner_ok@2x.png 2x">
+	<img id="n_upper_banner_sk" src="n_upper_banner_sk.png" srcset="n_upper_banner_sk.png 1x, n_upper_banner_sk@2x.png 2x">
 		
-	<svg class="retangle_1_ol">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ol" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_sl">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_sl" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/T4.png b/public/flukemoni/Ex1/T4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/T4@2x.png b/public/flukemoni/Ex1/T4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/T4_k.png b/public/flukemoni/Ex1/T4_n.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/T4_k.png
rename to public/flukemoni/Ex1/T4_n.png
diff --git a/public/flukemoni/Ex1/T4_k@2x.png b/public/flukemoni/Ex1/T4_n@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/T4_k@2x.png
rename to public/flukemoni/Ex1/T4_n@2x.png
diff --git a/public/flukemoni/Ex1/T4change_tone___1.html b/public/flukemoni/Ex1/T4change_tone___1.html
old mode 100644
new mode 100755
index 233f7f1..61c786a
--- a/public/flukemoni/Ex1/T4change_tone___1.html
+++ b/public/flukemoni/Ex1/T4change_tone___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_hk {
+	#n_16_ja {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 449px;
+	}
+	#rectangle_jb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_hk {
+	.rectangle_jb {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3tone_generator___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hl {
+	#n_upper_banner_jc {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -2997,11 +3015,15 @@ window.application = new Application();
 <div id="T4change_tone__1">
 	<img id="n_change_tone" src="n_change_tone.png" srcset="n_change_tone.png 1x, n_change_tone@2x.png 2x">
 		
-	<svg class="rectangle_hk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_hk" rx="0" ry="0" x="0" y="0" width="61" height="31">
+	<svg class="n_16_ja">
+		<ellipse id="n_16_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_jb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_jb" rx="0" ry="0" x="0" y="0" width="61" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hl" src="n_upper_banner_hl.png" srcset="n_upper_banner_hl.png 1x, n_upper_banner_hl@2x.png 2x">
+	<img id="n_upper_banner_jc" src="n_upper_banner_jc.png" srcset="n_upper_banner_jc.png 1x, n_upper_banner_jc@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4change_tone___2.html b/public/flukemoni/Ex1/T4change_tone___2.html
old mode 100644
new mode 100755
index 2657791..6f119d1
--- a/public/flukemoni/Ex1/T4change_tone___2.html
+++ b/public/flukemoni/Ex1/T4change_tone___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_change_tone_mi {
+	#n_change_tone_ps {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_mj {
+	#n_17_pt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 449px;
+	}
+	#rectangle_pu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_mj {
+	.rectangle_pu {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3tone_generator___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mk {
+	#n_upper_banner_pv {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -2995,13 +3013,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4change_tone__2">
-	<img id="n_change_tone_mi" src="n_change_tone_mi.png" srcset="n_change_tone_mi.png 1x, n_change_tone_mi@2x.png 2x">
+	<img id="n_change_tone_ps" src="n_change_tone_ps.png" srcset="n_change_tone_ps.png 1x, n_change_tone_ps@2x.png 2x">
 		
-	<svg class="rectangle_mj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_mj" rx="0" ry="0" x="0" y="0" width="61" height="31">
+	<svg class="n_17_pt">
+		<ellipse id="n_17_pt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_pu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_pu" rx="0" ry="0" x="0" y="0" width="61" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mk" src="n_upper_banner_mk.png" srcset="n_upper_banner_mk.png 1x, n_upper_banner_mk@2x.png 2x">
+	<img id="n_upper_banner_pv" src="n_upper_banner_pv.png" srcset="n_upper_banner_pv.png 1x, n_upper_banner_pv@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4lenth___1.html b/public/flukemoni/Ex1/T4lenth___1.html
old mode 100644
new mode 100755
index 78c92c4..1f57a2f
--- a/public/flukemoni/Ex1/T4lenth___1.html
+++ b/public/flukemoni/Ex1/T4lenth___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__g {
+	#n__ij {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_g {
+	#n_16_ik {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ik {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_il {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_g {
+	.rectangle_5_il {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_g {
+	#n_upper_banner_im {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4lenth__1">
-	<img id="n__g" src="n__g.png" srcset="n__g.png 1x, n__g@2x.png 2x">
+	<img id="n__ij" src="n__ij.png" srcset="n__ij.png 1x, n__ij@2x.png 2x">
 		
-	<svg class="rectangle_5_g">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_g" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_ik">
+		<ellipse id="n_16_ik" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_il">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_il" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_g" src="n_upper_banner_g.png" srcset="n_upper_banner_g.png 1x, n_upper_banner_g@2x.png 2x">
+	<img id="n_upper_banner_im" src="n_upper_banner_im.png" srcset="n_upper_banner_im.png 1x, n_upper_banner_im@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4lenth___2.html b/public/flukemoni/Ex1/T4lenth___2.html
old mode 100644
new mode 100755
index 082ce74..7105753
--- a/public/flukemoni/Ex1/T4lenth___2.html
+++ b/public/flukemoni/Ex1/T4lenth___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__lz {
+	#n__o {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_l {
+	#n_17_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_l {
+	.rectangle_5_o {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_l {
+	#n_upper_banner_o {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4lenth__2">
-	<img id="n__lz" src="n__lz.png" srcset="n__lz.png 1x, n__lz@2x.png 2x">
+	<img id="n__o" src="n__o.png" srcset="n__o.png 1x, n__o@2x.png 2x">
 		
-	<svg class="rectangle_5_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_o">
+		<ellipse id="n_17_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_o">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
+	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4resistance___1.html b/public/flukemoni/Ex1/T4resistance___1.html
old mode 100644
new mode 100755
index 0816999..d630770
--- a/public/flukemoni/Ex1/T4resistance___1.html
+++ b/public/flukemoni/Ex1/T4resistance___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__gv {
+	#n__id {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gw {
+	#n_16_ie {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ie {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_if {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gw {
+	.rectangle_5_if {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_gx {
+	#n_upper_banner_ig {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4resistance__1">
-	<img id="n__gv" src="n__gv.png" srcset="n__gv.png 1x, n__gv@2x.png 2x">
+	<img id="n__id" src="n__id.png" srcset="n__id.png 1x, n__id@2x.png 2x">
 		
-	<svg class="rectangle_5_gw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_ie">
+		<ellipse id="n_16_ie" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_if">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_if" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_gx" src="n_upper_banner_gx.png" srcset="n_upper_banner_gx.png 1x, n_upper_banner_gx@2x.png 2x">
+	<img id="n_upper_banner_ig" src="n_upper_banner_ig.png" srcset="n_upper_banner_ig.png 1x, n_upper_banner_ig@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4resistance___2.html b/public/flukemoni/Ex1/T4resistance___2.html
old mode 100644
new mode 100755
index 43c9925..5063167
--- a/public/flukemoni/Ex1/T4resistance___2.html
+++ b/public/flukemoni/Ex1/T4resistance___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__ld {
+	#n__oa {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_le {
+	#n_17_ob {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ob {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_le {
+	.rectangle_5_oc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_lf {
+	#n_upper_banner_od {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4resistance__2">
-	<img id="n__ld" src="n__ld.png" srcset="n__ld.png 1x, n__ld@2x.png 2x">
+	<img id="n__oa" src="n__oa.png" srcset="n__oa.png 1x, n__oa@2x.png 2x">
 		
-	<svg class="rectangle_5_le">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_le" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ob">
+		<ellipse id="n_17_ob" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_oc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_lf" src="n_upper_banner_lf.png" srcset="n_upper_banner_lf.png 1x, n_upper_banner_lf@2x.png 2x">
+	<img id="n_upper_banner_od" src="n_upper_banner_od.png" srcset="n_upper_banner_od.png 1x, n_upper_banner_od@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4tone_generator_switch___1.html b/public/flukemoni/Ex1/T4tone_generator_switch___1.html
old mode 100644
new mode 100755
index f800459..d33e5cc
--- a/public/flukemoni/Ex1/T4tone_generator_switch___1.html
+++ b/public/flukemoni/Ex1/T4tone_generator_switch___1.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_16_i {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_56 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
 	#rectangle {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -72,7 +108,7 @@
 		--web-action-target: T2_tools___1.html;
 		cursor: pointer;
 	}
-	#rectangle_hf {
+	#rectangle_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +118,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_hf {
+	.rectangle_i {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3tone_generator___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hg {
+	#n_upper_banner_i {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,15 +3054,23 @@ window.application = new Application();
 <div id="T4tone_generator_switch__1">
 	<img id="n_tone_generator_switch" src="n_tone_generator_switch.png" srcset="n_tone_generator_switch.png 1x, n_tone_generator_switch@2x.png 2x">
 		
+	<svg class="n_16_i">
+		<ellipse id="n_16_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56">
+		<ellipse id="n_56" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle">
 		<rect onclick="application.goToTargetView(event)" id="rectangle" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_hf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_hf" rx="10" ry="10" x="0" y="0" width="101" height="51">
+	<svg class="rectangle_i">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_i" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hg" src="n_upper_banner_hg.png" srcset="n_upper_banner_hg.png 1x, n_upper_banner_hg@2x.png 2x">
+	<img id="n_upper_banner_i" src="n_upper_banner_i.png" srcset="n_upper_banner_i.png 1x, n_upper_banner_i@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4tone_generator_switch___2.html b/public/flukemoni/Ex1/T4tone_generator_switch___2.html
old mode 100644
new mode 100755
index 52e29a6..b4a7dbd
--- a/public/flukemoni/Ex1/T4tone_generator_switch___2.html
+++ b/public/flukemoni/Ex1/T4tone_generator_switch___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_tone_generator_switch_mc {
+	#n_tone_generator_switch_pk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_md {
+	#n_17_pl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#n_17_pm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_pn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_md {
+	.rectangle_pn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T2_tools___2.html;
 		cursor: pointer;
 	}
-	#rectangle_me {
+	#rectangle_po {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +118,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_me {
+	.rectangle_po {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3tone_generator___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mf {
+	#n_upper_banner_pp {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3016,17 +3052,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4tone_generator_switch__2">
-	<img id="n_tone_generator_switch_mc" src="n_tone_generator_switch_mc.png" srcset="n_tone_generator_switch_mc.png 1x, n_tone_generator_switch_mc@2x.png 2x">
+	<img id="n_tone_generator_switch_pk" src="n_tone_generator_switch_pk.png" srcset="n_tone_generator_switch_pk.png 1x, n_tone_generator_switch_pk@2x.png 2x">
 		
-	<svg class="rectangle_md">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_md" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_pl">
+		<ellipse id="n_17_pl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_pm">
+		<ellipse id="n_17_pm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_pn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_pn" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_me">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_me" rx="10" ry="10" x="0" y="0" width="101" height="51">
+	<svg class="rectangle_po">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_po" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mf" src="n_upper_banner_mf.png" srcset="n_upper_banner_mf.png 1x, n_upper_banner_mf@2x.png 2x">
+	<img id="n_upper_banner_pp" src="n_upper_banner_pp.png" srcset="n_upper_banner_pp.png 1x, n_upper_banner_pp@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4wiremap___1.html b/public/flukemoni/Ex1/T4wiremap___1.html
old mode 100644
new mode 100755
index 42f225d..7c280bf
--- a/public/flukemoni/Ex1/T4wiremap___1.html
+++ b/public/flukemoni/Ex1/T4wiremap___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gr {
+	#n_16_h {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_ib {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gr {
+	.rectangle_5_ib {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_gs {
+	#n_upper_banner_ia {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T4wiremap__1">
 	<img id="T4" src="T4.png" srcset="T4.png 1x, T4@2x.png 2x">
 		
-	<svg class="rectangle_5_gr">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_h">
+		<ellipse id="n_16_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ib">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ib" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_gs" src="n_upper_banner_gs.png" srcset="n_upper_banner_gs.png 1x, n_upper_banner_gs@2x.png 2x">
+	<img id="n_upper_banner_ia" src="n_upper_banner_ia.png" srcset="n_upper_banner_ia.png 1x, n_upper_banner_ia@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/T4wiremap___2.html b/public/flukemoni/Ex1/T4wiremap___2.html
old mode 100644
new mode 100755
index 690919d..02acc33
--- a/public/flukemoni/Ex1/T4wiremap___2.html
+++ b/public/flukemoni/Ex1/T4wiremap___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T4_k {
+	#T4_n {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_la {
+	#n_17 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_la {
+	.rectangle_5_n {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_la {
+	#n_upper_banner_oa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4wiremap__2">
-	<img id="T4_k" src="T4_k.png" srcset="T4_k.png 1x, T4_k@2x.png 2x">
+	<img id="T4_n" src="T4_n.png" srcset="T4_n.png 1x, T4_n@2x.png 2x">
 		
-	<svg class="rectangle_5_la">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_la" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17">
+		<ellipse id="n_17" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_n">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_la" src="n_upper_banner_la.png" srcset="n_upper_banner_la.png 1x, n_upper_banner_la@2x.png 2x">
+	<img id="n_upper_banner_oa" src="n_upper_banner_oa.png" srcset="n_upper_banner_oa.png 1x, n_upper_banner_oa@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex1/customized___1.html b/public/flukemoni/Ex1/customized___1.html
old mode 100644
new mode 100755
index 2eefc82..e5036dd
--- a/public/flukemoni/Ex1/customized___1.html
+++ b/public/flukemoni/Ex1/customized___1.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_jd {
+	#rectangle_5_lp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jd {
+	.rectangle_5_lp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="customized__1">
-	<svg class="rectangle_5_jd">
-		<rect id="rectangle_5_jd" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lp">
+		<rect id="rectangle_5_lp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/customized___2.html b/public/flukemoni/Ex1/customized___2.html
old mode 100644
new mode 100755
index 22096a0..a87d441
--- a/public/flukemoni/Ex1/customized___2.html
+++ b/public/flukemoni/Ex1/customized___2.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_od {
+	#rectangle_5_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_od {
+	.rectangle_5_sa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="customized__2">
-	<svg class="rectangle_5_od">
-		<rect id="rectangle_5_od" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_sa">
+		<rect id="rectangle_5_sa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/customized___7.html b/public/flukemoni/Ex1/customized___7.html
old mode 100644
new mode 100755
index b28078a..b43caf4
--- a/public/flukemoni/Ex1/customized___7.html
+++ b/public/flukemoni/Ex1/customized___7.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ds {
+	#n_61_ea {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_ea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ds {
+	.rectangle_5_ea {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2988,8 +3006,12 @@ window.application = new Application();
 <div id="customized__7">
 	<img id="operator" src="operator.png" srcset="operator.png 1x, operator@2x.png 2x">
 		
-	<svg class="rectangle_5_ds">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ds" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_61_ea">
+		<ellipse id="n_61_ea" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ea">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ea" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/customized___8.html b/public/flukemoni/Ex1/customized___8.html
old mode 100644
new mode 100755
index 4b09c69..15bd718
--- a/public/flukemoni/Ex1/customized___8.html
+++ b/public/flukemoni/Ex1/customized___8.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#operator_rr {
+	#operator_wt {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rs {
+	#n_16_wu {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_wu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_wv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rs {
+	.rectangle_5_wv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="customized__8">
-	<img id="operator_rr" src="operator_rr.png" srcset="operator_rr.png 1x, operator_rr@2x.png 2x">
+	<img id="operator_wt" src="operator_wt.png" srcset="operator_wt.png 1x, operator_wt@2x.png 2x">
 		
-	<svg class="rectangle_5_rs">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rs" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_wu">
+		<ellipse id="n_16_wu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex1/n_.png b/public/flukemoni/Ex1/n_.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_@2x.png b/public/flukemoni/Ex1/n_@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_HOME.png b/public/flukemoni/Ex1/n_HOME.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_HOME@2x.png b/public/flukemoni/Ex1/n_HOME@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_LWL.png b/public/flukemoni/Ex1/n_LWL.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_LWL@2x.png b/public/flukemoni/Ex1/n_LWL@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_LWL_h.png b/public/flukemoni/Ex1/n_LWL_j.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_LWL_h.png
rename to public/flukemoni/Ex1/n_LWL_j.png
diff --git a/public/flukemoni/Ex1/n_LWL_h@2x.png b/public/flukemoni/Ex1/n_LWL_j@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_LWL_h@2x.png
rename to public/flukemoni/Ex1/n_LWL_j@2x.png
diff --git a/public/flukemoni/Ex1/n_LWL_m.png b/public/flukemoni/Ex1/n_LWL_qk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_LWL_m.png
rename to public/flukemoni/Ex1/n_LWL_qk.png
diff --git a/public/flukemoni/Ex1/n_LWL_m@2x.png b/public/flukemoni/Ex1/n_LWL_qk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_LWL_m@2x.png
rename to public/flukemoni/Ex1/n_LWL_qk@2x.png
diff --git a/public/flukemoni/Ex1/n_LWL_r.png b/public/flukemoni/Ex1/n_LWL_xa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_LWL_r.png
rename to public/flukemoni/Ex1/n_LWL_xa.png
diff --git a/public/flukemoni/Ex1/n__gi.png b/public/flukemoni/Ex1/n__hy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__gi.png
rename to public/flukemoni/Ex1/n__hy.png
diff --git a/public/flukemoni/Ex1/n__gi@2x.png b/public/flukemoni/Ex1/n__hy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__gi@2x.png
rename to public/flukemoni/Ex1/n__hy@2x.png
diff --git a/public/flukemoni/Ex1/n__gv.png b/public/flukemoni/Ex1/n__id.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__gv.png
rename to public/flukemoni/Ex1/n__id.png
diff --git a/public/flukemoni/Ex1/n__gv@2x.png b/public/flukemoni/Ex1/n__id@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__gv@2x.png
rename to public/flukemoni/Ex1/n__id@2x.png
diff --git a/public/flukemoni/Ex1/n__g.png b/public/flukemoni/Ex1/n__ij.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__g.png
rename to public/flukemoni/Ex1/n__ij.png
diff --git a/public/flukemoni/Ex1/n__g@2x.png b/public/flukemoni/Ex1/n__ij@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__g@2x.png
rename to public/flukemoni/Ex1/n__ij@2x.png
diff --git a/public/flukemoni/Ex1/n__ha.png b/public/flukemoni/Ex1/n__ip.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__ha.png
rename to public/flukemoni/Ex1/n__ip.png
diff --git a/public/flukemoni/Ex1/n__ha@2x.png b/public/flukemoni/Ex1/n__ip@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__ha@2x.png
rename to public/flukemoni/Ex1/n__ip@2x.png
diff --git a/public/flukemoni/Ex1/n__lz.png b/public/flukemoni/Ex1/n__o.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__lz.png
rename to public/flukemoni/Ex1/n__o.png
diff --git a/public/flukemoni/Ex1/n__lz@2x.png b/public/flukemoni/Ex1/n__o@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__lz@2x.png
rename to public/flukemoni/Ex1/n__o@2x.png
diff --git a/public/flukemoni/Ex1/n__ld.png b/public/flukemoni/Ex1/n__oa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__ld.png
rename to public/flukemoni/Ex1/n__oa.png
diff --git a/public/flukemoni/Ex1/n__ld@2x.png b/public/flukemoni/Ex1/n__oa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__ld@2x.png
rename to public/flukemoni/Ex1/n__oa@2x.png
diff --git a/public/flukemoni/Ex1/n__lu.png b/public/flukemoni/Ex1/n__ow.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__lu.png
rename to public/flukemoni/Ex1/n__ow.png
diff --git a/public/flukemoni/Ex1/n__lu@2x.png b/public/flukemoni/Ex1/n__ow@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__lu@2x.png
rename to public/flukemoni/Ex1/n__ow@2x.png
diff --git a/public/flukemoni/Ex1/n__l.png b/public/flukemoni/Ex1/n__pa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__l.png
rename to public/flukemoni/Ex1/n__pa.png
diff --git a/public/flukemoni/Ex1/n__l@2x.png b/public/flukemoni/Ex1/n__pa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__l@2x.png
rename to public/flukemoni/Ex1/n__pa@2x.png
diff --git a/public/flukemoni/Ex1/n__rm.png b/public/flukemoni/Ex1/n__wn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__rm.png
rename to public/flukemoni/Ex1/n__wn.png
diff --git a/public/flukemoni/Ex1/n__rm@2x.png b/public/flukemoni/Ex1/n__wn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n__rm@2x.png
rename to public/flukemoni/Ex1/n__wn@2x.png
diff --git a/public/flukemoni/Ex1/n_a.png b/public/flukemoni/Ex1/n_a.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_a@2x.png b/public/flukemoni/Ex1/n_a@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_a_pu.png b/public/flukemoni/Ex1/n_a_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_a_pu.png
rename to public/flukemoni/Ex1/n_a_t.png
diff --git a/public/flukemoni/Ex1/n_a_pu@2x.png b/public/flukemoni/Ex1/n_a_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_a_pu@2x.png
rename to public/flukemoni/Ex1/n_a_t@2x.png
diff --git a/public/flukemoni/Ex1/n_adjust_brightness.png b/public/flukemoni/Ex1/n_adjust_brightness.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_adjust_brightness@2x.png b/public/flukemoni/Ex1/n_adjust_brightness@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_adjust_brightness_qy.png b/public/flukemoni/Ex1/n_adjust_brightness_vr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_adjust_brightness_qy.png
rename to public/flukemoni/Ex1/n_adjust_brightness_vr.png
diff --git a/public/flukemoni/Ex1/n_adjust_brightness_qy@2x.png b/public/flukemoni/Ex1/n_adjust_brightness_vr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_adjust_brightness_qy@2x.png
rename to public/flukemoni/Ex1/n_adjust_brightness_vr@2x.png
diff --git a/public/flukemoni/Ex1/n_as_remote.png b/public/flukemoni/Ex1/n_as_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_as_remote@2x.png b/public/flukemoni/Ex1/n_as_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_as_remote_mu.png b/public/flukemoni/Ex1/n_as_remote_p.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_as_remote_mu.png
rename to public/flukemoni/Ex1/n_as_remote_p.png
diff --git a/public/flukemoni/Ex1/n_as_remote_mu@2x.png b/public/flukemoni/Ex1/n_as_remote_p@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_as_remote_mu@2x.png
rename to public/flukemoni/Ex1/n_as_remote_p@2x.png
diff --git a/public/flukemoni/Ex1/n_b.png b/public/flukemoni/Ex1/n_b.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_b@2x.png b/public/flukemoni/Ex1/n_b@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_b_pv.png b/public/flukemoni/Ex1/n_b_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_b_pv.png
rename to public/flukemoni/Ex1/n_b_t.png
diff --git a/public/flukemoni/Ex1/n_b_pv@2x.png b/public/flukemoni/Ex1/n_b_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_b_pv@2x.png
rename to public/flukemoni/Ex1/n_b_t@2x.png
diff --git a/public/flukemoni/Ex1/n_battery.png b/public/flukemoni/Ex1/n_battery.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_battery@2x.png b/public/flukemoni/Ex1/n_battery@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_battery_nk.png b/public/flukemoni/Ex1/n_battery_q.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_battery_nk.png
rename to public/flukemoni/Ex1/n_battery_q.png
diff --git a/public/flukemoni/Ex1/n_battery_nk@2x.png b/public/flukemoni/Ex1/n_battery_q@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_battery_nk@2x.png
rename to public/flukemoni/Ex1/n_battery_q@2x.png
diff --git a/public/flukemoni/Ex1/n_c.png b/public/flukemoni/Ex1/n_c.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_c@2x.png b/public/flukemoni/Ex1/n_c@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_c_pw.png b/public/flukemoni/Ex1/n_c_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_c_pw.png
rename to public/flukemoni/Ex1/n_c_t.png
diff --git a/public/flukemoni/Ex1/n_c_pw@2x.png b/public/flukemoni/Ex1/n_c_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_c_pw@2x.png
rename to public/flukemoni/Ex1/n_c_t@2x.png
diff --git a/public/flukemoni/Ex1/n_change_ID.png b/public/flukemoni/Ex1/n_change_ID.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_ID@2x.png b/public/flukemoni/Ex1/n_change_ID@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_ID_rh.png b/public/flukemoni/Ex1/n_change_ID_wh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_ID_rh.png
rename to public/flukemoni/Ex1/n_change_ID_wh.png
diff --git a/public/flukemoni/Ex1/n_change_ID_rh@2x.png b/public/flukemoni/Ex1/n_change_ID_wh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_ID_rh@2x.png
rename to public/flukemoni/Ex1/n_change_ID_wh@2x.png
diff --git a/public/flukemoni/Ex1/n_change_limits.png b/public/flukemoni/Ex1/n_change_limits.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_limits@2x.png b/public/flukemoni/Ex1/n_change_limits@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_limits_q.png b/public/flukemoni/Ex1/n_change_limits_v.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_limits_q.png
rename to public/flukemoni/Ex1/n_change_limits_v.png
diff --git a/public/flukemoni/Ex1/n_change_limits_q@2x.png b/public/flukemoni/Ex1/n_change_limits_v@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_limits_q@2x.png
rename to public/flukemoni/Ex1/n_change_limits_v@2x.png
diff --git a/public/flukemoni/Ex1/n_change_tone.png b/public/flukemoni/Ex1/n_change_tone.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_tone@2x.png b/public/flukemoni/Ex1/n_change_tone@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_change_tone_mi.png b/public/flukemoni/Ex1/n_change_tone_ps.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_tone_mi.png
rename to public/flukemoni/Ex1/n_change_tone_ps.png
diff --git a/public/flukemoni/Ex1/n_change_tone_mi@2x.png b/public/flukemoni/Ex1/n_change_tone_ps@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_change_tone_mi@2x.png
rename to public/flukemoni/Ex1/n_change_tone_ps@2x.png
diff --git a/public/flukemoni/Ex1/n_datetime.png b/public/flukemoni/Ex1/n_datetime.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_datetime@2x.png b/public/flukemoni/Ex1/n_datetime@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_datetime_qt.png b/public/flukemoni/Ex1/n_datetime_vl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_datetime_qt.png
rename to public/flukemoni/Ex1/n_datetime_vl.png
diff --git a/public/flukemoni/Ex1/n_datetime_qt@2x.png b/public/flukemoni/Ex1/n_datetime_vl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_datetime_qt@2x.png
rename to public/flukemoni/Ex1/n_datetime_vl@2x.png
diff --git a/public/flukemoni/Ex1/n_fiberinspector.png b/public/flukemoni/Ex1/n_fiberinspector.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_fiberinspector@2x.png b/public/flukemoni/Ex1/n_fiberinspector@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_fiberinspector_mz.png b/public/flukemoni/Ex1/n_fiberinspector_qe.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_fiberinspector_mz.png
rename to public/flukemoni/Ex1/n_fiberinspector_qe.png
diff --git a/public/flukemoni/Ex1/n_fiberinspector_mz@2x.png b/public/flukemoni/Ex1/n_fiberinspector_qe@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_fiberinspector_mz@2x.png
rename to public/flukemoni/Ex1/n_fiberinspector_qe@2x.png
diff --git a/public/flukemoni/Ex1/n_language.png b/public/flukemoni/Ex1/n_language.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_language@2x.png b/public/flukemoni/Ex1/n_language@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_language_pp.png b/public/flukemoni/Ex1/n_language_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_language_pp.png
rename to public/flukemoni/Ex1/n_language_t.png
diff --git a/public/flukemoni/Ex1/n_language_pp@2x.png b/public/flukemoni/Ex1/n_language_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_language_pp@2x.png
rename to public/flukemoni/Ex1/n_language_t@2x.png
diff --git a/public/flukemoni/Ex1/n_law_and_rules.png b/public/flukemoni/Ex1/n_law_and_rules.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_law_and_rules@2x.png b/public/flukemoni/Ex1/n_law_and_rules@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_law_and_rules_q.png b/public/flukemoni/Ex1/n_law_and_rules_vz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_law_and_rules_q.png
rename to public/flukemoni/Ex1/n_law_and_rules_vz.png
diff --git a/public/flukemoni/Ex1/n_law_and_rules_q@2x.png b/public/flukemoni/Ex1/n_law_and_rules_vz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_law_and_rules_q@2x.png
rename to public/flukemoni/Ex1/n_law_and_rules_vz@2x.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit.png b/public/flukemoni/Ex1/n_lenth_unit.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_lenth_unit@2x.png b/public/flukemoni/Ex1/n_lenth_unit@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_lenth_unit_f.png b/public/flukemoni/Ex1/n_lenth_unit_hg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_f.png
rename to public/flukemoni/Ex1/n_lenth_unit_hg.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit_f@2x.png b/public/flukemoni/Ex1/n_lenth_unit_hg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_f@2x.png
rename to public/flukemoni/Ex1/n_lenth_unit_hg@2x.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit_qi.png b/public/flukemoni/Ex1/n_lenth_unit_va.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_qi.png
rename to public/flukemoni/Ex1/n_lenth_unit_va.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit_qi@2x.png b/public/flukemoni/Ex1/n_lenth_unit_va@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_qi@2x.png
rename to public/flukemoni/Ex1/n_lenth_unit_va@2x.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit_qj.png b/public/flukemoni/Ex1/n_lenth_unit_vb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_qj.png
rename to public/flukemoni/Ex1/n_lenth_unit_vb.png
diff --git a/public/flukemoni/Ex1/n_lenth_unit_qj@2x.png b/public/flukemoni/Ex1/n_lenth_unit_vb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_lenth_unit_qj@2x.png
rename to public/flukemoni/Ex1/n_lenth_unit_vb@2x.png
diff --git a/public/flukemoni/Ex1/n_memory.png b/public/flukemoni/Ex1/n_memory.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_memory@2x.png b/public/flukemoni/Ex1/n_memory@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_memory_pc.png b/public/flukemoni/Ex1/n_memory_ti.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_memory_pc.png
rename to public/flukemoni/Ex1/n_memory_ti.png
diff --git a/public/flukemoni/Ex1/n_memory_pc@2x.png b/public/flukemoni/Ex1/n_memory_ti@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_memory_pc@2x.png
rename to public/flukemoni/Ex1/n_memory_ti@2x.png
diff --git a/public/flukemoni/Ex1/n_networks.png b/public/flukemoni/Ex1/n_networks.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_networks@2x.png b/public/flukemoni/Ex1/n_networks@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_networks_m.png b/public/flukemoni/Ex1/n_networks_qq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_networks_m.png
rename to public/flukemoni/Ex1/n_networks_qq.png
diff --git a/public/flukemoni/Ex1/n_networks_m@2x.png b/public/flukemoni/Ex1/n_networks_qq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_networks_m@2x.png
rename to public/flukemoni/Ex1/n_networks_qq@2x.png
diff --git a/public/flukemoni/Ex1/n_new.png b/public/flukemoni/Ex1/n_new.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_new@2x.png b/public/flukemoni/Ex1/n_new@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_new_rv.png b/public/flukemoni/Ex1/n_new_wy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_new_rv.png
rename to public/flukemoni/Ex1/n_new_wy.png
diff --git a/public/flukemoni/Ex1/n_new_rv@2x.png b/public/flukemoni/Ex1/n_new_wy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_new_rv@2x.png
rename to public/flukemoni/Ex1/n_new_wy@2x.png
diff --git a/public/flukemoni/Ex1/n_power_frequency.png b/public/flukemoni/Ex1/n_power_frequency.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_power_frequency@2x.png b/public/flukemoni/Ex1/n_power_frequency@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_power_frequency_qp.png b/public/flukemoni/Ex1/n_power_frequency_vh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_power_frequency_qp.png
rename to public/flukemoni/Ex1/n_power_frequency_vh.png
diff --git a/public/flukemoni/Ex1/n_power_frequency_qp@2x.png b/public/flukemoni/Ex1/n_power_frequency_vh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_power_frequency_qp@2x.png
rename to public/flukemoni/Ex1/n_power_frequency_vh@2x.png
diff --git a/public/flukemoni/Ex1/n_project.png b/public/flukemoni/Ex1/n_project.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_project@2x.png b/public/flukemoni/Ex1/n_project@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_results.png b/public/flukemoni/Ex1/n_results.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_results@2x.png b/public/flukemoni/Ex1/n_results@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_results_r.png b/public/flukemoni/Ex1/n_results_w.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_results_r.png
rename to public/flukemoni/Ex1/n_results_w.png
diff --git a/public/flukemoni/Ex1/n_results_r@2x.png b/public/flukemoni/Ex1/n_results_w@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_results_r@2x.png
rename to public/flukemoni/Ex1/n_results_w@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference.png b/public/flukemoni/Ex1/n_set_reference.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference@2x.png b/public/flukemoni/Ex1/n_set_reference@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference_finished.png b/public/flukemoni/Ex1/n_set_reference_finished.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference_finished@2x.png b/public/flukemoni/Ex1/n_set_reference_finished@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference_finished_o.png b/public/flukemoni/Ex1/n_set_reference_finished_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_finished_o.png
rename to public/flukemoni/Ex1/n_set_reference_finished_s.png
diff --git a/public/flukemoni/Ex1/n_set_reference_finished_o@2x.png b/public/flukemoni/Ex1/n_set_reference_finished_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_finished_o@2x.png
rename to public/flukemoni/Ex1/n_set_reference_finished_s@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_kp.png b/public/flukemoni/Ex1/n_set_reference_ni.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_kp.png
rename to public/flukemoni/Ex1/n_set_reference_ni.png
diff --git a/public/flukemoni/Ex1/n_set_reference_kp@2x.png b/public/flukemoni/Ex1/n_set_reference_ni@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_kp@2x.png
rename to public/flukemoni/Ex1/n_set_reference_ni@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_k.png b/public/flukemoni/Ex1/n_set_reference_nx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_k.png
rename to public/flukemoni/Ex1/n_set_reference_nx.png
diff --git a/public/flukemoni/Ex1/n_set_reference_k@2x.png b/public/flukemoni/Ex1/n_set_reference_nx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_k@2x.png
rename to public/flukemoni/Ex1/n_set_reference_nx@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_lo.png b/public/flukemoni/Ex1/n_set_reference_oo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_lo.png
rename to public/flukemoni/Ex1/n_set_reference_oo.png
diff --git a/public/flukemoni/Ex1/n_set_reference_lo@2x.png b/public/flukemoni/Ex1/n_set_reference_oo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_lo@2x.png
rename to public/flukemoni/Ex1/n_set_reference_oo@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_ne.png b/public/flukemoni/Ex1/n_set_reference_qw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_ne.png
rename to public/flukemoni/Ex1/n_set_reference_qw.png
diff --git a/public/flukemoni/Ex1/n_set_reference_ne@2x.png b/public/flukemoni/Ex1/n_set_reference_qw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_ne@2x.png
rename to public/flukemoni/Ex1/n_set_reference_qw@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_ow.png b/public/flukemoni/Ex1/n_set_reference_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_ow.png
rename to public/flukemoni/Ex1/n_set_reference_s.png
diff --git a/public/flukemoni/Ex1/n_set_reference_ow@2x.png b/public/flukemoni/Ex1/n_set_reference_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_ow@2x.png
rename to public/flukemoni/Ex1/n_set_reference_s@2x.png
diff --git a/public/flukemoni/Ex1/n_set_reference_warning.png b/public/flukemoni/Ex1/n_set_reference_warning.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference_warning@2x.png b/public/flukemoni/Ex1/n_set_reference_warning@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_set_reference_warning_li.png b/public/flukemoni/Ex1/n_set_reference_warning_og.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_warning_li.png
rename to public/flukemoni/Ex1/n_set_reference_warning_og.png
diff --git a/public/flukemoni/Ex1/n_set_reference_warning_li@2x.png b/public/flukemoni/Ex1/n_set_reference_warning_og@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_set_reference_warning_li@2x.png
rename to public/flukemoni/Ex1/n_set_reference_warning_og@2x.png
diff --git a/public/flukemoni/Ex1/n_sound_switch.png b/public/flukemoni/Ex1/n_sound_switch.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_sound_switch@2x.png b/public/flukemoni/Ex1/n_sound_switch@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_sound_switch_qm.png b/public/flukemoni/Ex1/n_sound_switch_ve.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_sound_switch_qm.png
rename to public/flukemoni/Ex1/n_sound_switch_ve.png
diff --git a/public/flukemoni/Ex1/n_sound_switch_qm@2x.png b/public/flukemoni/Ex1/n_sound_switch_ve@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_sound_switch_qm@2x.png
rename to public/flukemoni/Ex1/n_sound_switch_ve@2x.png
diff --git a/public/flukemoni/Ex1/n_tone_generator.png b/public/flukemoni/Ex1/n_tone_generator.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_tone_generator@2x.png b/public/flukemoni/Ex1/n_tone_generator@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_tone_generator_mn.png b/public/flukemoni/Ex1/n_tone_generator_py.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_tone_generator_mn.png
rename to public/flukemoni/Ex1/n_tone_generator_py.png
diff --git a/public/flukemoni/Ex1/n_tone_generator_mn@2x.png b/public/flukemoni/Ex1/n_tone_generator_py@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_tone_generator_mn@2x.png
rename to public/flukemoni/Ex1/n_tone_generator_py@2x.png
diff --git a/public/flukemoni/Ex1/n_tone_generator_switch.png b/public/flukemoni/Ex1/n_tone_generator_switch.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_tone_generator_switch@2x.png b/public/flukemoni/Ex1/n_tone_generator_switch@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_tone_generator_switch_mc.png b/public/flukemoni/Ex1/n_tone_generator_switch_pk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_tone_generator_switch_mc.png
rename to public/flukemoni/Ex1/n_tone_generator_switch_pk.png
diff --git a/public/flukemoni/Ex1/n_tone_generator_switch_mc@2x.png b/public/flukemoni/Ex1/n_tone_generator_switch_pk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_tone_generator_switch_mc@2x.png
rename to public/flukemoni/Ex1/n_tone_generator_switch_pk@2x.png
diff --git a/public/flukemoni/Ex1/n_unit.png b/public/flukemoni/Ex1/n_unit.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_unit@2x.png b/public/flukemoni/Ex1/n_unit@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_unit_qf.png b/public/flukemoni/Ex1/n_unit_u.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_unit_qf.png
rename to public/flukemoni/Ex1/n_unit_u.png
diff --git a/public/flukemoni/Ex1/n_unit_qf@2x.png b/public/flukemoni/Ex1/n_unit_u@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_unit_qf@2x.png
rename to public/flukemoni/Ex1/n_unit_u@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner.png b/public/flukemoni/Ex1/n_upper_banner.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner@2x.png b/public/flukemoni/Ex1/n_upper_banner@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_d.png b/public/flukemoni/Ex1/n_upper_banner_d.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_d@2x.png b/public/flukemoni/Ex1/n_upper_banner_d@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_c.png b/public/flukemoni/Ex1/n_upper_banner_dd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_c.png
rename to public/flukemoni/Ex1/n_upper_banner_dd.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_c@2x.png b/public/flukemoni/Ex1/n_upper_banner_dd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_c@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_dd@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_de.png b/public/flukemoni/Ex1/n_upper_banner_dq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_de.png
rename to public/flukemoni/Ex1/n_upper_banner_dq.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_de@2x.png b/public/flukemoni/Ex1/n_upper_banner_dq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_de@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_dq@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_dj.png b/public/flukemoni/Ex1/n_upper_banner_dw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_dj.png
rename to public/flukemoni/Ex1/n_upper_banner_dw.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_dj@2x.png b/public/flukemoni/Ex1/n_upper_banner_dw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_dj@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_dw@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_e.png b/public/flukemoni/Ex1/n_upper_banner_e.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_e@2x.png b/public/flukemoni/Ex1/n_upper_banner_e@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_do.png b/public/flukemoni/Ex1/n_upper_banner_ed.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_do.png
rename to public/flukemoni/Ex1/n_upper_banner_ed.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_do@2x.png b/public/flukemoni/Ex1/n_upper_banner_ed@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_do@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ed@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_dx.png b/public/flukemoni/Ex1/n_upper_banner_ej.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_dx.png
rename to public/flukemoni/Ex1/n_upper_banner_ej.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_dx@2x.png b/public/flukemoni/Ex1/n_upper_banner_ej@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_dx@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ej@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ea.png b/public/flukemoni/Ex1/n_upper_banner_ep.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ea.png
rename to public/flukemoni/Ex1/n_upper_banner_ep.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ea@2x.png b/public/flukemoni/Ex1/n_upper_banner_ep@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ea@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ep@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ec.png b/public/flukemoni/Ex1/n_upper_banner_ew.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ec.png
rename to public/flukemoni/Ex1/n_upper_banner_ew.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ec@2x.png b/public/flukemoni/Ex1/n_upper_banner_ew@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ec@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ew@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_f.png b/public/flukemoni/Ex1/n_upper_banner_f.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_f@2x.png b/public/flukemoni/Ex1/n_upper_banner_f@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ei.png b/public/flukemoni/Ex1/n_upper_banner_fb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ei.png
rename to public/flukemoni/Ex1/n_upper_banner_fb.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ei@2x.png b/public/flukemoni/Ex1/n_upper_banner_fb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ei@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_fb@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_en.png b/public/flukemoni/Ex1/n_upper_banner_fi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_en.png
rename to public/flukemoni/Ex1/n_upper_banner_fi.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_en@2x.png b/public/flukemoni/Ex1/n_upper_banner_fi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_en@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_fi@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_fa.png b/public/flukemoni/Ex1/n_upper_banner_ga.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_fa.png
rename to public/flukemoni/Ex1/n_upper_banner_ga.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_fa@2x.png b/public/flukemoni/Ex1/n_upper_banner_ga@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_fa@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ga@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_h.png b/public/flukemoni/Ex1/n_upper_banner_h.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_h@2x.png b/public/flukemoni/Ex1/n_upper_banner_h@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_et.png b/public/flukemoni/Ex1/n_upper_banner_hn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_et.png
rename to public/flukemoni/Ex1/n_upper_banner_hn.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_et@2x.png b/public/flukemoni/Ex1/n_upper_banner_hn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_et@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_hn@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hv.png b/public/flukemoni/Ex1/n_upper_banner_hv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hv.png
rename to public/flukemoni/Ex1/n_upper_banner_hv.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hv@2x.png b/public/flukemoni/Ex1/n_upper_banner_hv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hv@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_hv@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_i.png b/public/flukemoni/Ex1/n_upper_banner_i.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_i@2x.png b/public/flukemoni/Ex1/n_upper_banner_i@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ia.png b/public/flukemoni/Ex1/n_upper_banner_ia.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ia@2x.png b/public/flukemoni/Ex1/n_upper_banner_ia@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_g.png b/public/flukemoni/Ex1/n_upper_banner_ig.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_g.png
rename to public/flukemoni/Ex1/n_upper_banner_ig.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_g@2x.png b/public/flukemoni/Ex1/n_upper_banner_ig@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_g@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ig@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_im.png b/public/flukemoni/Ex1/n_upper_banner_im.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_im@2x.png b/public/flukemoni/Ex1/n_upper_banner_im@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_gf.png b/public/flukemoni/Ex1/n_upper_banner_iy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gf.png
rename to public/flukemoni/Ex1/n_upper_banner_iy.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_gf@2x.png b/public/flukemoni/Ex1/n_upper_banner_iy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gf@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_iy@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_j.png b/public/flukemoni/Ex1/n_upper_banner_j.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_j@2x.png b/public/flukemoni/Ex1/n_upper_banner_j@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_hl.png b/public/flukemoni/Ex1/n_upper_banner_jc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hl.png
rename to public/flukemoni/Ex1/n_upper_banner_jc.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hl@2x.png b/public/flukemoni/Ex1/n_upper_banner_jc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hl@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_jc@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_gk.png b/public/flukemoni/Ex1/n_upper_banner_jm.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gk.png
rename to public/flukemoni/Ex1/n_upper_banner_jm.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_gk@2x.png b/public/flukemoni/Ex1/n_upper_banner_jm@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gk@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_jm@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_js.png b/public/flukemoni/Ex1/n_upper_banner_js.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_js@2x.png b/public/flukemoni/Ex1/n_upper_banner_js@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_jy.png b/public/flukemoni/Ex1/n_upper_banner_jy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_jy.png
rename to public/flukemoni/Ex1/n_upper_banner_jy.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_jy@2x.png b/public/flukemoni/Ex1/n_upper_banner_jy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_jy@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_jy@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_k.png b/public/flukemoni/Ex1/n_upper_banner_k.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_k@2x.png b/public/flukemoni/Ex1/n_upper_banner_k@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ka.png b/public/flukemoni/Ex1/n_upper_banner_ka.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ka@2x.png b/public/flukemoni/Ex1/n_upper_banner_ka@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_gs.png b/public/flukemoni/Ex1/n_upper_banner_kg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gs.png
rename to public/flukemoni/Ex1/n_upper_banner_kg.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_gs@2x.png b/public/flukemoni/Ex1/n_upper_banner_kg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gs@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_kg@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_km.png b/public/flukemoni/Ex1/n_upper_banner_km.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_km@2x.png b/public/flukemoni/Ex1/n_upper_banner_km@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ky.png b/public/flukemoni/Ex1/n_upper_banner_ky.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ky@2x.png b/public/flukemoni/Ex1/n_upper_banner_ky@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_l.png b/public/flukemoni/Ex1/n_upper_banner_l.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_l@2x.png b/public/flukemoni/Ex1/n_upper_banner_l@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ll.png b/public/flukemoni/Ex1/n_upper_banner_ll.png
old mode 100644
new mode 100755
index daa9ff8..bfe1b03
Binary files a/public/flukemoni/Ex1/n_upper_banner_ll.png and b/public/flukemoni/Ex1/n_upper_banner_ll.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_ll@2x.png b/public/flukemoni/Ex1/n_upper_banner_ll@2x.png
old mode 100644
new mode 100755
index a7089da..1b5a56d
Binary files a/public/flukemoni/Ex1/n_upper_banner_ll@2x.png and b/public/flukemoni/Ex1/n_upper_banner_ll@2x.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_m.png b/public/flukemoni/Ex1/n_upper_banner_m.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_m@2x.png b/public/flukemoni/Ex1/n_upper_banner_m@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ma.png b/public/flukemoni/Ex1/n_upper_banner_ma.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ma@2x.png b/public/flukemoni/Ex1/n_upper_banner_ma@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_mk.png b/public/flukemoni/Ex1/n_upper_banner_mk.png
old mode 100644
new mode 100755
index 144e064..bfe1b03
Binary files a/public/flukemoni/Ex1/n_upper_banner_mk.png and b/public/flukemoni/Ex1/n_upper_banner_mk.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_mk@2x.png b/public/flukemoni/Ex1/n_upper_banner_mk@2x.png
old mode 100644
new mode 100755
index d2b5cdc..1b5a56d
Binary files a/public/flukemoni/Ex1/n_upper_banner_mk@2x.png and b/public/flukemoni/Ex1/n_upper_banner_mk@2x.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_gx.png b/public/flukemoni/Ex1/n_upper_banner_mv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gx.png
rename to public/flukemoni/Ex1/n_upper_banner_mv.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_gx@2x.png b/public/flukemoni/Ex1/n_upper_banner_mv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_gx@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_mv@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_n.png b/public/flukemoni/Ex1/n_upper_banner_n.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_n@2x.png b/public/flukemoni/Ex1/n_upper_banner_n@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_na.png b/public/flukemoni/Ex1/n_upper_banner_na.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_na@2x.png b/public/flukemoni/Ex1/n_upper_banner_na@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ha.png b/public/flukemoni/Ex1/n_upper_banner_nf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ha.png
rename to public/flukemoni/Ex1/n_upper_banner_nf.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ha@2x.png b/public/flukemoni/Ex1/n_upper_banner_nf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ha@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_nf@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hg.png b/public/flukemoni/Ex1/n_upper_banner_nl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hg.png
rename to public/flukemoni/Ex1/n_upper_banner_nl.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hg@2x.png b/public/flukemoni/Ex1/n_upper_banner_nl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hg@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_nl@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hs.png b/public/flukemoni/Ex1/n_upper_banner_nt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hs.png
rename to public/flukemoni/Ex1/n_upper_banner_nt.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hs@2x.png b/public/flukemoni/Ex1/n_upper_banner_nt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hs@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_nt@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_o.png b/public/flukemoni/Ex1/n_upper_banner_o.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_o@2x.png b/public/flukemoni/Ex1/n_upper_banner_o@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_oa.png b/public/flukemoni/Ex1/n_upper_banner_oa.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_oa@2x.png b/public/flukemoni/Ex1/n_upper_banner_oa@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_hx.png b/public/flukemoni/Ex1/n_upper_banner_od.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hx.png
rename to public/flukemoni/Ex1/n_upper_banner_od.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_hx@2x.png b/public/flukemoni/Ex1/n_upper_banner_od@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_hx@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_od@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ol.png b/public/flukemoni/Ex1/n_upper_banner_ol.png
new file mode 100755
index 0000000..daa9ff8
Binary files /dev/null and b/public/flukemoni/Ex1/n_upper_banner_ol.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_ol@2x.png b/public/flukemoni/Ex1/n_upper_banner_ol@2x.png
new file mode 100755
index 0000000..a7089da
Binary files /dev/null and b/public/flukemoni/Ex1/n_upper_banner_ol@2x.png differ
diff --git a/public/flukemoni/Ex1/n_upper_banner_ic.png b/public/flukemoni/Ex1/n_upper_banner_ot.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ic.png
rename to public/flukemoni/Ex1/n_upper_banner_ot.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ic@2x.png b/public/flukemoni/Ex1/n_upper_banner_ot@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ic@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ot@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ih.png b/public/flukemoni/Ex1/n_upper_banner_oz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ih.png
rename to public/flukemoni/Ex1/n_upper_banner_oz.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ih@2x.png b/public/flukemoni/Ex1/n_upper_banner_oz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ih@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_oz@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_iu.png b/public/flukemoni/Ex1/n_upper_banner_p.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_iu.png
rename to public/flukemoni/Ex1/n_upper_banner_p.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_iu@2x.png b/public/flukemoni/Ex1/n_upper_banner_p@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_iu@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_p@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ja.png b/public/flukemoni/Ex1/n_upper_banner_ph.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ja.png
rename to public/flukemoni/Ex1/n_upper_banner_ph.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ja@2x.png b/public/flukemoni/Ex1/n_upper_banner_ph@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ja@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ph@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_jk.png b/public/flukemoni/Ex1/n_upper_banner_pp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_jk.png
rename to public/flukemoni/Ex1/n_upper_banner_pp.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_jk@2x.png b/public/flukemoni/Ex1/n_upper_banner_pp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_jk@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_pp@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ii.png b/public/flukemoni/Ex1/n_upper_banner_pv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ii.png
rename to public/flukemoni/Ex1/n_upper_banner_pv.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ii@2x.png b/public/flukemoni/Ex1/n_upper_banner_pv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ii@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_pv@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_q.png b/public/flukemoni/Ex1/n_upper_banner_q.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_q@2x.png b/public/flukemoni/Ex1/n_upper_banner_q@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_kb.png b/public/flukemoni/Ex1/n_upper_banner_qb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kb.png
rename to public/flukemoni/Ex1/n_upper_banner_qb.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_kb@2x.png b/public/flukemoni/Ex1/n_upper_banner_qb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kb@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_qb@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_kh.png b/public/flukemoni/Ex1/n_upper_banner_qh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kh.png
rename to public/flukemoni/Ex1/n_upper_banner_qh.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_kh@2x.png b/public/flukemoni/Ex1/n_upper_banner_qh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kh@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_qh@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_kr.png b/public/flukemoni/Ex1/n_upper_banner_qn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kr.png
rename to public/flukemoni/Ex1/n_upper_banner_qn.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_kr@2x.png b/public/flukemoni/Ex1/n_upper_banner_qn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_kr@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_qn@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_la.png b/public/flukemoni/Ex1/n_upper_banner_qt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_la.png
rename to public/flukemoni/Ex1/n_upper_banner_qt.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_la@2x.png b/public/flukemoni/Ex1/n_upper_banner_qt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_la@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_qt@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_r.png b/public/flukemoni/Ex1/n_upper_banner_r.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_r@2x.png b/public/flukemoni/Ex1/n_upper_banner_r@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ra.png b/public/flukemoni/Ex1/n_upper_banner_ra.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_ra@2x.png b/public/flukemoni/Ex1/n_upper_banner_ra@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_lf.png b/public/flukemoni/Ex1/n_upper_banner_ri.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lf.png
rename to public/flukemoni/Ex1/n_upper_banner_ri.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_lf@2x.png b/public/flukemoni/Ex1/n_upper_banner_ri@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lf@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_ri@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_lr.png b/public/flukemoni/Ex1/n_upper_banner_rt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lr.png
rename to public/flukemoni/Ex1/n_upper_banner_rt.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_lr@2x.png b/public/flukemoni/Ex1/n_upper_banner_rt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lr@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_rt@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_lw.png b/public/flukemoni/Ex1/n_upper_banner_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lw.png
rename to public/flukemoni/Ex1/n_upper_banner_s.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_lw@2x.png b/public/flukemoni/Ex1/n_upper_banner_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_lw@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_s@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sk.png b/public/flukemoni/Ex1/n_upper_banner_sk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sk.png
rename to public/flukemoni/Ex1/n_upper_banner_sk.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sk@2x.png b/public/flukemoni/Ex1/n_upper_banner_sk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sk@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_sk@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mf.png b/public/flukemoni/Ex1/n_upper_banner_sw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mf.png
rename to public/flukemoni/Ex1/n_upper_banner_sw.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mf@2x.png b/public/flukemoni/Ex1/n_upper_banner_sw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mf@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_sw@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mr.png b/public/flukemoni/Ex1/n_upper_banner_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mr.png
rename to public/flukemoni/Ex1/n_upper_banner_t.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mr@2x.png b/public/flukemoni/Ex1/n_upper_banner_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mr@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_t@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mw.png b/public/flukemoni/Ex1/n_upper_banner_tb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mw.png
rename to public/flukemoni/Ex1/n_upper_banner_tb.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_mw@2x.png b/public/flukemoni/Ex1/n_upper_banner_tb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_mw@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_tb@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nb.png b/public/flukemoni/Ex1/n_upper_banner_tl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nb.png
rename to public/flukemoni/Ex1/n_upper_banner_tl.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nb@2x.png b/public/flukemoni/Ex1/n_upper_banner_tl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nb@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_tl@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nh.png b/public/flukemoni/Ex1/n_upper_banner_tw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nh.png
rename to public/flukemoni/Ex1/n_upper_banner_tw.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nh@2x.png b/public/flukemoni/Ex1/n_upper_banner_tw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nh@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_tw@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nm.png b/public/flukemoni/Ex1/n_upper_banner_v.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nm.png
rename to public/flukemoni/Ex1/n_upper_banner_v.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nm@2x.png b/public/flukemoni/Ex1/n_upper_banner_v@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nm@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_v@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nu.png b/public/flukemoni/Ex1/n_upper_banner_vi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nu.png
rename to public/flukemoni/Ex1/n_upper_banner_vi.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_nu@2x.png b/public/flukemoni/Ex1/n_upper_banner_vi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_nu@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_vi@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ok.png b/public/flukemoni/Ex1/n_upper_banner_vo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ok.png
rename to public/flukemoni/Ex1/n_upper_banner_vo.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ok@2x.png b/public/flukemoni/Ex1/n_upper_banner_vo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ok@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_vo@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_os.png b/public/flukemoni/Ex1/n_upper_banner_vw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_os.png
rename to public/flukemoni/Ex1/n_upper_banner_vw.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_os@2x.png b/public/flukemoni/Ex1/n_upper_banner_vw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_os@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_vw@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_oy.png b/public/flukemoni/Ex1/n_upper_banner_w.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_oy.png
rename to public/flukemoni/Ex1/n_upper_banner_w.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_oy@2x.png b/public/flukemoni/Ex1/n_upper_banner_w@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_oy@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_w@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pe.png b/public/flukemoni/Ex1/n_upper_banner_we.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pe.png
rename to public/flukemoni/Ex1/n_upper_banner_we.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pe@2x.png b/public/flukemoni/Ex1/n_upper_banner_we@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pe@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_we@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pl.png b/public/flukemoni/Ex1/n_upper_banner_wk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pl.png
rename to public/flukemoni/Ex1/n_upper_banner_wk.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pl@2x.png b/public/flukemoni/Ex1/n_upper_banner_wk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pl@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_wk@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pr.png b/public/flukemoni/Ex1/n_upper_banner_wq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pr.png
rename to public/flukemoni/Ex1/n_upper_banner_wq.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_pr@2x.png b/public/flukemoni/Ex1/n_upper_banner_wq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_pr@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_wq@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_qq.png b/public/flukemoni/Ex1/n_upper_banner_xa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_qq.png
rename to public/flukemoni/Ex1/n_upper_banner_xa.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_qq@2x.png b/public/flukemoni/Ex1/n_upper_banner_xa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_qq@2x.png
rename to public/flukemoni/Ex1/n_upper_banner_xa@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_qv.png b/public/flukemoni/Ex1/n_upper_banner_xd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_qv.png
rename to public/flukemoni/Ex1/n_upper_banner_xd.png
diff --git a/public/flukemoni/Ex1/n_ver_adapter.png b/public/flukemoni/Ex1/n_ver_adapter.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_adapter@2x.png b/public/flukemoni/Ex1/n_ver_adapter@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_adapter_remote.png b/public/flukemoni/Ex1/n_ver_adapter_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_adapter_remote@2x.png b/public/flukemoni/Ex1/n_ver_adapter_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_adapter_remote_oo.png b/public/flukemoni/Ex1/n_ver_adapter_remote_so.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_adapter_remote_oo.png
rename to public/flukemoni/Ex1/n_ver_adapter_remote_so.png
diff --git a/public/flukemoni/Ex1/n_ver_adapter_remote_oo@2x.png b/public/flukemoni/Ex1/n_ver_adapter_remote_so@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_adapter_remote_oo@2x.png
rename to public/flukemoni/Ex1/n_ver_adapter_remote_so@2x.png
diff --git a/public/flukemoni/Ex1/n_ver_adapter_nx.png b/public/flukemoni/Ex1/n_ver_adapter_rl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_adapter_nx.png
rename to public/flukemoni/Ex1/n_ver_adapter_rl.png
diff --git a/public/flukemoni/Ex1/n_ver_adapter_nx@2x.png b/public/flukemoni/Ex1/n_ver_adapter_rl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_adapter_nx@2x.png
rename to public/flukemoni/Ex1/n_ver_adapter_rl@2x.png
diff --git a/public/flukemoni/Ex1/n_ver_main.png b/public/flukemoni/Ex1/n_ver_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_main@2x.png b/public/flukemoni/Ex1/n_ver_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_main_np.png b/public/flukemoni/Ex1/n_ver_main_q.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_main_np.png
rename to public/flukemoni/Ex1/n_ver_main_q.png
diff --git a/public/flukemoni/Ex1/n_ver_main_np@2x.png b/public/flukemoni/Ex1/n_ver_main_q@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_main_np@2x.png
rename to public/flukemoni/Ex1/n_ver_main_q@2x.png
diff --git a/public/flukemoni/Ex1/n_ver_module_main.png b/public/flukemoni/Ex1/n_ver_module_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_module_main@2x.png b/public/flukemoni/Ex1/n_ver_module_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_module_main_n.png b/public/flukemoni/Ex1/n_ver_module_main_rx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_module_main_n.png
rename to public/flukemoni/Ex1/n_ver_module_main_rx.png
diff --git a/public/flukemoni/Ex1/n_ver_module_main_n@2x.png b/public/flukemoni/Ex1/n_ver_module_main_rx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_module_main_n@2x.png
rename to public/flukemoni/Ex1/n_ver_module_main_rx@2x.png
diff --git a/public/flukemoni/Ex1/n_ver_module_remote.png b/public/flukemoni/Ex1/n_ver_module_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_module_remote@2x.png b/public/flukemoni/Ex1/n_ver_module_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_module_remote_ph.png b/public/flukemoni/Ex1/n_ver_module_remote_to.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_module_remote_ph.png
rename to public/flukemoni/Ex1/n_ver_module_remote_to.png
diff --git a/public/flukemoni/Ex1/n_ver_module_remote_ph@2x.png b/public/flukemoni/Ex1/n_ver_module_remote_to@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_module_remote_ph@2x.png
rename to public/flukemoni/Ex1/n_ver_module_remote_to@2x.png
diff --git a/public/flukemoni/Ex1/n_ver_remote.png b/public/flukemoni/Ex1/n_ver_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_remote@2x.png b/public/flukemoni/Ex1/n_ver_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_ver_remote_og.png b/public/flukemoni/Ex1/n_ver_remote_sc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_remote_og.png
rename to public/flukemoni/Ex1/n_ver_remote_sc.png
diff --git a/public/flukemoni/Ex1/n_ver_remote_og@2x.png b/public/flukemoni/Ex1/n_ver_remote_sc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_ver_remote_og@2x.png
rename to public/flukemoni/Ex1/n_ver_remote_sc@2x.png
diff --git a/public/flukemoni/Ex1/new_project.png b/public/flukemoni/Ex1/new_project.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/new_project@2x.png b/public/flukemoni/Ex1/new_project@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/operator.png b/public/flukemoni/Ex1/operator.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/operator@2x.png b/public/flukemoni/Ex1/operator@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/operator_rr.png b/public/flukemoni/Ex1/operator_wt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/operator_rr.png
rename to public/flukemoni/Ex1/operator_wt.png
diff --git a/public/flukemoni/Ex1/operator_rr@2x.png b/public/flukemoni/Ex1/operator_wt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/operator_rr@2x.png
rename to public/flukemoni/Ex1/operator_wt@2x.png
diff --git a/public/flukemoni/Ex1/project1.png b/public/flukemoni/Ex1/project1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/project1@2x.png b/public/flukemoni/Ex1/project1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/project_01.png b/public/flukemoni/Ex1/project_01.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/project_01@2x.png b/public/flukemoni/Ex1/project_01@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/project_02.png b/public/flukemoni/Ex1/project_02.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/project_02@2x.png b/public/flukemoni/Ex1/project_02@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/view_project.png b/public/flukemoni/Ex1/view_project.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/view_project@2x.png b/public/flukemoni/Ex1/view_project@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/1000baset___1.html b/public/flukemoni/Ex2/1000baset___1.html
old mode 100644
new mode 100755
index cf03651..5e0ff51
--- a/public/flukemoni/Ex2/1000baset___1.html
+++ b/public/flukemoni/Ex2/1000baset___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_zh {
+	#n_36_bag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_bah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_bal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_zh {
+	.rectangle_5_bal {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T7iso_limits___4.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_zi {
+	#n_upper_banner_bar {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_zj {
+	#save_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_zj {
+	.save_e {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="n_000baset__1">
 	<img id="n_000baset" src="n_000baset.png" srcset="n_000baset.png 1x, n_000baset@2x.png 2x">
 		
-	<svg class="rectangle_5_zh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_zh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bag">
+		<ellipse id="n_36_bag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bah">
+		<ellipse id="n_36_bah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bal">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bal" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_zi" src="n_upper_banner_zi.png" srcset="n_upper_banner_zi.png 1x, n_upper_banner_zi@2x.png 2x">
+	<img id="n_upper_banner_bar" src="n_upper_banner_bar.png" srcset="n_upper_banner_bar.png 1x, n_upper_banner_bar@2x.png 2x">
 		
-	<svg class="save_zj">
-		<rect onclick="application.goToTargetView(event)" id="save_zj" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_e">
+		<rect onclick="application.goToTargetView(event)" id="save_e" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/2_5G_Base_T.html b/public/flukemoni/Ex2/2_5G_Base_T.html
old mode 100644
new mode 100755
index 07b7d4f..e5cd7ad
--- a/public/flukemoni/Ex2/2_5G_Base_T.html
+++ b/public/flukemoni/Ex2/2_5G_Base_T.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sc {
+	#n_31_wj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_wk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_wl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sc {
+	.rectangle_5_wl {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T7iso_limits___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_sd {
+	#n_upper_banner_wm {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_se {
+	#save_wn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_se {
+	.save_wn {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -102,7 +138,7 @@
 		--web-action-target: T2new_created_limit___3.html;
 		cursor: pointer;
 	}
-	#cat6a_option_sf {
+	#cat6a_option_wo {
 		opacity: 0;
 		position: absolute;
 		width: 409.201px;
@@ -3027,17 +3063,25 @@ window.application = new Application();
 <div id="n_5G_Base-T">
 	<img id="n_5GBASE-T_LIMIT" src="n_5GBASE-T_LIMIT.png" srcset="n_5GBASE-T_LIMIT.png 1x, n_5GBASE-T_LIMIT@2x.png 2x">
 		
-	<svg class="rectangle_5_sc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_wj">
+		<ellipse id="n_31_wj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_wk">
+		<ellipse id="n_31_wk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wl" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_sd" src="n_upper_banner_sd.png" srcset="n_upper_banner_sd.png 1x, n_upper_banner_sd@2x.png 2x">
+	<img id="n_upper_banner_wm" src="n_upper_banner_wm.png" srcset="n_upper_banner_wm.png 1x, n_upper_banner_wm@2x.png 2x">
 		
-	<svg class="save_se">
-		<rect onclick="application.goToTargetView(event)" id="save_se" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_wn">
+		<rect onclick="application.goToTargetView(event)" id="save_wn" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
-	<img id="cat6a_option_sf" src="cat6a_option_sf.png" srcset="cat6a_option_sf.png 1x, cat6a_option_sf@2x.png 2x">
+	<img id="cat6a_option_wo" src="cat6a_option_wo.png" srcset="cat6a_option_wo.png 1x, cat6a_option_wo@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/2_5G_Base_T___1.html b/public/flukemoni/Ex2/2_5G_Base_T___1.html
old mode 100644
new mode 100755
index b4da575..ab767a7
--- a/public/flukemoni/Ex2/2_5G_Base_T___1.html
+++ b/public/flukemoni/Ex2/2_5G_Base_T___1.html
@@ -40,7 +40,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_bah {
+	#rectangle_5_bbc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -50,7 +50,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bah {
+	.rectangle_5_bbc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -58,7 +58,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_baj {
+	#n_upper_banner_bbk {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -66,7 +66,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_ {
+	#save_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +76,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_ {
+	.save_i {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3000,14 +3000,14 @@ window.application = new Application();
 <div id="n_5G_Base-T__1">
 	<img id="n_5GBASE-T_568A" src="n_5GBASE-T_568A.png" srcset="n_5GBASE-T_568A.png 1x, n_5GBASE-T_568A@2x.png 2x">
 		
-	<svg class="rectangle_5_bah">
-		<rect id="rectangle_5_bah" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bbc">
+		<rect id="rectangle_5_bbc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_baj" src="n_upper_banner_baj.png" srcset="n_upper_banner_baj.png 1x, n_upper_banner_baj@2x.png 2x">
+	<img id="n_upper_banner_bbk" src="n_upper_banner_bbk.png" srcset="n_upper_banner_bbk.png 1x, n_upper_banner_bbk@2x.png 2x">
 		
-	<svg class="save_">
-		<rect id="save_" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_i">
+		<rect id="save_i" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/2_5G_Base_T___2.html b/public/flukemoni/Ex2/2_5G_Base_T___2.html
old mode 100644
new mode 100755
index 92d9050..e409a54
--- a/public/flukemoni/Ex2/2_5G_Base_T___2.html
+++ b/public/flukemoni/Ex2/2_5G_Base_T___2.html
@@ -40,7 +40,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_bai {
+	#rectangle_5_bbd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -50,7 +50,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bai {
+	.rectangle_5_bbd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -58,7 +58,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_bak {
+	#n_upper_banner_bbl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -66,7 +66,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_b {
+	#save_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +76,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_b {
+	.save_o {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3000,14 +3000,14 @@ window.application = new Application();
 <div id="n_5G_Base-T__2">
 	<img id="n_5GBASE-T_568B" src="n_5GBASE-T_568B.png" srcset="n_5GBASE-T_568B.png 1x">
 		
-	<svg class="rectangle_5_bai">
-		<rect id="rectangle_5_bai" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bbd">
+		<rect id="rectangle_5_bbd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bak" src="n_upper_banner_bak.png" srcset="n_upper_banner_bak.png 1x">
+	<img id="n_upper_banner_bbl" src="n_upper_banner_bbl.png" srcset="n_upper_banner_bbl.png 1x">
 		
-	<svg class="save_b">
-		<rect id="save_b" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_o">
+		<rect id="save_o" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/HOMEPAGE.html b/public/flukemoni/Ex2/HOMEPAGE.html
old mode 100644
new mode 100755
index bd4ad35..c986105
--- a/public/flukemoni/Ex2/HOMEPAGE.html
+++ b/public/flukemoni/Ex2/HOMEPAGE.html
@@ -50,6 +50,132 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 135px;
+	}
+	#n_18 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 232px;
+	}
+	#n_19 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_19 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 320px;
+	}
+	#n_20 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 383px;
+	}
+	#n_21 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_21 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 478px;
+	}
+	#n_22 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 478px;
+	}
+	#n_23 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 480px;
+	}
 	#rectangle_1 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -3128,6 +3254,34 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="n_HOME" src="n_HOME.png" srcset="n_HOME.png 1x, n_HOME@2x.png 2x">
 		
+	<svg class="n_17">
+		<ellipse id="n_17" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18">
+		<ellipse id="n_18" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_19">
+		<ellipse id="n_19" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20">
+		<ellipse id="n_20" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_21">
+		<ellipse id="n_21" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22">
+		<ellipse id="n_22" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23">
+		<ellipse id="n_23" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_1">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_1" rx="0" ry="0" x="0" y="0" width="441" height="101">
 		</rect>
diff --git a/public/flukemoni/Ex2/Home_25GBase-T.png b/public/flukemoni/Ex2/Home_25GBase-T.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/Home_25GBase-T@2x.png b/public/flukemoni/Ex2/Home_25GBase-T@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T1cat_6A_Channel.png b/public/flukemoni/Ex2/T1cat_6A_Channel.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T1cat_6A_Channel@2x.png b/public/flukemoni/Ex2/T1cat_6A_Channel@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T1cat_6A_Channel_u.png b/public/flukemoni/Ex2/T1cat_6A_Channel_zv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T1cat_6A_Channel_u.png
rename to public/flukemoni/Ex2/T1cat_6A_Channel_zv.png
diff --git a/public/flukemoni/Ex2/T1cat_6A_Channel_u@2x.png b/public/flukemoni/Ex2/T1cat_6A_Channel_zv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T1cat_6A_Channel_u@2x.png
rename to public/flukemoni/Ex2/T1cat_6A_Channel_zv@2x.png
diff --git a/public/flukemoni/Ex2/T2LWL.html b/public/flukemoni/Ex2/T2LWL.html
old mode 100644
new mode 100755
index 349cc52..d0c8084
--- a/public/flukemoni/Ex2/T2LWL.html
+++ b/public/flukemoni/Ex2/T2LWL.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hf {
+	#n_31_ip {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ip {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_iq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hf {
+	.rectangle_5_iq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hg {
+	#n_upper_banner_ir {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2LWL">
 	<img id="n_LWL" src="n_LWL.png" srcset="n_LWL.png 1x, n_LWL@2x.png 2x">
 		
-	<svg class="rectangle_5_hf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_ip">
+		<ellipse id="n_31_ip" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_iq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hg" src="n_upper_banner_hg.png" srcset="n_upper_banner_hg.png 1x, n_upper_banner_hg@2x.png 2x">
+	<img id="n_upper_banner_ir" src="n_upper_banner_ir.png" srcset="n_upper_banner_ir.png 1x, n_upper_banner_ir@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2_tools.html b/public/flukemoni/Ex2/T2_tools.html
old mode 100644
new mode 100755
index d3afc51..e2a660a
--- a/public/flukemoni/Ex2/T2_tools.html
+++ b/public/flukemoni/Ex2/T2_tools.html
@@ -66,7 +66,295 @@
 		top: 1005px;
 		overflow: visible;
 	}
-	#rectangle_5_ft {
+	#n_1 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 138px;
+	}
+	#n_2 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_2 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 196px;
+	}
+	#n_3 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_3 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 252px;
+	}
+	#n_4 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 310px;
+	}
+	#n_5 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 365px;
+	}
+	#n_6 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 423px;
+	}
+	#n_7 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 511px;
+	}
+	#n_8 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 569px;
+	}
+	#n_9 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 624px;
+	}
+	#n_10 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_10 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 682px;
+	}
+	#n_11 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_11 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 739px;
+	}
+	#n_12 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 794px;
+	}
+	#n_13 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 852px;
+	}
+	#n_14 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1194px;
+	}
+	#n_15 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 1252px;
+	}
+	#n_16 {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#rectangle_5_gv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +364,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ft {
+	.rectangle_5_gv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -392,7 +680,7 @@
 		left: 19px;
 		top: 1007px;
 	}
-	#rectangle_14_f {
+	#rectangle_14_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -402,7 +690,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_f {
+	.rectangle_14_ha {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -414,7 +702,7 @@
 		--web-action-target: T3adjust_brightness.html;
 		cursor: pointer;
 	}
-	#rectangle_14_ga {
+	#rectangle_14_hb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -424,7 +712,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_14_ga {
+	.rectangle_14_hb {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -487,7 +775,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_lenth_unit_gf {
+	#n_lenth_unit_hh {
 		position: absolute;
 		width: 128px;
 		height: 52px;
@@ -503,7 +791,7 @@
 		top: 1073px;
 		overflow: visible;
 	}
-	#n_1 {
+	#n_1_hj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -513,7 +801,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_1 {
+	.n_1_hj {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -537,7 +825,7 @@
 		top: 1122px;
 		overflow: visible;
 	}
-	#n_2 {
+	#n_2_hm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -547,7 +835,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_2 {
+	.n_2_hm {
 		position: absolute;
 		overflow: visible;
 		width: 123px;
@@ -563,7 +851,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_gm {
+	#n_upper_banner_ho {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3491,8 +3779,72 @@ window.application = new Application();
 		
 	<img id="n_c" src="n_c.png" srcset="n_c.png 1x, n_c@2x.png 2x">
 		
-	<svg class="rectangle_5_ft">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ft" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1">
+		<ellipse id="n_1" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_2">
+		<ellipse id="n_2" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_3">
+		<ellipse id="n_3" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4">
+		<ellipse id="n_4" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5">
+		<ellipse id="n_5" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6">
+		<ellipse id="n_6" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7">
+		<ellipse id="n_7" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8">
+		<ellipse id="n_8" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9">
+		<ellipse id="n_9" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_10">
+		<ellipse id="n_10" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_11">
+		<ellipse id="n_11" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_12">
+		<ellipse id="n_12" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13">
+		<ellipse id="n_13" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14">
+		<ellipse id="n_14" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15">
+		<ellipse id="n_15" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16">
+		<ellipse id="n_16" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_gv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_10">
@@ -3551,12 +3903,12 @@ window.application = new Application();
 		<rect id="rectangle_14" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_f">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_f" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_ha">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_ha" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_14_ga">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_14_ga" rx="6" ry="6" x="0" y="0" width="442" height="51">
+	<svg class="rectangle_14_hb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_14_hb" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
 	<div id="group_dot_format_switch" class="group_dot_format_switch">
@@ -3570,26 +3922,26 @@ window.application = new Application();
 	<div id="group_lenth_unit_switch" class="group_lenth_unit_switch">
 		<img id="n_lenth_unit" src="n_lenth_unit.png" srcset="n_lenth_unit.png 1x, n_lenth_unit@2x.png 2x">
 			
-		<img id="n_lenth_unit_gf" src="n_lenth_unit_gf.png" srcset="n_lenth_unit_gf.png 1x, n_lenth_unit_gf@2x.png 2x">
+		<img id="n_lenth_unit_hh" src="n_lenth_unit_hh.png" srcset="n_lenth_unit_hh.png 1x, n_lenth_unit_hh@2x.png 2x">
 			
 	</div>
 	<div id="group_sound_switch" class="group_sound_switch">
-		<svg class="n_1">
-			<rect id="n_1" rx="0" ry="0" x="0" y="0" width="123" height="36">
+		<svg class="n_1_hj">
+			<rect id="n_1_hj" rx="0" ry="0" x="0" y="0" width="123" height="36">
 			</rect>
 		</svg>
 		<img id="n_sound_switch" src="n_sound_switch.png" srcset="n_sound_switch.png 1x, n_sound_switch@2x.png 2x">
 			
 	</div>
 	<div id="group_power_frequency_switch" class="group_power_frequency_switch">
-		<svg class="n_2">
-			<rect id="n_2" rx="0" ry="0" x="0" y="0" width="123" height="34">
+		<svg class="n_2_hm">
+			<rect id="n_2_hm" rx="0" ry="0" x="0" y="0" width="123" height="34">
 			</rect>
 		</svg>
 		<img id="n_power_frequency" src="n_power_frequency.png" srcset="n_power_frequency.png 1x, n_power_frequency@2x.png 2x">
 			
 	</div>
-	<img id="n_upper_banner_gm" src="n_upper_banner_gm.png" srcset="n_upper_banner_gm.png 1x, n_upper_banner_gm@2x.png 2x">
+	<img id="n_upper_banner_ho" src="n_upper_banner_ho.png" srcset="n_upper_banner_ho.png 1x, n_upper_banner_ho@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2limits.html b/public/flukemoni/Ex2/T2limits.html
old mode 100644
new mode 100755
index cb2a4e0..4356696
--- a/public/flukemoni/Ex2/T2limits.html
+++ b/public/flukemoni/Ex2/T2limits.html
@@ -50,6 +50,78 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17_ey {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ey {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#n_17_ez {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ez {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 400px;
+		top: 145px;
+	}
+	#n_24 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_25 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 204px;
+		top: 599px;
+	}
 	#rectangle_5 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -138,7 +210,7 @@
 		--web-action-target: T3new_test.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_eu {
+	#n_upper_banner_e {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3062,6 +3134,22 @@ window.application = new Application();
 <div id="T2limits">
 	<img id="n_change_limits" src="n_change_limits.png" srcset="n_change_limits.png 1x, n_change_limits@2x.png 2x">
 		
+	<svg class="n_17_ey">
+		<ellipse id="n_17_ey" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ez">
+		<ellipse id="n_17_ez" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24">
+		<ellipse id="n_24" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25">
+		<ellipse id="n_25" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_5">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_5" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
@@ -3078,7 +3166,7 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_15" rx="7" ry="7" x="0" y="0" width="396" height="114">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_eu" src="n_upper_banner_eu.png" srcset="n_upper_banner_eu.png 1x, n_upper_banner_eu@2x.png 2x">
+	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2new_created_limit.html b/public/flukemoni/Ex2/T2new_created_limit.html
old mode 100644
new mode 100755
index 07ddadb..ddded1b
--- a/public/flukemoni/Ex2/T2new_created_limit.html
+++ b/public/flukemoni/Ex2/T2new_created_limit.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nn {
+	#n_31_qu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_qu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 599px;
+	}
+	#n_17_qv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_qw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,15 +96,19 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nn {
+	.rectangle_5_qw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
 		height: 31px;
 		left: 20px;
 		top: 46px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: T9_TIACAT6ACHANNEL.html;
+		cursor: pointer;
 	}
-	#n_upper_banner_no {
+	#n_upper_banner_qx {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3032,11 +3072,19 @@ window.application = new Application();
 <div id="T2new_created_limit">
 	<img id="T2new_created_limit_select" src="T2new_created_limit_select.png" srcset="T2new_created_limit_select.png 1x, T2new_created_limit_select@2x.png 2x">
 		
-	<svg class="rectangle_5_nn">
-		<rect id="rectangle_5_nn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_qu">
+		<ellipse id="n_31_qu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_qv">
+		<ellipse id="n_17_qv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_no" src="n_upper_banner_no.png" srcset="n_upper_banner_no.png 1x, n_upper_banner_no@2x.png 2x">
+	<img id="n_upper_banner_qx" src="n_upper_banner_qx.png" srcset="n_upper_banner_qx.png 1x, n_upper_banner_qx@2x.png 2x">
 		
 	<svg class="current">
 		<rect id="current" rx="0" ry="0" x="0" y="0" width="439" height="114">
diff --git a/public/flukemoni/Ex2/T2new_created_limit___1.html b/public/flukemoni/Ex2/T2new_created_limit___1.html
old mode 100644
new mode 100755
index 875cf7a..51c62c2
--- a/public/flukemoni/Ex2/T2new_created_limit___1.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pf {
+	#n_31_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_ta {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ta {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 400px;
+		top: 599px;
+	}
+	#rectangle_5_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pf {
+	.rectangle_5_s {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T9iso11801_pl2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_pg {
+	#n_upper_banner_s {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_ph {
+	#current_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.current_ph {
+	.current_s {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -98,7 +134,7 @@
 		left: 27px;
 		top: 98px;
 	}
-	#choose_pi {
+	#choose_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_pi {
+	.choose_s {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3036,18 +3072,26 @@ window.application = new Application();
 <div id="T2new_created_limit__1">
 	<img id="iso_11801_change_limits" src="iso_11801_change_limits.png" srcset="iso_11801_change_limits.png 1x, iso_11801_change_limits@2x.png 2x">
 		
-	<svg class="rectangle_5_pf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_s">
+		<ellipse id="n_31_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_ta">
+		<ellipse id="n_31_ta" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_s">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_s" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pg" src="n_upper_banner_pg.png" srcset="n_upper_banner_pg.png 1x, n_upper_banner_pg@2x.png 2x">
+	<img id="n_upper_banner_s" src="n_upper_banner_s.png" srcset="n_upper_banner_s.png 1x, n_upper_banner_s@2x.png 2x">
 		
-	<svg class="current_ph">
-		<rect id="current_ph" rx="0" ry="0" x="0" y="0" width="439" height="114">
+	<svg class="current_s">
+		<rect id="current_s" rx="0" ry="0" x="0" y="0" width="439" height="114">
 		</rect>
 	</svg>
-	<svg class="choose_pi">
-		<rect onclick="application.goToTargetView(event)" id="choose_pi" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_s">
+		<rect onclick="application.goToTargetView(event)" id="choose_s" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___2.html b/public/flukemoni/Ex2/T2new_created_limit___2.html
old mode 100644
new mode 100755
index 6474106..ddf3584
--- a/public/flukemoni/Ex2/T2new_created_limit___2.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___2.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qr {
+	#n_31_un {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_un {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_uo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_uo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 402px;
+		top: 599px;
+	}
+	#rectangle_5_up {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qr {
+	.rectangle_5_up {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T9iso11801_pl3___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_qs {
+	#n_upper_banner_uq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_qt {
+	#current_ur {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.current_qt {
+	.current_ur {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -98,7 +134,7 @@
 		left: 27px;
 		top: 98px;
 	}
-	#choose_qu {
+	#choose_us {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_qu {
+	.choose_us {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3036,18 +3072,26 @@ window.application = new Application();
 <div id="T2new_created_limit__2">
 	<img id="iso_11801_change_limits_1" src="iso_11801_change_limits_1.png" srcset="iso_11801_change_limits_1.png 1x, iso_11801_change_limits_1@2x.png 2x">
 		
-	<svg class="rectangle_5_qr">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_un">
+		<ellipse id="n_31_un" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_uo">
+		<ellipse id="n_31_uo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_up">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_up" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_qs" src="n_upper_banner_qs.png" srcset="n_upper_banner_qs.png 1x, n_upper_banner_qs@2x.png 2x">
+	<img id="n_upper_banner_uq" src="n_upper_banner_uq.png" srcset="n_upper_banner_uq.png 1x, n_upper_banner_uq@2x.png 2x">
 		
-	<svg class="current_qt">
-		<rect id="current_qt" rx="0" ry="0" x="0" y="0" width="439" height="114">
+	<svg class="current_ur">
+		<rect id="current_ur" rx="0" ry="0" x="0" y="0" width="439" height="114">
 		</rect>
 	</svg>
-	<svg class="choose_qu">
-		<rect onclick="application.goToTargetView(event)" id="choose_qu" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_us">
+		<rect onclick="application.goToTargetView(event)" id="choose_us" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___3.html b/public/flukemoni/Ex2/T2new_created_limit___3.html
old mode 100644
new mode 100755
index 872b876..b95e33a
--- a/public/flukemoni/Ex2/T2new_created_limit___3.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___3.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sj {
+	#n_31_ws {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ws {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_wt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 400px;
+		top: 599px;
+	}
+	#rectangle_5_wu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sj {
+	.rectangle_5_wu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: 2_5G_Base_T.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_sk {
+	#n_upper_banner_wv {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_sl {
+	#current_ww {
 		opacity: 0;
 		position: absolute;
 		width: 439px;
@@ -89,7 +125,7 @@
 		top: 98px;
 		overflow: visible;
 	}
-	#choose_sm {
+	#choose_wx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -99,7 +135,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_sm {
+	.choose_wx {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3027,16 +3063,24 @@ window.application = new Application();
 <div id="T2new_created_limit__3">
 	<img id="change_to_25GBase-T" src="change_to_25GBase-T.png" srcset="change_to_25GBase-T.png 1x, change_to_25GBase-T@2x.png 2x">
 		
-	<svg class="rectangle_5_sj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sj" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_ws">
+		<ellipse id="n_31_ws" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_wt">
+		<ellipse id="n_31_wt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_wu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_sk" src="n_upper_banner_sk.png" srcset="n_upper_banner_sk.png 1x, n_upper_banner_sk@2x.png 2x">
+	<img id="n_upper_banner_wv" src="n_upper_banner_wv.png" srcset="n_upper_banner_wv.png 1x, n_upper_banner_wv@2x.png 2x">
 		
-	<img id="current_sl" src="current_sl.png" srcset="current_sl.png 1x, current_sl@2x.png 2x">
+	<img id="current_ww" src="current_ww.png" srcset="current_ww.png 1x, current_ww@2x.png 2x">
 		
-	<svg class="choose_sm">
-		<rect onclick="application.goToTargetView(event)" id="choose_sm" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_wx">
+		<rect onclick="application.goToTargetView(event)" id="choose_wx" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___4.html b/public/flukemoni/Ex2/T2new_created_limit___4.html
old mode 100644
new mode 100755
index 1d8c855..12ba89f
--- a/public/flukemoni/Ex2/T2new_created_limit___4.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___4.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_uu {
+	#n_36_zo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_zo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 599px;
+	}
+	#rectangle_5_zp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uu {
+	.rectangle_5_zp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_uv {
+	#n_upper_banner_zq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_uw {
+	#current_zr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.current_uw {
+	.current_zr {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -94,7 +112,7 @@
 		left: 27px;
 		top: 98px;
 	}
-	#choose_ux {
+	#choose_zs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_ux {
+	.choose_zs {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3032,18 +3050,22 @@ window.application = new Application();
 <div id="T2new_created_limit__4">
 	<img id="TIA_CAT_6A" src="TIA_CAT_6A.png" srcset="TIA_CAT_6A.png 1x, TIA_CAT_6A@2x.png 2x">
 		
-	<svg class="rectangle_5_uu">
-		<rect id="rectangle_5_uu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_zo">
+		<ellipse id="n_36_zo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_zp">
+		<rect id="rectangle_5_zp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_uv" src="n_upper_banner_uv.png" srcset="n_upper_banner_uv.png 1x, n_upper_banner_uv@2x.png 2x">
+	<img id="n_upper_banner_zq" src="n_upper_banner_zq.png" srcset="n_upper_banner_zq.png 1x, n_upper_banner_zq@2x.png 2x">
 		
-	<svg class="current_uw">
-		<rect id="current_uw" rx="0" ry="0" x="0" y="0" width="439" height="114">
+	<svg class="current_zr">
+		<rect id="current_zr" rx="0" ry="0" x="0" y="0" width="439" height="114">
 		</rect>
 	</svg>
-	<svg class="choose_ux">
-		<rect onclick="application.goToTargetView(event)" id="choose_ux" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_zs">
+		<rect onclick="application.goToTargetView(event)" id="choose_zs" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___5.html b/public/flukemoni/Ex2/T2new_created_limit___5.html
old mode 100644
new mode 100755
index bdb87f8..5103c4b
--- a/public/flukemoni/Ex2/T2new_created_limit___5.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___5.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wm {
+	#n_36_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 406px;
+		top: 599px;
+	}
+	#rectangle_5_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wm {
+	.rectangle_5_c {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T9iso11801_pl2___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_wn {
+	#n_upper_banner_bab {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_wo {
+	#current_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.current_wo {
+	.current_y {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -98,7 +134,7 @@
 		left: 27px;
 		top: 98px;
 	}
-	#choose_wp {
+	#choose_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_wp {
+	.choose_z {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3036,18 +3072,26 @@ window.application = new Application();
 <div id="T2new_created_limit__5">
 	<img id="iso_11801_pl2" src="iso_11801_pl2.png" srcset="iso_11801_pl2.png 1x, iso_11801_pl2@2x.png 2x">
 		
-	<svg class="rectangle_5_wm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_u">
+		<ellipse id="n_36_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_v">
+		<ellipse id="n_36_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_c">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_c" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_wn" src="n_upper_banner_wn.png" srcset="n_upper_banner_wn.png 1x, n_upper_banner_wn@2x.png 2x">
+	<img id="n_upper_banner_bab" src="n_upper_banner_bab.png" srcset="n_upper_banner_bab.png 1x, n_upper_banner_bab@2x.png 2x">
 		
-	<svg class="current_wo">
-		<rect id="current_wo" rx="0" ry="0" x="0" y="0" width="439" height="114">
+	<svg class="current_y">
+		<rect id="current_y" rx="0" ry="0" x="0" y="0" width="439" height="114">
 		</rect>
 	</svg>
-	<svg class="choose_wp">
-		<rect onclick="application.goToTargetView(event)" id="choose_wp" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_z">
+		<rect onclick="application.goToTargetView(event)" id="choose_z" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___6.html b/public/flukemoni/Ex2/T2new_created_limit___6.html
old mode 100644
new mode 100755
index 0de4d62..015a7a8
--- a/public/flukemoni/Ex2/T2new_created_limit___6.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___6.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_x {
+	#n_36_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 599px;
+	}
+	#rectangle_5_baf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_x {
+	.rectangle_5_baf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T9iso11801_pl3___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ya {
+	#n_upper_banner_bak {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_x {
+	#current_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.current_x {
+	.current_t {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -98,7 +134,7 @@
 		left: 27px;
 		top: 98px;
 	}
-	#choose_x {
+	#choose_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_x {
+	.choose_t {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3036,18 +3072,26 @@ window.application = new Application();
 <div id="T2new_created_limit__6">
 	<img id="iso_11801_pl3" src="iso_11801_pl3.png" srcset="iso_11801_pl3.png 1x, iso_11801_pl3@2x.png 2x">
 		
-	<svg class="rectangle_5_x">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_x" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_r">
+		<ellipse id="n_36_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_s">
+		<ellipse id="n_36_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ya" src="n_upper_banner_ya.png" srcset="n_upper_banner_ya.png 1x, n_upper_banner_ya@2x.png 2x">
+	<img id="n_upper_banner_bak" src="n_upper_banner_bak.png" srcset="n_upper_banner_bak.png 1x, n_upper_banner_bak@2x.png 2x">
 		
-	<svg class="current_x">
-		<rect id="current_x" rx="0" ry="0" x="0" y="0" width="439" height="114">
+	<svg class="current_t">
+		<rect id="current_t" rx="0" ry="0" x="0" y="0" width="439" height="114">
 		</rect>
 	</svg>
-	<svg class="choose_x">
-		<rect onclick="application.goToTargetView(event)" id="choose_x" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_t">
+		<rect onclick="application.goToTargetView(event)" id="choose_t" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___7.html b/public/flukemoni/Ex2/T2new_created_limit___7.html
old mode 100644
new mode 100755
index c943f13..2fb19b8
--- a/public/flukemoni/Ex2/T2new_created_limit___7.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___7.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_zn {
+	#n_36_bai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_baj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_baj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 599px;
+	}
+	#rectangle_5_bam {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_zn {
+	.rectangle_5_bam {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: 1000baset___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_zo {
+	#n_upper_banner_bas {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_zp {
+	#current_l {
 		opacity: 0;
 		position: absolute;
 		width: 439px;
@@ -89,7 +125,7 @@
 		top: 98px;
 		overflow: visible;
 	}
-	#choose_zq {
+	#choose_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -99,7 +135,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_zq {
+	.choose_m {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3027,16 +3063,24 @@ window.application = new Application();
 <div id="T2new_created_limit__7">
 	<img id="n_000baset_single" src="n_000baset_single.png" srcset="n_000baset_single.png 1x, n_000baset_single@2x.png 2x">
 		
-	<svg class="rectangle_5_zn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_zn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bai">
+		<ellipse id="n_36_bai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_baj">
+		<ellipse id="n_36_baj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bam">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bam" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_zo" src="n_upper_banner_zo.png" srcset="n_upper_banner_zo.png 1x, n_upper_banner_zo@2x.png 2x">
+	<img id="n_upper_banner_bas" src="n_upper_banner_bas.png" srcset="n_upper_banner_bas.png 1x, n_upper_banner_bas@2x.png 2x">
 		
-	<img id="current_zp" src="current_zp.png" srcset="current_zp.png 1x, current_zp@2x.png 2x">
+	<img id="current_l" src="current_l.png" srcset="current_l.png 1x, current_l@2x.png 2x">
 		
-	<svg class="choose_zq">
-		<rect onclick="application.goToTargetView(event)" id="choose_zq" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_m">
+		<rect onclick="application.goToTargetView(event)" id="choose_m" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit___8.html b/public/flukemoni/Ex2/T2new_created_limit___8.html
old mode 100644
new mode 100755
index e1c7614..6efd29a
--- a/public/flukemoni/Ex2/T2new_created_limit___8.html
+++ b/public/flukemoni/Ex2/T2new_created_limit___8.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_bab {
+	#n_31_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 400px;
+		top: 599px;
+	}
+	#rectangle_5_bax {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bab {
+	.rectangle_5_bax {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: profinet.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_bac {
+	#n_upper_banner_bbd {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#current_s {
+	#current_ {
 		opacity: 0;
 		position: absolute;
 		width: 439px;
@@ -89,7 +125,7 @@
 		top: 98px;
 		overflow: visible;
 	}
-	#choose_t {
+	#choose_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -99,7 +135,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_t {
+	.choose_b {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3027,16 +3063,24 @@ window.application = new Application();
 <div id="T2new_created_limit__8">
 	<img id="limit_profinet_change" src="limit_profinet_change.png" srcset="limit_profinet_change.png 1x, limit_profinet_change@2x.png 2x">
 		
-	<svg class="rectangle_5_bab">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bab" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_d">
+		<ellipse id="n_31_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_e">
+		<ellipse id="n_31_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bax">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bax" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bac" src="n_upper_banner_bac.png" srcset="n_upper_banner_bac.png 1x, n_upper_banner_bac@2x.png 2x">
+	<img id="n_upper_banner_bbd" src="n_upper_banner_bbd.png" srcset="n_upper_banner_bbd.png 1x, n_upper_banner_bbd@2x.png 2x">
 		
-	<img id="current_s" src="current_s.png" srcset="current_s.png 1x, current_s@2x.png 2x">
+	<img id="current_" src="current_.png" srcset="current_.png 1x, current_@2x.png 2x">
 		
-	<svg class="choose_t">
-		<rect onclick="application.goToTargetView(event)" id="choose_t" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_b">
+		<rect onclick="application.goToTargetView(event)" id="choose_b" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T2new_created_limit_select.png b/public/flukemoni/Ex2/T2new_created_limit_select.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T2new_created_limit_select@2x.png b/public/flukemoni/Ex2/T2new_created_limit_select@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T2operator.html b/public/flukemoni/Ex2/T2operator.html
old mode 100644
new mode 100755
index fd662bf..baf9256
--- a/public/flukemoni/Ex2/T2operator.html
+++ b/public/flukemoni/Ex2/T2operator.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fb {
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ft {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fb {
+	.rectangle_5_ft {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_fc {
+	#n_upper_banner_fu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2operator">
 	<img id="operator" src="operator.png" srcset="operator.png 1x, operator@2x.png 2x">
 		
-	<svg class="rectangle_5_fb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ft">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ft" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_fc" src="n_upper_banner_fc.png" srcset="n_upper_banner_fc.png 1x, n_upper_banner_fc@2x.png 2x">
+	<img id="n_upper_banner_fu" src="n_upper_banner_fu.png" srcset="n_upper_banner_fu.png 1x, n_upper_banner_fu@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2project.html b/public/flukemoni/Ex2/T2project.html
old mode 100644
new mode 100755
index 3e24c0a..2da6dfb
--- a/public/flukemoni/Ex2/T2project.html
+++ b/public/flukemoni/Ex2/T2project.html
@@ -50,6 +50,24 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17_es {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_es {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
 	#rectangle_3 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_em {
+	#n_upper_banner_eu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2project">
 	<img id="n_project" src="n_project.png" srcset="n_project.png 1x, n_project@2x.png 2x">
 		
+	<svg class="n_17_es">
+		<ellipse id="n_17_es" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_3">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_3" rx="0" ry="0" x="0" y="0" width="52" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_em" src="n_upper_banner_em.png" srcset="n_upper_banner_em.png 1x, n_upper_banner_em@2x.png 2x">
+	<img id="n_upper_banner_eu" src="n_upper_banner_eu.png" srcset="n_upper_banner_eu.png 1x, n_upper_banner_eu@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2result.html b/public/flukemoni/Ex2/T2result.html
old mode 100644
new mode 100755
index 53f32bb..a8f26d4
--- a/public/flukemoni/Ex2/T2result.html
+++ b/public/flukemoni/Ex2/T2result.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gq {
+	#n_31_hs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_hs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ht {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gq {
+	.rectangle_5_ht {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_gr {
+	#n_upper_banner_hu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2result">
 	<img id="n_results" src="n_results.png" srcset="n_results.png 1x, n_results@2x.png 2x">
 		
-	<svg class="rectangle_5_gq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_hs">
+		<ellipse id="n_31_hs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ht">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ht" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_gr" src="n_upper_banner_gr.png" srcset="n_upper_banner_gr.png 1x, n_upper_banner_gr@2x.png 2x">
+	<img id="n_upper_banner_hu" src="n_upper_banner_hu.png" srcset="n_upper_banner_hu.png 1x, n_upper_banner_hu@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2test_ID.html b/public/flukemoni/Ex2/T2test_ID.html
old mode 100644
new mode 100755
index 7a8e5f0..350b4f2
--- a/public/flukemoni/Ex2/T2test_ID.html
+++ b/public/flukemoni/Ex2/T2test_ID.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ey {
+	#n_17_fa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_fa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_fb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ey {
+	.rectangle_5_fb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ez {
+	#n_upper_banner_fc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T2test_ID">
 	<img id="n_change_ID" src="n_change_ID.png" srcset="n_change_ID.png 1x, n_change_ID@2x.png 2x">
 		
-	<svg class="rectangle_5_ey">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ey" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_fa">
+		<ellipse id="n_17_fa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_fb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ez" src="n_upper_banner_ez.png" srcset="n_upper_banner_ez.png 1x, n_upper_banner_ez@2x.png 2x">
+	<img id="n_upper_banner_fc" src="n_upper_banner_fc.png" srcset="n_upper_banner_fc.png 1x, n_upper_banner_fc@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T2unit.html b/public/flukemoni/Ex2/T2unit.html
old mode 100644
new mode 100755
index 88a4224..61823f9
--- a/public/flukemoni/Ex2/T2unit.html
+++ b/public/flukemoni/Ex2/T2unit.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_kg {
+	#rectangle_5_ml {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kg {
+	.rectangle_5_ml {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="T2unit">
-	<svg class="rectangle_5_kg">
-		<rect id="rectangle_5_kg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ml">
+		<rect id="rectangle_5_ml" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3adapter_main.html b/public/flukemoni/Ex2/T3adapter_main.html
old mode 100644
new mode 100755
index f03c3b6..37cbe1f
--- a/public/flukemoni/Ex2/T3adapter_main.html
+++ b/public/flukemoni/Ex2/T3adapter_main.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_je {
+	#n_17_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_30 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 596px;
+	}
+	#n_31_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 596px;
+	}
+	#n_32 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 596px;
+	}
+	#rectangle_5_lb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_je {
+	.rectangle_5_lb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#retangle_1_jf {
+	#retangle_1_lc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jf {
+	.retangle_1_lc {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main.html;
 		cursor: pointer;
 	}
-	#retangle_1_jg {
+	#retangle_1_ld {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jg {
+	.retangle_1_ld {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3module_main.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_jh {
+	#n_upper_banner_le {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ji {
+	#retangle_1_lf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ji {
+	.retangle_1_lf {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3adapter_main">
 	<img id="n_ver_adapter" src="n_ver_adapter.png" srcset="n_ver_adapter.png 1x, n_ver_adapter@2x.png 2x">
 		
-	<svg class="rectangle_5_je">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_je" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_k">
+		<ellipse id="n_17_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30">
+		<ellipse id="n_30" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_k">
+		<ellipse id="n_31_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32">
+		<ellipse id="n_32" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_lb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jf">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jf" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lc">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lc" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jg">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jg" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_ld">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ld" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_jh" src="n_upper_banner_jh.png" srcset="n_upper_banner_jh.png 1x, n_upper_banner_jh@2x.png 2x">
+	<img id="n_upper_banner_le" src="n_upper_banner_le.png" srcset="n_upper_banner_le.png 1x, n_upper_banner_le@2x.png 2x">
 		
-	<svg class="retangle_1_ji">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ji" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_lf">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lf" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3adapter_remote.html b/public/flukemoni/Ex2/T3adapter_remote.html
old mode 100644
new mode 100755
index 3abee64..d471dcb
--- a/public/flukemoni/Ex2/T3adapter_remote.html
+++ b/public/flukemoni/Ex2/T3adapter_remote.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ky {
+	#n_17_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_na {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_na {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 597px;
+	}
+	#n_17_nb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_nb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 597px;
+	}
+	#n_17_nc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_nc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 597px;
+	}
+	#rectangle_5_nc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ky {
+	.rectangle_5_nc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#retangle_1_kz {
+	#retangle_1_nd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_kz {
+	.retangle_1_nd {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -90,7 +162,7 @@
 		left: 389px;
 		top: 582px;
 	}
-	#retangle_1_k {
+	#retangle_1_ne {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_k {
+	.retangle_1_ne {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -108,7 +180,7 @@
 		left: 196px;
 		top: 582px;
 	}
-	#n_upper_banner_k {
+	#n_upper_banner_nf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -116,7 +188,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_la {
+	#retangle_1_ng {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_la {
+	.retangle_1_ng {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3054,22 +3126,38 @@ window.application = new Application();
 <div id="T3adapter_remote">
 	<img id="n_ver_adapter_remote" src="n_ver_adapter_remote.png" srcset="n_ver_adapter_remote.png 1x, n_ver_adapter_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_ky">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ky" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_m">
+		<ellipse id="n_17_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_na">
+		<ellipse id="n_17_na" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_nb">
+		<ellipse id="n_17_nb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_nc">
+		<ellipse id="n_17_nc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_nc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_kz">
-		<rect id="retangle_1_kz" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_nd">
+		<rect id="retangle_1_nd" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_k">
-		<rect id="retangle_1_k" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_ne">
+		<rect id="retangle_1_ne" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
+	<img id="n_upper_banner_nf" src="n_upper_banner_nf.png" srcset="n_upper_banner_nf.png 1x, n_upper_banner_nf@2x.png 2x">
 		
-	<svg class="retangle_1_la">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_la" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_ng">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ng" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3adjust_brightness.html b/public/flukemoni/Ex2/T3adjust_brightness.html
old mode 100644
new mode 100755
index 650faa0..9a5347f
--- a/public/flukemoni/Ex2/T3adjust_brightness.html
+++ b/public/flukemoni/Ex2/T3adjust_brightness.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kk {
+	#n_17_mp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_mp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_mq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kk {
+	.rectangle_5_mq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -96,7 +114,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_km {
+	#n_upper_banner_ms {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3020,15 +3038,19 @@ window.application = new Application();
 <div id="T3adjust_brightness">
 	<img id="n_adjust_brightness" src="n_adjust_brightness.png" srcset="n_adjust_brightness.png 1x, n_adjust_brightness@2x.png 2x">
 		
-	<svg class="rectangle_5_kk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kk" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_mp">
+		<ellipse id="n_17_mp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_mq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_lowerright_button">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_lowerright_button" rx="0" ry="0" x="0" y="0" width="60" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_km" src="n_upper_banner_km.png" srcset="n_upper_banner_km.png 1x, n_upper_banner_km@2x.png 2x">
+	<img id="n_upper_banner_ms" src="n_upper_banner_ms.png" srcset="n_upper_banner_ms.png 1x, n_upper_banner_ms@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3as_remote.html b/public/flukemoni/Ex2/T3as_remote.html
old mode 100644
new mode 100755
index 635fe0b..db213c7
--- a/public/flukemoni/Ex2/T3as_remote.html
+++ b/public/flukemoni/Ex2/T3as_remote.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_im {
+	#n_17_ka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 62px;
+		top: 602px;
+	}
+	#rectangle_5_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_im {
+	.rectangle_5_j {
 		position: absolute;
 		overflow: visible;
 		width: 145px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_in {
+	#n_upper_banner_ka {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3as_remote">
 	<img id="n_as_remote" src="n_as_remote.png" srcset="n_as_remote.png 1x, n_as_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_im">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_im" rx="0" ry="0" x="0" y="0" width="145" height="54">
+	<svg class="n_17_ka">
+		<ellipse id="n_17_ka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_j">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="145" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_in" src="n_upper_banner_in.png" srcset="n_upper_banner_in.png 1x, n_upper_banner_in@2x.png 2x">
+	<img id="n_upper_banner_ka" src="n_upper_banner_ka.png" srcset="n_upper_banner_ka.png 1x, n_upper_banner_ka@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3battery.html b/public/flukemoni/Ex2/T3battery.html
old mode 100644
new mode 100755
index f5504ae..42ea966
--- a/public/flukemoni/Ex2/T3battery.html
+++ b/public/flukemoni/Ex2/T3battery.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jx {
+	#n_17_ly {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ly {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_lz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jx {
+	.rectangle_5_lz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_jy {
+	#n_upper_banner_l {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3battery">
 	<img id="n_battery" src="n_battery.png" srcset="n_battery.png 1x, n_battery@2x.png 2x">
 		
-	<svg class="rectangle_5_jx">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jx" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ly">
+		<ellipse id="n_17_ly" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_lz">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_jy" src="n_upper_banner_jy.png" srcset="n_upper_banner_jy.png 1x, n_upper_banner_jy@2x.png 2x">
+	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3datetime.html b/public/flukemoni/Ex2/T3datetime.html
old mode 100644
new mode 100755
index 9cc8971..c5baf67
--- a/public/flukemoni/Ex2/T3datetime.html
+++ b/public/flukemoni/Ex2/T3datetime.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ka {
+	#n_17_ma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_mb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ka {
+	.rectangle_5_mb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ka {
+	#n_upper_banner_mc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3datetime">
 	<img id="n_datetime" src="n_datetime.png" srcset="n_datetime.png 1x, n_datetime@2x.png 2x">
 		
-	<svg class="rectangle_5_ka">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ka" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ma">
+		<ellipse id="n_17_ma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_mb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ka" src="n_upper_banner_ka.png" srcset="n_upper_banner_ka.png 1x, n_upper_banner_ka@2x.png 2x">
+	<img id="n_upper_banner_mc" src="n_upper_banner_mc.png" srcset="n_upper_banner_mc.png 1x, n_upper_banner_mc@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3diagnose.html b/public/flukemoni/Ex2/T3diagnose.html
old mode 100644
new mode 100755
index 056a007..c35b485
--- a/public/flukemoni/Ex2/T3diagnose.html
+++ b/public/flukemoni/Ex2/T3diagnose.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_g {
+	#n_16_h {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 491px;
+	}
+	#rectangle_5_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_g {
+	.rectangle_5_ia {
 		position: absolute;
 		overflow: visible;
 		width: 59px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_g {
+	#n_upper_banner_ia {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3diagnose">
 	<img id="n_" src="n_.png" srcset="n_.png 1x, n_@2x.png 2x">
 		
-	<svg class="rectangle_5_g">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_g" rx="7" ry="7" x="0" y="0" width="59" height="51">
+	<svg class="n_16_h">
+		<ellipse id="n_16_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ia">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ia" rx="7" ry="7" x="0" y="0" width="59" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_g" src="n_upper_banner_g.png" srcset="n_upper_banner_g.png 1x, n_upper_banner_g@2x.png 2x">
+	<img id="n_upper_banner_ia" src="n_upper_banner_ia.png" srcset="n_upper_banner_ia.png 1x, n_upper_banner_ia@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3inspector.html b/public/flukemoni/Ex2/T3inspector.html
old mode 100644
new mode 100755
index c1ef489..4bf856a
--- a/public/flukemoni/Ex2/T3inspector.html
+++ b/public/flukemoni/Ex2/T3inspector.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ir {
+	#n_17_kd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_kd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ke {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ir {
+	.rectangle_5_ke {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_is {
+	#n_upper_banner_kf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3inspector">
 	<img id="n_fiberinspector" src="n_fiberinspector.png" srcset="n_fiberinspector.png 1x, n_fiberinspector@2x.png 2x">
 		
-	<svg class="rectangle_5_ir">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ir" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_kd">
+		<ellipse id="n_17_kd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ke">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ke" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_is" src="n_upper_banner_is.png" srcset="n_upper_banner_is.png 1x, n_upper_banner_is@2x.png 2x">
+	<img id="n_upper_banner_kf" src="n_upper_banner_kf.png" srcset="n_upper_banner_kf.png 1x, n_upper_banner_kf@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3language.html b/public/flukemoni/Ex2/T3language.html
old mode 100644
new mode 100755
index 0d5786e..aad4dbc
--- a/public/flukemoni/Ex2/T3language.html
+++ b/public/flukemoni/Ex2/T3language.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_j {
+	#n_17_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_j {
+	.rectangle_5_l {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_j {
+	#n_upper_banner_ma {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3language">
 	<img id="n_language" src="n_language.png" srcset="n_language.png 1x, n_language@2x.png 2x">
 		
-	<svg class="rectangle_5_j">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_l">
+		<ellipse id="n_17_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_l">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
+	<img id="n_upper_banner_ma" src="n_upper_banner_ma.png" srcset="n_upper_banner_ma.png 1x, n_upper_banner_ma@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3law_and_rules.html b/public/flukemoni/Ex2/T3law_and_rules.html
old mode 100644
new mode 100755
index 08e5f05..a78694a
--- a/public/flukemoni/Ex2/T3law_and_rules.html
+++ b/public/flukemoni/Ex2/T3law_and_rules.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kc {
+	#n_17_mg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_mg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_mh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kc {
+	.rectangle_5_mh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -73,7 +91,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_kd {
+	#n_upper_banner_mi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2997,11 +3015,15 @@ window.application = new Application();
 <div id="T3law_and_rules">
 	<img id="n_law_and_rules" src="n_law_and_rules.png" srcset="n_law_and_rules.png 1x, n_law_and_rules@2x.png 2x">
 		
-	<svg class="rectangle_5_kc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_mg">
+		<ellipse id="n_17_mg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_mh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_kd" src="n_upper_banner_kd.png" srcset="n_upper_banner_kd.png 1x, n_upper_banner_kd@2x.png 2x">
+	<img id="n_upper_banner_mi" src="n_upper_banner_mi.png" srcset="n_upper_banner_mi.png 1x, n_upper_banner_mi@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3lwl.html b/public/flukemoni/Ex2/T3lwl.html
old mode 100644
new mode 100755
index aad5678..6faee40
--- a/public/flukemoni/Ex2/T3lwl.html
+++ b/public/flukemoni/Ex2/T3lwl.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_LWL_iv {
+	#n_LWL_ki {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_iw {
+	#n_17_kj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_kj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_kk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_iw {
+	.rectangle_5_kk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ix {
+	#n_upper_banner_kl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3lwl">
-	<img id="n_LWL_iv" src="n_LWL_iv.png" srcset="n_LWL_iv.png 1x, n_LWL_iv@2x.png 2x">
+	<img id="n_LWL_ki" src="n_LWL_ki.png" srcset="n_LWL_ki.png 1x, n_LWL_ki@2x.png 2x">
 		
-	<svg class="rectangle_5_iw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_kj">
+		<ellipse id="n_17_kj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_kk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ix" src="n_upper_banner_ix.png" srcset="n_upper_banner_ix.png 1x, n_upper_banner_ix@2x.png 2x">
+	<img id="n_upper_banner_kl" src="n_upper_banner_kl.png" srcset="n_upper_banner_kl.png 1x, n_upper_banner_kl@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3memory.html b/public/flukemoni/Ex2/T3memory.html
old mode 100644
new mode 100755
index 781a452..2cbb389
--- a/public/flukemoni/Ex2/T3memory.html
+++ b/public/flukemoni/Ex2/T3memory.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hz {
+	#n_17_jd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_jd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_je {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hz {
+	.rectangle_5_je {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_h {
+	#n_upper_banner_jf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3memory">
 	<img id="n_memory" src="n_memory.png" srcset="n_memory.png 1x, n_memory@2x.png 2x">
 		
-	<svg class="rectangle_5_hz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_jd">
+		<ellipse id="n_17_jd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_je">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_je" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_h" src="n_upper_banner_h.png" srcset="n_upper_banner_h.png 1x, n_upper_banner_h@2x.png 2x">
+	<img id="n_upper_banner_jf" src="n_upper_banner_jf.png" srcset="n_upper_banner_jf.png 1x, n_upper_banner_jf@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3module_main.html b/public/flukemoni/Ex2/T3module_main.html
old mode 100644
new mode 100755
index 5636f23..4f70f30
--- a/public/flukemoni/Ex2/T3module_main.html
+++ b/public/flukemoni/Ex2/T3module_main.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jm {
+	#n_17_lj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_lj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_27_lk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_lk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_28_ll {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_ll {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_29 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_ln {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jm {
+	.rectangle_5_ln {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#retangle_1_jn {
+	#retangle_1_lo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jn {
+	.retangle_1_lo {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3version_main.html;
 		cursor: pointer;
 	}
-	#retangle_1_jo {
+	#retangle_1_lp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jo {
+	.retangle_1_lp {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_jp {
+	#n_upper_banner_lq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_jq {
+	#retangle_1_lr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_jq {
+	.retangle_1_lr {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3module_main">
 	<img id="n_ver_module_main" src="n_ver_module_main.png" srcset="n_ver_module_main.png 1x, n_ver_module_main@2x.png 2x">
 		
-	<svg class="rectangle_5_jm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_lj">
+		<ellipse id="n_17_lj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27_lk">
+		<ellipse id="n_27_lk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28_ll">
+		<ellipse id="n_28_ll" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29">
+		<ellipse id="n_29" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ln">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ln" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jn">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jn" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lo">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lo" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_jo">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jo" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_lp">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lp" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_jp" src="n_upper_banner_jp.png" srcset="n_upper_banner_jp.png 1x, n_upper_banner_jp@2x.png 2x">
+	<img id="n_upper_banner_lq" src="n_upper_banner_lq.png" srcset="n_upper_banner_lq.png 1x, n_upper_banner_lq@2x.png 2x">
 		
-	<svg class="retangle_1_jq">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_jq" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_lr">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_lr" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3module_remote.html b/public/flukemoni/Ex2/T3module_remote.html
old mode 100644
new mode 100755
index c8ed6c4..131f3e4
--- a/public/flukemoni/Ex2/T3module_remote.html
+++ b/public/flukemoni/Ex2/T3module_remote.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_k {
+	#n_17_nk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_nk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_21_nl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_21_nl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 599px;
+	}
+	#n_22_nm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_nm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 226px;
+		top: 599px;
+	}
+	#n_23_nn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_nn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_no {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_k {
+	.rectangle_5_no {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#retangle_1_lb {
+	#retangle_1_np {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_lb {
+	.retangle_1_np {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -90,7 +162,7 @@
 		left: 387px;
 		top: 582px;
 	}
-	#retangle_1_lc {
+	#retangle_1_nq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_lc {
+	.retangle_1_nq {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -108,7 +180,7 @@
 		left: 196px;
 		top: 584px;
 	}
-	#n_upper_banner_la {
+	#n_upper_banner_nr {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -116,7 +188,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ld {
+	#retangle_1_ns {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ld {
+	.retangle_1_ns {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3054,22 +3126,38 @@ window.application = new Application();
 <div id="T3module_remote">
 	<img id="n_ver_module_remote" src="n_ver_module_remote.png" srcset="n_ver_module_remote.png 1x, n_ver_module_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_k">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_nk">
+		<ellipse id="n_17_nk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_21_nl">
+		<ellipse id="n_21_nl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_nm">
+		<ellipse id="n_22_nm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_nn">
+		<ellipse id="n_23_nn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_no">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_no" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_lb">
-		<rect id="retangle_1_lb" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_np">
+		<rect id="retangle_1_np" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_lc">
-		<rect id="retangle_1_lc" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_nq">
+		<rect id="retangle_1_nq" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_la" src="n_upper_banner_la.png" srcset="n_upper_banner_la.png 1x, n_upper_banner_la@2x.png 2x">
+	<img id="n_upper_banner_nr" src="n_upper_banner_nr.png" srcset="n_upper_banner_nr.png 1x, n_upper_banner_nr@2x.png 2x">
 		
-	<svg class="retangle_1_ld">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ld" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_ns">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_ns" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3networks.html b/public/flukemoni/Ex2/T3networks.html
old mode 100644
new mode 100755
index b0548d6..29db0c7
--- a/public/flukemoni/Ex2/T3networks.html
+++ b/public/flukemoni/Ex2/T3networks.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_i {
+	#n_17_kp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_kp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_kq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_i {
+	.rectangle_5_kq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_i {
+	#n_upper_banner_kr {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T3networks">
 	<img id="n_networks" src="n_networks.png" srcset="n_networks.png 1x, n_networks@2x.png 2x">
 		
-	<svg class="rectangle_5_i">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_kp">
+		<ellipse id="n_17_kp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_kq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_i" src="n_upper_banner_i.png" srcset="n_upper_banner_i.png 1x, n_upper_banner_i@2x.png 2x">
+	<img id="n_upper_banner_kr" src="n_upper_banner_kr.png" srcset="n_upper_banner_kr.png 1x, n_upper_banner_kr@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3new_test.html b/public/flukemoni/Ex2/T3new_test.html
old mode 100644
new mode 100755
index 634bb3f..4b8c174
--- a/public/flukemoni/Ex2/T3new_test.html
+++ b/public/flukemoni/Ex2/T3new_test.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fj {
+	#n_17_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_26_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 101px;
+	}
+	#n_27_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 141px;
+	}
+	#n_28_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 236px;
+	}
+	#rectangle_5_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fj {
+	.rectangle_5_f {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_fk {
+	#n_upper_banner_f {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +152,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#module_select_button_fl {
+	#module_select_button_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.module_select_button_fl {
+	.module_select_button_f {
 		position: absolute;
 		overflow: visible;
 		width: 254px;
@@ -102,7 +174,7 @@
 		--web-action-target: T4module_selection.html;
 		cursor: pointer;
 	}
-	#cable_type_button_fm {
+	#cable_type_button_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cable_type_button_fm {
+	.cable_type_button_f {
 		position: absolute;
 		overflow: visible;
 		width: 405px;
@@ -124,7 +196,7 @@
 		--web-action-target: T4last_used.html;
 		cursor: pointer;
 	}
-	#cable_type_button_fn {
+	#cable_type_button_ga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cable_type_button_fn {
+	.cable_type_button_ga {
 		position: absolute;
 		overflow: visible;
 		width: 405px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="T3new_test">
 	<img id="n_new_test_setting" src="n_new_test_setting.png" srcset="n_new_test_setting.png 1x, n_new_test_setting@2x.png 2x">
 		
-	<svg class="rectangle_5_fj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fj" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_f">
+		<ellipse id="n_17_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26_f">
+		<ellipse id="n_26_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27_f">
+		<ellipse id="n_27_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28_f">
+		<ellipse id="n_28_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_f">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_f" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_fk" src="n_upper_banner_fk.png" srcset="n_upper_banner_fk.png 1x, n_upper_banner_fk@2x.png 2x">
+	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
 		
-	<svg class="module_select_button_fl">
-		<rect onclick="application.goToTargetView(event)" id="module_select_button_fl" rx="10" ry="10" x="0" y="0" width="254" height="40">
+	<svg class="module_select_button_f">
+		<rect onclick="application.goToTargetView(event)" id="module_select_button_f" rx="10" ry="10" x="0" y="0" width="254" height="40">
 		</rect>
 	</svg>
-	<svg class="cable_type_button_fm">
-		<rect onclick="application.goToTargetView(event)" id="cable_type_button_fm" rx="9" ry="9" x="0" y="0" width="405" height="40">
+	<svg class="cable_type_button_f">
+		<rect onclick="application.goToTargetView(event)" id="cable_type_button_f" rx="9" ry="9" x="0" y="0" width="405" height="40">
 		</rect>
 	</svg>
-	<svg class="cable_type_button_fn">
-		<rect onclick="application.goToTargetView(event)" id="cable_type_button_fn" rx="9" ry="9" x="0" y="0" width="405" height="40">
+	<svg class="cable_type_button_ga">
+		<rect onclick="application.goToTargetView(event)" id="cable_type_button_ga" rx="9" ry="9" x="0" y="0" width="405" height="40">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3set_reference.html b/public/flukemoni/Ex2/T3set_reference.html
old mode 100644
new mode 100755
index dc7f093..a2c7369
--- a/public/flukemoni/Ex2/T3set_reference.html
+++ b/public/flukemoni/Ex2/T3set_reference.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gv {
+	#n_16_hy {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_hy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_16_hz {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_hz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 605px;
+	}
+	#rectangle_5_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gv {
+	.rectangle_5_h {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -95,7 +131,7 @@
 		--web-action-target: T3set_reference__in_processing.html;
 		cursor: pointer;
 	}
-	#rectangle_22_gx {
+	#rectangle_22_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -105,7 +141,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_gx {
+	.rectangle_22_h {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -113,7 +149,7 @@
 		left: 197px;
 		top: 583px;
 	}
-	#n_upper_banner_gy {
+	#n_upper_banner_h {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3037,19 +3073,27 @@ window.application = new Application();
 <div id="T3set_reference">
 	<img id="n_set_reference" src="n_set_reference.png" srcset="n_set_reference.png 1x, n_set_reference@2x.png 2x">
 		
-	<svg class="rectangle_5_gv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_hy">
+		<ellipse id="n_16_hy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_hz">
+		<ellipse id="n_16_hz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_h">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_h" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_22">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_22" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_gx">
-		<rect id="rectangle_22_gx" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_h">
+		<rect id="rectangle_22_h" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_gy" src="n_upper_banner_gy.png" srcset="n_upper_banner_gy.png 1x, n_upper_banner_gy@2x.png 2x">
+	<img id="n_upper_banner_h" src="n_upper_banner_h.png" srcset="n_upper_banner_h.png 1x, n_upper_banner_h@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3set_reference__in_processing.html b/public/flukemoni/Ex2/T3set_reference__in_processing.html
old mode 100644
new mode 100755
index 71feb2e..65e0f56
--- a/public/flukemoni/Ex2/T3set_reference__in_processing.html
+++ b/public/flukemoni/Ex2/T3set_reference__in_processing.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_set_reference_ld {
+	#n_set_reference_nv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: T3set_reference__in_processing___1.html;
 		cursor: pointer;
 	}
-	#rectangle_5_le {
+	#n_16_nw {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_nw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 359px;
+		top: 475px;
+	}
+	#rectangle_5_nx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_le {
+	.rectangle_5_nx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_lf {
+	#n_upper_banner_ny {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +98,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_3 {
+	#n_3_nz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_3 {
+	.n_3_nz {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3016,16 +3034,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3set_reference_in_processing">
-	<img onclick="application.goToTargetView(event)" id="n_set_reference_ld" src="n_set_reference_ld.png" srcset="n_set_reference_ld.png 1x, n_set_reference_ld@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="n_set_reference_nv" src="n_set_reference_nv.png" srcset="n_set_reference_nv.png 1x, n_set_reference_nv@2x.png 2x">
 		
-	<svg class="rectangle_5_le">
-		<rect id="rectangle_5_le" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_nw">
+		<ellipse id="n_16_nw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_nx">
+		<rect id="rectangle_5_nx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_lf" src="n_upper_banner_lf.png" srcset="n_upper_banner_lf.png 1x, n_upper_banner_lf@2x.png 2x">
+	<img id="n_upper_banner_ny" src="n_upper_banner_ny.png" srcset="n_upper_banner_ny.png 1x, n_upper_banner_ny@2x.png 2x">
 		
-	<svg class="n_3">
-		<rect onclick="application.goToTargetView(event)" id="n_3" rx="17" ry="17" x="0" y="0" width="64" height="51">
+	<svg class="n_3_nz">
+		<rect onclick="application.goToTargetView(event)" id="n_3_nz" rx="17" ry="17" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3set_reference__in_processing___1.html b/public/flukemoni/Ex2/T3set_reference__in_processing___1.html
old mode 100644
new mode 100755
index c9c48d9..28ff4aa
--- a/public/flukemoni/Ex2/T3set_reference__in_processing___1.html
+++ b/public/flukemoni/Ex2/T3set_reference__in_processing___1.html
@@ -44,7 +44,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lk {
+	#n_16_n {
+		opacity: 0.5;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#rectangle_5_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -54,7 +72,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lk {
+	.rectangle_5_n {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -62,7 +80,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#rectangle_22_ll {
+	#rectangle_22_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_ll {
+	.rectangle_22_n {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -80,7 +98,7 @@
 		left: 402px;
 		top: 583px;
 	}
-	#n_upper_banner_lm {
+	#n_upper_banner_n {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -88,7 +106,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_22_ln {
+	#rectangle_22_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +116,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_22_ln {
+	.rectangle_22_oa {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -3026,18 +3044,22 @@ window.application = new Application();
 <div id="T3set_reference_in_processing__1">
 	<img id="n_set_reference_finished" src="n_set_reference_finished.png" srcset="n_set_reference_finished.png 1x, n_set_reference_finished@2x.png 2x">
 		
-	<svg class="rectangle_5_lk">
-		<rect id="rectangle_5_lk" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_16_n">
+		<ellipse id="n_16_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_n">
+		<rect id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_22_ll">
-		<rect id="rectangle_22_ll" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_n">
+		<rect id="rectangle_22_n" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_lm" src="n_upper_banner_lm.png" srcset="n_upper_banner_lm.png 1x, n_upper_banner_lm@2x.png 2x">
+	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
 		
-	<svg class="rectangle_22_ln">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_22_ln" rx="0" ry="0" x="0" y="0" width="62" height="54">
+	<svg class="rectangle_22_oa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_22_oa" rx="0" ry="0" x="0" y="0" width="62" height="54">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3single_test.html b/public/flukemoni/Ex2/T3single_test.html
old mode 100644
new mode 100755
index 60b7639..f53b1b7
--- a/public/flukemoni/Ex2/T3single_test.html
+++ b/public/flukemoni/Ex2/T3single_test.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__g {
+	#n__ic {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ha {
+	#n_1_id {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_id {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_ie {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ie {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 125px;
+	}
+	#n_18_if {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_if {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 181px;
+	}
+	#n_19_ig {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_19_ig {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 378px;
+		top: 237px;
+	}
+	#rectangle_5_ih {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ha {
+	.rectangle_5_ih {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -138,7 +210,7 @@
 		--web-action-target: T4lenth.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hb {
+	#n_upper_banner_il {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3060,10 +3132,26 @@ window.application = new Application();
 </head>
 <body>
 <div id="T3single_test">
-	<img id="n__g" src="n__g.png" srcset="n__g.png 1x, n__g@2x.png 2x">
+	<img id="n__ic" src="n__ic.png" srcset="n__ic.png 1x, n__ic@2x.png 2x">
 		
-	<svg class="rectangle_5_ha">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ha" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_1_id">
+		<ellipse id="n_1_id" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ie">
+		<ellipse id="n_17_ie" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_if">
+		<ellipse id="n_18_if" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_19_ig">
+		<ellipse id="n_19_ig" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ih">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ih" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle_16">
@@ -3078,7 +3166,7 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_18" rx="6" ry="6" x="0" y="0" width="442" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hb" src="n_upper_banner_hb.png" srcset="n_upper_banner_hb.png 1x, n_upper_banner_hb@2x.png 2x">
+	<img id="n_upper_banner_il" src="n_upper_banner_il.png" srcset="n_upper_banner_il.png 1x, n_upper_banner_il@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3testing_setting.html b/public/flukemoni/Ex2/T3testing_setting.html
old mode 100644
new mode 100755
index 0eb2e27..c2b39ca
--- a/public/flukemoni/Ex2/T3testing_setting.html
+++ b/public/flukemoni/Ex2/T3testing_setting.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_e {
+	#n_17_fg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_fg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_26 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 101px;
+	}
+	#n_27 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 141px;
+	}
+	#n_28 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 236px;
+	}
+	#rectangle_5_fk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_e {
+	.rectangle_5_fk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_e {
+	#n_upper_banner_fl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -124,7 +196,7 @@
 		--web-action-target: T4last_used.html;
 		cursor: pointer;
 	}
-	#cable_type_button_e {
+	#cable_type_button_fo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cable_type_button_e {
+	.cable_type_button_fo {
 		position: absolute;
 		overflow: visible;
 		width: 405px;
@@ -3062,11 +3134,27 @@ window.application = new Application();
 <div id="T3testing_setting">
 	<img id="n_test_setting" src="n_test_setting.png" srcset="n_test_setting.png 1x, n_test_setting@2x.png 2x">
 		
-	<svg class="rectangle_5_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_e" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_fg">
+		<ellipse id="n_17_fg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26">
+		<ellipse id="n_26" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27">
+		<ellipse id="n_27" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28">
+		<ellipse id="n_28" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_fk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
+	<img id="n_upper_banner_fl" src="n_upper_banner_fl.png" srcset="n_upper_banner_fl.png 1x, n_upper_banner_fl@2x.png 2x">
 		
 	<svg class="module_select_button">
 		<rect onclick="application.goToTargetView(event)" id="module_select_button" rx="10" ry="10" x="0" y="0" width="254" height="40">
@@ -3076,8 +3164,8 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="cable_type_button" rx="9" ry="9" x="0" y="0" width="405" height="40">
 		</rect>
 	</svg>
-	<svg class="cable_type_button_e">
-		<rect onclick="application.goToTargetView(event)" id="cable_type_button_e" rx="9" ry="9" x="0" y="0" width="405" height="40">
+	<svg class="cable_type_button_fo">
+		<rect onclick="application.goToTargetView(event)" id="cable_type_button_fo" rx="9" ry="9" x="0" y="0" width="405" height="40">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T3tone_generator.html b/public/flukemoni/Ex2/T3tone_generator.html
old mode 100644
new mode 100755
index 68d89c1..dfcc920
--- a/public/flukemoni/Ex2/T3tone_generator.html
+++ b/public/flukemoni/Ex2/T3tone_generator.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_h {
+	#n_17_jj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_jj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_jk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_jk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#n_20_jl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_jl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 414px;
+		top: 599px;
+	}
+	#rectangle_5_jm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +114,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_h {
+	.rectangle_5_jm {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -116,7 +170,7 @@
 		--web-action-target: T4change_tone.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ia {
+	#n_upper_banner_jp {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3040,8 +3094,20 @@ window.application = new Application();
 <div id="T3tone_generator">
 	<img id="n_tone_generator" src="n_tone_generator.png" srcset="n_tone_generator.png 1x, n_tone_generator@2x.png 2x">
 		
-	<svg class="rectangle_5_h">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_h" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_jj">
+		<ellipse id="n_17_jj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_jk">
+		<ellipse id="n_17_jk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_jl">
+		<ellipse id="n_20_jl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_jm">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jm" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="rectangle19">
@@ -3052,7 +3118,7 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_21" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ia" src="n_upper_banner_ia.png" srcset="n_upper_banner_ia.png 1x, n_upper_banner_ia@2x.png 2x">
+	<img id="n_upper_banner_jp" src="n_upper_banner_jp.png" srcset="n_upper_banner_jp.png 1x, n_upper_banner_jp@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3version_main.html b/public/flukemoni/Ex2/T3version_main.html
old mode 100644
new mode 100755
index 99652b9..a59688f
--- a/public/flukemoni/Ex2/T3version_main.html
+++ b/public/flukemoni/Ex2/T3version_main.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ja {
+	#n_17_kv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_kv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_33 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 600px;
+	}
+	#n_34 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 227px;
+		top: 600px;
+	}
+	#n_35 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 600px;
+	}
+	#rectangle_5_kz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ja {
+	.rectangle_5_kz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +166,7 @@
 		--web-action-target: T3module_main.html;
 		cursor: pointer;
 	}
-	#retangle_1_i {
+	#retangle_1_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_i {
+	.retangle_1_k {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -116,7 +188,7 @@
 		--web-action-target: T3adapter_main.html;
 		cursor: pointer;
 	}
-	#retangle_1_ja {
+	#retangle_1_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ja {
+	.retangle_1_la {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -138,7 +210,7 @@
 		--web-action-target: T3version_remote.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ja {
+	#n_upper_banner_k {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3062,23 +3134,39 @@ window.application = new Application();
 <div id="T3version_main">
 	<img id="n_ver_main" src="n_ver_main.png" srcset="n_ver_main.png 1x, n_ver_main@2x.png 2x">
 		
-	<svg class="rectangle_5_ja">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ja" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_kv">
+		<ellipse id="n_17_kv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33">
+		<ellipse id="n_33" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34">
+		<ellipse id="n_34" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35">
+		<ellipse id="n_35" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_kz">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="retangle_1">
 		<rect onclick="application.goToTargetView(event)" id="retangle_1" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_i">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_i" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_k">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_k" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_ja">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ja" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_la">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_la" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ja" src="n_upper_banner_ja.png" srcset="n_upper_banner_ja.png 1x, n_upper_banner_ja@2x.png 2x">
+	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T3version_remote.html b/public/flukemoni/Ex2/T3version_remote.html
old mode 100644
new mode 100755
index 6f63b78..897b38d
--- a/public/flukemoni/Ex2/T3version_remote.html
+++ b/public/flukemoni/Ex2/T3version_remote.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kq {
+	#n_17_mw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_mw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_24_mx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_mx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 596px;
+	}
+	#n_25_my {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_my {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 597px;
+	}
+	#n_26_mz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_mz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 597px;
+	}
+	#rectangle_5_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kq {
+	.rectangle_5_m {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#retangle_1_kr {
+	#retangle_1_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_kr {
+	.retangle_1_m {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -90,7 +162,7 @@
 		left: 386px;
 		top: 582px;
 	}
-	#retangle_1_ks {
+	#retangle_1_na {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ks {
+	.retangle_1_na {
 		position: absolute;
 		overflow: visible;
 		width: 89px;
@@ -108,7 +180,7 @@
 		left: 193px;
 		top: 582px;
 	}
-	#n_upper_banner_kt {
+	#n_upper_banner_m {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -116,7 +188,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#retangle_1_ku {
+	#retangle_1_nb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.retangle_1_ku {
+	.retangle_1_nb {
 		width: 61px;
 		height: 50px;
 		position: absolute;
@@ -3054,22 +3126,38 @@ window.application = new Application();
 <div id="T3version_remote">
 	<img id="n_ver_remote" src="n_ver_remote.png" srcset="n_ver_remote.png 1x, n_ver_remote@2x.png 2x">
 		
-	<svg class="rectangle_5_kq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_mw">
+		<ellipse id="n_17_mw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_mx">
+		<ellipse id="n_24_mx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_my">
+		<ellipse id="n_25_my" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26_mz">
+		<ellipse id="n_26_mz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_m">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="retangle_1_kr">
-		<rect id="retangle_1_kr" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_m">
+		<rect id="retangle_1_m" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<svg class="retangle_1_ks">
-		<rect id="retangle_1_ks" rx="7" ry="7" x="0" y="0" width="89" height="50">
+	<svg class="retangle_1_na">
+		<rect id="retangle_1_na" rx="7" ry="7" x="0" y="0" width="89" height="50">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_kt" src="n_upper_banner_kt.png" srcset="n_upper_banner_kt.png 1x, n_upper_banner_kt@2x.png 2x">
+	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
 		
-	<svg class="retangle_1_ku">
-		<rect onclick="application.goToTargetView(event)" id="retangle_1_ku" rx="7" ry="7" x="0" y="0" width="61" height="50">
+	<svg class="retangle_1_nb">
+		<rect onclick="application.goToTargetView(event)" id="retangle_1_nb" rx="7" ry="7" x="0" y="0" width="61" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T4.png b/public/flukemoni/Ex2/T4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T4@2x.png b/public/flukemoni/Ex2/T4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T4change_tone.html b/public/flukemoni/Ex2/T4change_tone.html
old mode 100644
new mode 100755
index 3995e2c..9e19540
--- a/public/flukemoni/Ex2/T4change_tone.html
+++ b/public/flukemoni/Ex2/T4change_tone.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_ih {
+	#n_17_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 449px;
+	}
+	#rectangle_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_ih {
+	.rectangle_j {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3tone_generator.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ii {
+	#n_upper_banner_j {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -2997,11 +3015,15 @@ window.application = new Application();
 <div id="T4change_tone">
 	<img id="n_change_tone" src="n_change_tone.png" srcset="n_change_tone.png 1x, n_change_tone@2x.png 2x">
 		
-	<svg class="rectangle_ih">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_ih" rx="0" ry="0" x="0" y="0" width="61" height="31">
+	<svg class="n_17_j">
+		<ellipse id="n_17_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_j">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_j" rx="0" ry="0" x="0" y="0" width="61" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ii" src="n_upper_banner_ii.png" srcset="n_upper_banner_ii.png 1x, n_upper_banner_ii@2x.png 2x">
+	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T4last_used.html b/public/flukemoni/Ex2/T4last_used.html
old mode 100644
new mode 100755
index 5840fd2..51561f6
--- a/public/flukemoni/Ex2/T4last_used.html
+++ b/public/flukemoni/Ex2/T4last_used.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lx {
+	#n_17_oj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_oj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_17_ok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 600px;
+	}
+	#n_17_ol {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ol {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 362px;
+		top: 381px;
+	}
+	#rectangle_5_om {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +114,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lx {
+	.rectangle_5_om {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +126,7 @@
 		--web-action-target: T3testing_setting.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ly {
+	#n_upper_banner_on {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -102,7 +156,7 @@
 		--web-action-target: T5more_cable_type.html;
 		cursor: pointer;
 	}
-	#cat_6a_uutp_l {
+	#cat_6a_uutp_op {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat_6a_uutp_l {
+	.cat_6a_uutp_op {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="T4last_used">
 	<img id="n_last_selection" src="n_last_selection.png" srcset="n_last_selection.png 1x, n_last_selection@2x.png 2x">
 		
-	<svg class="rectangle_5_lx">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lx" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_oj">
+		<ellipse id="n_17_oj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ok">
+		<ellipse id="n_17_ok" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ol">
+		<ellipse id="n_17_ol" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_om">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_om" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ly" src="n_upper_banner_ly.png" srcset="n_upper_banner_ly.png 1x, n_upper_banner_ly@2x.png 2x">
+	<img id="n_upper_banner_on" src="n_upper_banner_on.png" srcset="n_upper_banner_on.png 1x, n_upper_banner_on@2x.png 2x">
 		
 	<svg class="more_button">
 		<rect onclick="application.goToTargetView(event)" id="more_button" rx="9" ry="9" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
-	<svg class="cat_6a_uutp_l">
-		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_l" rx="0" ry="0" x="0" y="0" width="480" height="53">
+	<svg class="cat_6a_uutp_op">
+		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_op" rx="0" ry="0" x="0" y="0" width="480" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T4lenth.html b/public/flukemoni/Ex2/T4lenth.html
old mode 100644
new mode 100755
index 2049cd5..bd093bd
--- a/public/flukemoni/Ex2/T4lenth.html
+++ b/public/flukemoni/Ex2/T4lenth.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__ht {
+	#n__ja {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hu {
+	#n_17_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hu {
+	.rectangle_5_ja {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hv {
+	#n_upper_banner_ja {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4lenth">
-	<img id="n__ht" src="n__ht.png" srcset="n__ht.png 1x, n__ht@2x.png 2x">
+	<img id="n__ja" src="n__ja.png" srcset="n__ja.png 1x, n__ja@2x.png 2x">
 		
-	<svg class="rectangle_5_hu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ja">
+		<ellipse id="n_17_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ja">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ja" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hv" src="n_upper_banner_hv.png" srcset="n_upper_banner_hv.png 1x, n_upper_banner_hv@2x.png 2x">
+	<img id="n_upper_banner_ja" src="n_upper_banner_ja.png" srcset="n_upper_banner_ja.png 1x, n_upper_banner_ja@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T4module_selection.html b/public/flukemoni/Ex2/T4module_selection.html
old mode 100644
new mode 100755
index 679c047..335ee6a
--- a/public/flukemoni/Ex2/T4module_selection.html
+++ b/public/flukemoni/Ex2/T4module_selection.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lr {
+	#n_17_ob {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ob {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_29_oc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_oc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 281px;
+		top: 106px;
+	}
+	#rectangle_5_od {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lr {
+	.rectangle_5_od {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T3testing_setting.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ls {
+	#n_upper_banner_oe {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,11 +3054,19 @@ window.application = new Application();
 <div id="T4module_selection">
 	<img id="n_module_selection" src="n_module_selection.png" srcset="n_module_selection.png 1x, n_module_selection@2x.png 2x">
 		
-	<svg class="rectangle_5_lr">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ob">
+		<ellipse id="n_17_ob" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_oc">
+		<ellipse id="n_29_oc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_od">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_od" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ls" src="n_upper_banner_ls.png" srcset="n_upper_banner_ls.png 1x, n_upper_banner_ls@2x.png 2x">
+	<img id="n_upper_banner_oe" src="n_upper_banner_oe.png" srcset="n_upper_banner_oe.png 1x, n_upper_banner_oe@2x.png 2x">
 		
 	<svg class="cat_6a_uutp">
 		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp" rx="0" ry="0" x="0" y="0" width="480" height="53">
diff --git a/public/flukemoni/Ex2/T4resistance.html b/public/flukemoni/Ex2/T4resistance.html
old mode 100644
new mode 100755
index ef0b962..0cb5243
--- a/public/flukemoni/Ex2/T4resistance.html
+++ b/public/flukemoni/Ex2/T4resistance.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n__ho {
+	#n__i {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hp {
+	#n_17_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hp {
+	.rectangle_5_i {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hq {
+	#n_upper_banner_i {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="T4resistance">
-	<img id="n__ho" src="n__ho.png" srcset="n__ho.png 1x, n__ho@2x.png 2x">
+	<img id="n__i" src="n__i.png" srcset="n__i.png 1x, n__i@2x.png 2x">
 		
-	<svg class="rectangle_5_hp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_i">
+		<ellipse id="n_17_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_i">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hq" src="n_upper_banner_hq.png" srcset="n_upper_banner_hq.png 1x, n_upper_banner_hq@2x.png 2x">
+	<img id="n_upper_banner_i" src="n_upper_banner_i.png" srcset="n_upper_banner_i.png 1x, n_upper_banner_i@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T4tone_generator_switch.html b/public/flukemoni/Ex2/T4tone_generator_switch.html
old mode 100644
new mode 100755
index 6c3362a..c9c63f5
--- a/public/flukemoni/Ex2/T4tone_generator_switch.html
+++ b/public/flukemoni/Ex2/T4tone_generator_switch.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17_jt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_jt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#n_17_ju {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ju {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
 	#rectangle {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -72,7 +108,7 @@
 		--web-action-target: T2_tools.html;
 		cursor: pointer;
 	}
-	#rectangle_ic {
+	#rectangle_jw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +118,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_ic {
+	.rectangle_jw {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -94,7 +130,7 @@
 		--web-action-target: T3tone_generator.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_id {
+	#n_upper_banner_jx {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,15 +3054,23 @@ window.application = new Application();
 <div id="T4tone_generator_switch">
 	<img id="n_tone_generator_switch" src="n_tone_generator_switch.png" srcset="n_tone_generator_switch.png 1x, n_tone_generator_switch@2x.png 2x">
 		
+	<svg class="n_17_jt">
+		<ellipse id="n_17_jt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ju">
+		<ellipse id="n_17_ju" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle">
 		<rect onclick="application.goToTargetView(event)" id="rectangle" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_ic">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_ic" rx="10" ry="10" x="0" y="0" width="101" height="51">
+	<svg class="rectangle_jw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_jw" rx="10" ry="10" x="0" y="0" width="101" height="51">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_id" src="n_upper_banner_id.png" srcset="n_upper_banner_id.png 1x, n_upper_banner_id@2x.png 2x">
+	<img id="n_upper_banner_jx" src="n_upper_banner_jx.png" srcset="n_upper_banner_jx.png 1x, n_upper_banner_jx@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T4wiremap.html b/public/flukemoni/Ex2/T4wiremap.html
old mode 100644
new mode 100755
index 32671fe..9cc2688
--- a/public/flukemoni/Ex2/T4wiremap.html
+++ b/public/flukemoni/Ex2/T4wiremap.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hk {
+	#n_17_iv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_iv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_iw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hk {
+	.rectangle_5_iw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: T3single_test.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_hl {
+	#n_upper_banner_ix {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="T4wiremap">
 	<img id="T4" src="T4.png" srcset="T4.png 1x, T4@2x.png 2x">
 		
-	<svg class="rectangle_5_hk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hk" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_iv">
+		<ellipse id="n_17_iv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_iw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_iw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_hl" src="n_upper_banner_hl.png" srcset="n_upper_banner_hl.png 1x, n_upper_banner_hl@2x.png 2x">
+	<img id="n_upper_banner_ix" src="n_upper_banner_ix.png" srcset="n_upper_banner_ix.png 1x, n_upper_banner_ix@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T5more_cable_type.html b/public/flukemoni/Ex2/T5more_cable_type.html
old mode 100644
new mode 100755
index f9373ee..405e5f8
--- a/public/flukemoni/Ex2/T5more_cable_type.html
+++ b/public/flukemoni/Ex2/T5more_cable_type.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T5more_cable_type_l {
+	#T5more_cable_type_os {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_l {
+	#n_17_ot {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ot {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 274px;
+	}
+	#n_17_ou {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ou {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_ov {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_l {
+	.rectangle_5_ov {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T4last_used.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_l {
+	#n_upper_banner_ow {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_4 {
+	#n_4_ox {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_4 {
+	.n_4_ox {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T5more_cable_type">
-	<img id="T5more_cable_type_l" src="T5more_cable_type_l.png" srcset="T5more_cable_type_l.png 1x, T5more_cable_type_l@2x.png 2x">
+	<img id="T5more_cable_type_os" src="T5more_cable_type_os.png" srcset="T5more_cable_type_os.png 1x, T5more_cable_type_os@2x.png 2x">
 		
-	<svg class="rectangle_5_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_ot">
+		<ellipse id="n_17_ot" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ou">
+		<ellipse id="n_17_ou" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ov">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ov" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
+	<img id="n_upper_banner_ow" src="n_upper_banner_ow.png" srcset="n_upper_banner_ow.png 1x, n_upper_banner_ow@2x.png 2x">
 		
-	<svg class="n_4">
-		<rect onclick="application.goToTargetView(event)" id="n_4" rx="0" ry="0" x="0" y="0" width="480" height="53">
+	<svg class="n_4_ox">
+		<rect onclick="application.goToTargetView(event)" id="n_4_ox" rx="0" ry="0" x="0" y="0" width="480" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T5more_cable_type_l.png b/public/flukemoni/Ex2/T5more_cable_type_os.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T5more_cable_type_l.png
rename to public/flukemoni/Ex2/T5more_cable_type_os.png
diff --git a/public/flukemoni/Ex2/T5more_cable_type_l@2x.png b/public/flukemoni/Ex2/T5more_cable_type_os@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T5more_cable_type_l@2x.png
rename to public/flukemoni/Ex2/T5more_cable_type_os@2x.png
diff --git a/public/flukemoni/Ex2/T6general_cable_type.html b/public/flukemoni/Ex2/T6general_cable_type.html
old mode 100644
new mode 100755
index 52eb796..3066e92
--- a/public/flukemoni/Ex2/T6general_cable_type.html
+++ b/public/flukemoni/Ex2/T6general_cable_type.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6general_cable_type_l {
+	#T6general_cable_type_o {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ma {
+	#rectangle_5_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +60,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ma {
+	.rectangle_5_o {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +72,7 @@
 		--web-action-target: T5more_cable_type.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mb {
+	#n_upper_banner_o {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,28 +80,6 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat_6a_uutp_mc {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.cat_6a_uutp_mc {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 53px;
-		left: 0px;
-		top: 365px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: T7choose_Cat6A_U_UTP.html;
-		cursor: pointer;
-	}
 	#cable_type_general {
 		position: absolute;
 		width: 480px;
@@ -118,7 +96,61 @@
 		top: 1006px;
 		overflow: visible;
 	}
-	#cat_6a_uutp_mf {
+	#n_17_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 381px;
+	}
+	#n_30_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 757px;
+	}
+	#n_17_pa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#cat_6a_uutp_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +160,29 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat_6a_uutp_mf {
+	.cat_6a_uutp_o {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 53px;
+		left: 0px;
+		top: 365px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: T7choose_Cat6A_U_UTP.html;
+		cursor: pointer;
+	}
+	#cat_6a_uutp_pa {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.cat_6a_uutp_pa {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3054,24 +3108,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6general_cable_type">
-	<img id="T6general_cable_type_l" src="T6general_cable_type_l.png" srcset="T6general_cable_type_l.png 1x, T6general_cable_type_l@2x.png 2x">
+	<img id="T6general_cable_type_o" src="T6general_cable_type_o.png" srcset="T6general_cable_type_o.png 1x, T6general_cable_type_o@2x.png 2x">
 		
-	<svg class="rectangle_5_ma">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ma" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_o">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mb" src="n_upper_banner_mb.png" srcset="n_upper_banner_mb.png 1x, n_upper_banner_mb@2x.png 2x">
+	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
 		
-	<svg class="cat_6a_uutp_mc">
-		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_mc" rx="0" ry="0" x="0" y="0" width="480" height="53">
-		</rect>
-	</svg>
 	<img id="cable_type_general" src="cable_type_general.png" srcset="cable_type_general.png 1x, cable_type_general@2x.png 2x">
 		
 	<img id="cable_type_general_1" src="cable_type_general_1.png" srcset="cable_type_general_1.png 1x, cable_type_general_1@2x.png 2x">
 		
-	<svg class="cat_6a_uutp_mf">
-		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_mf" rx="0" ry="0" x="0" y="0" width="480" height="53">
+	<svg class="n_17_o">
+		<ellipse id="n_17_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_o">
+		<ellipse id="n_30_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_pa">
+		<ellipse id="n_17_pa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="cat_6a_uutp_o">
+		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_o" rx="0" ry="0" x="0" y="0" width="480" height="53">
+		</rect>
+	</svg>
+	<svg class="cat_6a_uutp_pa">
+		<rect onclick="application.goToTargetView(event)" id="cat_6a_uutp_pa" rx="0" ry="0" x="0" y="0" width="480" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6general_cable_type_l.png b/public/flukemoni/Ex2/T6general_cable_type_o.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6general_cable_type_l.png
rename to public/flukemoni/Ex2/T6general_cable_type_o.png
diff --git a/public/flukemoni/Ex2/T6general_cable_type_l@2x.png b/public/flukemoni/Ex2/T6general_cable_type_o@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6general_cable_type_l@2x.png
rename to public/flukemoni/Ex2/T6general_cable_type_o@2x.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit.html b/public/flukemoni/Ex2/T6last_used_limit.html
old mode 100644
new mode 100755
index 875c98b..48c28f1
--- a/public/flukemoni/Ex2/T6last_used_limit.html
+++ b/public/flukemoni/Ex2/T6last_used_limit.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6last_used_limit_mo {
+	#T6last_used_limit_pk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mp {
+	#n_17_pl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_30_pm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_pm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#rectangle_5_pn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mp {
+	.rectangle_5_pn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T7choose_Cat6A_U_UTP.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mq {
+	#n_upper_banner_po {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#more_button_mr {
+	#more_button_pp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.more_button_mr {
+	.more_button_pp {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6last_used_limit">
-	<img id="T6last_used_limit_mo" src="T6last_used_limit_mo.png" srcset="T6last_used_limit_mo.png 1x, T6last_used_limit_mo@2x.png 2x">
+	<img id="T6last_used_limit_pk" src="T6last_used_limit_pk.png" srcset="T6last_used_limit_pk.png 1x, T6last_used_limit_pk@2x.png 2x">
 		
-	<svg class="rectangle_5_mp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_pl">
+		<ellipse id="n_17_pl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_pm">
+		<ellipse id="n_30_pm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_pn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pn" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mq" src="n_upper_banner_mq.png" srcset="n_upper_banner_mq.png 1x, n_upper_banner_mq@2x.png 2x">
+	<img id="n_upper_banner_po" src="n_upper_banner_po.png" srcset="n_upper_banner_po.png 1x, n_upper_banner_po@2x.png 2x">
 		
-	<svg class="more_button_mr">
-		<rect onclick="application.goToTargetView(event)" id="more_button_mr" rx="20" ry="20" x="0" y="0" width="64" height="51">
+	<svg class="more_button_pp">
+		<rect onclick="application.goToTargetView(event)" id="more_button_pp" rx="20" ry="20" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6last_used_limit___1.html b/public/flukemoni/Ex2/T6last_used_limit___1.html
old mode 100644
new mode 100755
index 19fb038..dc2ef58
--- a/public/flukemoni/Ex2/T6last_used_limit___1.html
+++ b/public/flukemoni/Ex2/T6last_used_limit___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6last_used_limit_tv {
+	#T6last_used_limit_ye {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_tw {
+	#n_31_yf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_yf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#n_36 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_yh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_tw {
+	.rectangle_5_yh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T3new_test.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_tx {
+	#n_upper_banner_yi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#more_button_ty {
+	#more_button_yj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.more_button_ty {
+	.more_button_yj {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6last_used_limit__1">
-	<img id="T6last_used_limit_tv" src="T6last_used_limit_tv.png" srcset="T6last_used_limit_tv.png 1x, T6last_used_limit_tv@2x.png 2x">
+	<img id="T6last_used_limit_ye" src="T6last_used_limit_ye.png" srcset="T6last_used_limit_ye.png 1x, T6last_used_limit_ye@2x.png 2x">
 		
-	<svg class="rectangle_5_tw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_yf">
+		<ellipse id="n_31_yf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36">
+		<ellipse id="n_36" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_yh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_tx" src="n_upper_banner_tx.png" srcset="n_upper_banner_tx.png 1x, n_upper_banner_tx@2x.png 2x">
+	<img id="n_upper_banner_yi" src="n_upper_banner_yi.png" srcset="n_upper_banner_yi.png 1x, n_upper_banner_yi@2x.png 2x">
 		
-	<svg class="more_button_ty">
-		<rect onclick="application.goToTargetView(event)" id="more_button_ty" rx="20" ry="20" x="0" y="0" width="64" height="51">
+	<svg class="more_button_yj">
+		<rect onclick="application.goToTargetView(event)" id="more_button_yj" rx="20" ry="20" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6last_used_limit___2.html b/public/flukemoni/Ex2/T6last_used_limit___2.html
old mode 100644
new mode 100755
index 136589b..d81a5a8
--- a/public/flukemoni/Ex2/T6last_used_limit___2.html
+++ b/public/flukemoni/Ex2/T6last_used_limit___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6last_used_limit_ {
+	#T6last_used_limit_a {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_d {
+	#n_31_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#rectangle_5_bau {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_d {
+	.rectangle_5_bau {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T7choose_Cat6A_U_UTP___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_f {
+	#n_upper_banner_bba {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#more_button_ {
+	#more_button_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.more_button_ {
+	.more_button_f {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6last_used_limit__2">
-	<img id="T6last_used_limit_" src="T6last_used_limit_.png" srcset="T6last_used_limit_.png 1x, T6last_used_limit_@2x.png 2x">
+	<img id="T6last_used_limit_a" src="T6last_used_limit_a.png" srcset="T6last_used_limit_a.png 1x, T6last_used_limit_a@2x.png 2x">
 		
-	<svg class="rectangle_5_d">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_b">
+		<ellipse id="n_31_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_c">
+		<ellipse id="n_31_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bau">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bau" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
+	<img id="n_upper_banner_bba" src="n_upper_banner_bba.png" srcset="n_upper_banner_bba.png 1x, n_upper_banner_bba@2x.png 2x">
 		
-	<svg class="more_button_">
-		<rect onclick="application.goToTargetView(event)" id="more_button_" rx="20" ry="20" x="0" y="0" width="64" height="51">
+	<svg class="more_button_f">
+		<rect onclick="application.goToTargetView(event)" id="more_button_f" rx="20" ry="20" x="0" y="0" width="64" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6last_used_limit_.png b/public/flukemoni/Ex2/T6last_used_limit_a.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_.png
rename to public/flukemoni/Ex2/T6last_used_limit_a.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit_@2x.png b/public/flukemoni/Ex2/T6last_used_limit_a@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_@2x.png
rename to public/flukemoni/Ex2/T6last_used_limit_a@2x.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit_mo.png b/public/flukemoni/Ex2/T6last_used_limit_pk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_mo.png
rename to public/flukemoni/Ex2/T6last_used_limit_pk.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit_mo@2x.png b/public/flukemoni/Ex2/T6last_used_limit_pk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_mo@2x.png
rename to public/flukemoni/Ex2/T6last_used_limit_pk@2x.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit_tv.png b/public/flukemoni/Ex2/T6last_used_limit_ye.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_tv.png
rename to public/flukemoni/Ex2/T6last_used_limit_ye.png
diff --git a/public/flukemoni/Ex2/T6last_used_limit_tv@2x.png b/public/flukemoni/Ex2/T6last_used_limit_ye@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6last_used_limit_tv@2x.png
rename to public/flukemoni/Ex2/T6last_used_limit_ye@2x.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type.html b/public/flukemoni/Ex2/T6more_limit_type.html
old mode 100644
new mode 100755
index 025d68d..a0207c6
--- a/public/flukemoni/Ex2/T6more_limit_type.html
+++ b/public/flukemoni/Ex2/T6more_limit_type.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6more_limit_type_mu {
+	#T6more_limit_type_ps {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mv {
+	#n_17_pt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_30_pu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_pu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 393px;
+		top: 220px;
+	}
+	#n_30_pv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_pv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 393px;
+		top: 272px;
+	}
+	#rectangle_5_pw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +114,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mv {
+	.rectangle_5_pw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +126,7 @@
 		--web-action-target: T6last_used_limit.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mw {
+	#n_upper_banner_px {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -103,7 +157,7 @@
 		--web-action-target: T7categories_limits.html;
 		cursor: pointer;
 	}
-	#tia_option_my {
+	#tia_option_pz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -113,7 +167,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_my {
+	.tia_option_pz {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -126,7 +180,7 @@
 		--web-action-target: T7iso_limits___1.html;
 		cursor: pointer;
 	}
-	#tia_option_mz {
+	#tia_option_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -136,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_mz {
+	.tia_option_p {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3059,24 +3113,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6more_limit_type">
-	<img id="T6more_limit_type_mu" src="T6more_limit_type_mu.png" srcset="T6more_limit_type_mu.png 1x, T6more_limit_type_mu@2x.png 2x">
+	<img id="T6more_limit_type_ps" src="T6more_limit_type_ps.png" srcset="T6more_limit_type_ps.png 1x, T6more_limit_type_ps@2x.png 2x">
 		
-	<svg class="rectangle_5_mv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_pt">
+		<ellipse id="n_17_pt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_pu">
+		<ellipse id="n_30_pu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_pv">
+		<ellipse id="n_30_pv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_pw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mw" src="n_upper_banner_mw.png" srcset="n_upper_banner_mw.png 1x, n_upper_banner_mw@2x.png 2x">
+	<img id="n_upper_banner_px" src="n_upper_banner_px.png" srcset="n_upper_banner_px.png 1x, n_upper_banner_px@2x.png 2x">
 		
 	<svg class="tia_option" viewBox="0 0 480 53">
 		<path onclick="application.goToTargetView(event)" id="tia_option" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_my" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="tia_option_my" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_pz" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="tia_option_pz" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_mz" viewBox="0 0 480 53">
-		<path id="tia_option_mz" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_p" viewBox="0 0 480 53">
+		<path id="tia_option_p" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6more_limit_type___1.html b/public/flukemoni/Ex2/T6more_limit_type___1.html
old mode 100644
new mode 100755
index 40c5cfe..35a83b8
--- a/public/flukemoni/Ex2/T6more_limit_type___1.html
+++ b/public/flukemoni/Ex2/T6more_limit_type___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6more_limit_type_t {
+	#T6more_limit_type_ym {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_t {
+	#n_36_yn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_yn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_yo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_yo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 220px;
+	}
+	#n_36_yp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_yp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 272px;
+	}
+	#n_36_yq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_yq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 432px;
+	}
+	#rectangle_5_yr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_t {
+	.rectangle_5_yr {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +144,7 @@
 		--web-action-target: T6last_used_limit___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_t {
+	#n_upper_banner_ys {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +152,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#tia_option_t {
+	#tia_option_yt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_t {
+	.tia_option_yt {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -103,7 +175,7 @@
 		--web-action-target: T7categories_limits___1.html;
 		cursor: pointer;
 	}
-	#tia_option_ua {
+	#tia_option_yu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -113,7 +185,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_ua {
+	.tia_option_yu {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -126,7 +198,7 @@
 		--web-action-target: T7iso_limits___3.html;
 		cursor: pointer;
 	}
-	#tia_option_ub {
+	#tia_option_yv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -136,7 +208,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_ub {
+	.tia_option_yv {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3063,24 +3135,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6more_limit_type__1">
-	<img id="T6more_limit_type_t" src="T6more_limit_type_t.png" srcset="T6more_limit_type_t.png 1x, T6more_limit_type_t@2x.png 2x">
+	<img id="T6more_limit_type_ym" src="T6more_limit_type_ym.png" srcset="T6more_limit_type_ym.png 1x, T6more_limit_type_ym@2x.png 2x">
 		
-	<svg class="rectangle_5_t">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_t" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_yn">
+		<ellipse id="n_36_yn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_yo">
+		<ellipse id="n_36_yo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_yp">
+		<ellipse id="n_36_yp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_yq">
+		<ellipse id="n_36_yq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_yr">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yr" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_t" src="n_upper_banner_t.png" srcset="n_upper_banner_t.png 1x, n_upper_banner_t@2x.png 2x">
+	<img id="n_upper_banner_ys" src="n_upper_banner_ys.png" srcset="n_upper_banner_ys.png 1x, n_upper_banner_ys@2x.png 2x">
 		
-	<svg class="tia_option_t" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="tia_option_t" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_yt" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="tia_option_yt" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_ua" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="tia_option_ua" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_yu" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="tia_option_yu" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_ub" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="tia_option_ub" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_yv" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="tia_option_yv" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6more_limit_type___2.html b/public/flukemoni/Ex2/T6more_limit_type___2.html
old mode 100644
new mode 100755
index 83052f2..5f4992e
--- a/public/flukemoni/Ex2/T6more_limit_type___2.html
+++ b/public/flukemoni/Ex2/T6more_limit_type___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T6more_limit_type_b {
+	#T6more_limit_type_i {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_f {
+	#n_31_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 436px;
+	}
+	#rectangle_5_bav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_f {
+	.rectangle_5_bav {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6last_used_limit___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_baa {
+	#n_upper_banner_bbb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#tia_option_e {
+	#tia_option_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_e {
+	.tia_option_n {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -99,7 +135,7 @@
 		top: 204px;
 		transform: matrix(1,0,0,1,0,0);
 	}
-	#tia_option_f {
+	#tia_option_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +145,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_f {
+	.tia_option_o {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -118,7 +154,7 @@
 		top: 256px;
 		transform: matrix(1,0,0,1,0,0);
 	}
-	#tia_option_g {
+	#tia_option_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +164,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.tia_option_g {
+	.tia_option_q {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3055,24 +3091,32 @@ window.application = new Application();
 </head>
 <body>
 <div id="T6more_limit_type__2">
-	<img id="T6more_limit_type_b" src="T6more_limit_type_b.png" srcset="T6more_limit_type_b.png 1x, T6more_limit_type_b@2x.png 2x">
+	<img id="T6more_limit_type_i" src="T6more_limit_type_i.png" srcset="T6more_limit_type_i.png 1x, T6more_limit_type_i@2x.png 2x">
 		
-	<svg class="rectangle_5_f">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_f" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_j">
+		<ellipse id="n_31_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_l">
+		<ellipse id="n_31_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bav">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bav" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_baa" src="n_upper_banner_baa.png" srcset="n_upper_banner_baa.png 1x, n_upper_banner_baa@2x.png 2x">
+	<img id="n_upper_banner_bbb" src="n_upper_banner_bbb.png" srcset="n_upper_banner_bbb.png 1x, n_upper_banner_bbb@2x.png 2x">
 		
-	<svg class="tia_option_e" viewBox="0 0 480 53">
-		<path id="tia_option_e" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_n" viewBox="0 0 480 53">
+		<path id="tia_option_n" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_f" viewBox="0 0 480 53">
-		<path id="tia_option_f" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_o" viewBox="0 0 480 53">
+		<path id="tia_option_o" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="tia_option_g" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="tia_option_g" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="tia_option_q" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="tia_option_q" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T6more_limit_type_b.png b/public/flukemoni/Ex2/T6more_limit_type_i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_b.png
rename to public/flukemoni/Ex2/T6more_limit_type_i.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type_b@2x.png b/public/flukemoni/Ex2/T6more_limit_type_i@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_b@2x.png
rename to public/flukemoni/Ex2/T6more_limit_type_i@2x.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type_mu.png b/public/flukemoni/Ex2/T6more_limit_type_ps.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_mu.png
rename to public/flukemoni/Ex2/T6more_limit_type_ps.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type_mu@2x.png b/public/flukemoni/Ex2/T6more_limit_type_ps@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_mu@2x.png
rename to public/flukemoni/Ex2/T6more_limit_type_ps@2x.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type_t.png b/public/flukemoni/Ex2/T6more_limit_type_ym.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_t.png
rename to public/flukemoni/Ex2/T6more_limit_type_ym.png
diff --git a/public/flukemoni/Ex2/T6more_limit_type_t@2x.png b/public/flukemoni/Ex2/T6more_limit_type_ym@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T6more_limit_type_t@2x.png
rename to public/flukemoni/Ex2/T6more_limit_type_ym@2x.png
diff --git a/public/flukemoni/Ex2/T7categories_limits.html b/public/flukemoni/Ex2/T7categories_limits.html
old mode 100644
new mode 100755
index 7916ac3..811dca3
--- a/public/flukemoni/Ex2/T7categories_limits.html
+++ b/public/flukemoni/Ex2/T7categories_limits.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T7categories_limits_m {
+	#T7categories_limits_p {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,36 +50,6 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_m {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_5_m {
-		position: absolute;
-		overflow: visible;
-		width: 49px;
-		height: 31px;
-		left: 20px;
-		top: 46px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: T6more_limit_type.html;
-		cursor: pointer;
-	}
-	#n_upper_banner_m {
-		position: absolute;
-		width: 480px;
-		height: 30px;
-		left: 0px;
-		top: 0px;
-		overflow: visible;
-	}
 	#cat6a_option {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -103,6 +73,72 @@
 		--web-action-target: T8TIA_all_options.html;
 		cursor: pointer;
 	}
+	#n_17_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 390px;
+		top: 166px;
+	}
+	#rectangle_5_p {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_5_p {
+		position: absolute;
+		overflow: visible;
+		width: 49px;
+		height: 31px;
+		left: 20px;
+		top: 46px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: T6more_limit_type.html;
+		cursor: pointer;
+	}
+	#n_upper_banner_p {
+		position: absolute;
+		width: 480px;
+		height: 30px;
+		left: 0px;
+		top: 0px;
+		overflow: visible;
+	}
 </style>
 <script id="applicationScript">
 ///////////////////////////////////////
@@ -3017,18 +3053,26 @@ window.application = new Application();
 </head>
 <body>
 <div id="T7categories_limits">
-	<img id="T7categories_limits_m" src="T7categories_limits_m.png" srcset="T7categories_limits_m.png 1x, T7categories_limits_m@2x.png 2x">
-		
-	<svg class="rectangle_5_m">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
+	<img id="T7categories_limits_p" src="T7categories_limits_p.png" srcset="T7categories_limits_p.png 1x, T7categories_limits_p@2x.png 2x">
 		
 	<svg class="cat6a_option" viewBox="0 0 480 53">
 		<path onclick="application.goToTargetView(event)" id="cat6a_option" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
+	<svg class="n_17_p">
+		<ellipse id="n_17_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_p">
+		<ellipse id="n_31_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_p" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<img id="n_upper_banner_p" src="n_upper_banner_p.png" srcset="n_upper_banner_p.png 1x, n_upper_banner_p@2x.png 2x">
+		
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex2/T7categories_limits___1.html b/public/flukemoni/Ex2/T7categories_limits___1.html
old mode 100644
new mode 100755
index 95952ec..f10f54a
--- a/public/flukemoni/Ex2/T7categories_limits___1.html
+++ b/public/flukemoni/Ex2/T7categories_limits___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T7categories_limits_t {
+	#T7categories_limits_yy {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ua {
+	#n_36_yz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_yz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 166px;
+	}
+	#rectangle_5_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ua {
+	.rectangle_5_y {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6more_limit_type___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ub {
+	#n_upper_banner_y {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_uc {
+	#cat6a_option_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_uc {
+	.cat6a_option_y {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3017,16 +3053,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T7categories_limits__1">
-	<img id="T7categories_limits_t" src="T7categories_limits_t.png" srcset="T7categories_limits_t.png 1x, T7categories_limits_t@2x.png 2x">
+	<img id="T7categories_limits_yy" src="T7categories_limits_yy.png" srcset="T7categories_limits_yy.png 1x, T7categories_limits_yy@2x.png 2x">
 		
-	<svg class="rectangle_5_ua">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ua" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_yz">
+		<ellipse id="n_36_yz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_y">
+		<ellipse id="n_36_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_y">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_y" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ub" src="n_upper_banner_ub.png" srcset="n_upper_banner_ub.png 1x, n_upper_banner_ub@2x.png 2x">
+	<img id="n_upper_banner_y" src="n_upper_banner_y.png" srcset="n_upper_banner_y.png 1x, n_upper_banner_y@2x.png 2x">
 		
-	<svg class="cat6a_option_uc" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_uc" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_y" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_y" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T7categories_limits_m.png b/public/flukemoni/Ex2/T7categories_limits_p.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T7categories_limits_m.png
rename to public/flukemoni/Ex2/T7categories_limits_p.png
diff --git a/public/flukemoni/Ex2/T7categories_limits_m@2x.png b/public/flukemoni/Ex2/T7categories_limits_p@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T7categories_limits_m@2x.png
rename to public/flukemoni/Ex2/T7categories_limits_p@2x.png
diff --git a/public/flukemoni/Ex2/T7categories_limits_t.png b/public/flukemoni/Ex2/T7categories_limits_yy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T7categories_limits_t.png
rename to public/flukemoni/Ex2/T7categories_limits_yy.png
diff --git a/public/flukemoni/Ex2/T7categories_limits_t@2x.png b/public/flukemoni/Ex2/T7categories_limits_yy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T7categories_limits_t@2x.png
rename to public/flukemoni/Ex2/T7categories_limits_yy@2x.png
diff --git a/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP.html b/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP.html
old mode 100644
new mode 100755
index c7314ec..00131e3
--- a/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP.html
+++ b/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mj {
+	#n_17_pd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_pd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_30_pe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_pe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 237px;
+	}
+	#rectangle_5_pf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mj {
+	.rectangle_5_pf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6general_cable_type.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_mk {
+	#n_upper_banner_pg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,11 +3054,19 @@ window.application = new Application();
 <div id="T7choose_Cat6A_U_UTP">
 	<img id="n_setting" src="n_setting.png" srcset="n_setting.png 1x, n_setting@2x.png 2x">
 		
-	<svg class="rectangle_5_mj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mj" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_pd">
+		<ellipse id="n_17_pd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_pe">
+		<ellipse id="n_30_pe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_pf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_mk" src="n_upper_banner_mk.png" srcset="n_upper_banner_mk.png 1x, n_upper_banner_mk@2x.png 2x">
+	<img id="n_upper_banner_pg" src="n_upper_banner_pg.png" srcset="n_upper_banner_pg.png 1x, n_upper_banner_pg@2x.png 2x">
 		
 	<svg class="limit_type_button">
 		<rect onclick="application.goToTargetView(event)" id="limit_type_button" rx="9" ry="9" x="0" y="0" width="405" height="40">
diff --git a/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP___1.html b/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP___1.html
old mode 100644
new mode 100755
index 5559119..d1c59cb
--- a/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP___1.html
+++ b/public/flukemoni/Ex2/T7choose_Cat6A_U_UTP___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_c {
+	#n_31_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 289px;
+	}
+	#rectangle_5_bat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_c {
+	.rectangle_5_bat {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6general_cable_type.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_d {
+	#n_upper_banner_ba {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3018,11 +3054,19 @@ window.application = new Application();
 <div id="T7choose_Cat6A_U_UTP__1">
 	<img id="cable_type_cat5e_ftp" src="cable_type_cat5e_ftp.png" srcset="cable_type_cat5e_ftp.png 1x, cable_type_cat5e_ftp@2x.png 2x">
 		
-	<svg class="rectangle_5_c">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_c" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_">
+		<ellipse id="n_31_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_a">
+		<ellipse id="n_31_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bat">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bat" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
+	<img id="n_upper_banner_ba" src="n_upper_banner_ba.png" srcset="n_upper_banner_ba.png 1x, n_upper_banner_ba@2x.png 2x">
 		
 	<svg class="limit_type_button_">
 		<rect onclick="application.goToTargetView(event)" id="limit_type_button_" rx="9" ry="9" x="0" y="0" width="405" height="40">
diff --git a/public/flukemoni/Ex2/T7iso_limits___1.html b/public/flukemoni/Ex2/T7iso_limits___1.html
old mode 100644
new mode 100755
index 50a8907..fe4c2e7
--- a/public/flukemoni/Ex2/T7iso_limits___1.html
+++ b/public/flukemoni/Ex2/T7iso_limits___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ot {
+	#n_31_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 55px;
+	}
+	#n_31_sa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_sa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 379px;
+		top: 270px;
+	}
+	#rectangle_5_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ot {
+	.rectangle_5_sa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6more_limit_type.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ou {
+	#n_upper_banner_sa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_ov {
+	#cat6a_option_sb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_ov {
+	.cat6a_option_sb {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -99,7 +135,7 @@
 		top: 150px;
 		transform: matrix(1,0,0,1,0,0);
 	}
-	#cat6a_option_ow {
+	#cat6a_option_sc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +145,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_ow {
+	.cat6a_option_sc {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3038,18 +3074,26 @@ window.application = new Application();
 <div id="T7iso_limits__1">
 	<img id="iso_limits" src="iso_limits.png" srcset="iso_limits.png 1x, iso_limits@2x.png 2x">
 		
-	<svg class="rectangle_5_ot">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ot" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_r">
+		<ellipse id="n_31_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_sa">
+		<ellipse id="n_31_sa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_sa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ou" src="n_upper_banner_ou.png" srcset="n_upper_banner_ou.png 1x, n_upper_banner_ou@2x.png 2x">
+	<img id="n_upper_banner_sa" src="n_upper_banner_sa.png" srcset="n_upper_banner_sa.png 1x, n_upper_banner_sa@2x.png 2x">
 		
-	<svg class="cat6a_option_ov" viewBox="0 0 480 53">
-		<path id="cat6a_option_ov" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_sb" viewBox="0 0 480 53">
+		<path id="cat6a_option_sb" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="cat6a_option_ow" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_ow" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_sc" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_sc" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T7iso_limits___2.html b/public/flukemoni/Ex2/T7iso_limits___2.html
old mode 100644
new mode 100755
index 98378bc..567075a
--- a/public/flukemoni/Ex2/T7iso_limits___2.html
+++ b/public/flukemoni/Ex2/T7iso_limits___2.html
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rx {
+	#rectangle_5_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +60,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rx {
+	.rectangle_5_v {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +72,7 @@
 		--web-action-target: T6more_limit_type.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ry {
+	#n_upper_banner_v {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +80,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_rz {
+	#cat6a_option_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_rz {
+	.cat6a_option_v {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -147,7 +147,61 @@
 		top: 2717px;
 		overflow: visible;
 	}
-	#cat6a_option_r {
+	#n_31_wa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_wb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 271px;
+	}
+	#n_31_wc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_wc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 2522px;
+	}
+	#cat6a_option_wd {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -160,7 +214,7 @@
 		--web-action-target: profinet.html;
 		cursor: pointer;
 	}
-	#cat6a_option_sa {
+	#cat6a_option_we {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -173,7 +227,7 @@
 		--web-action-target: 2_5G_Base_T.html;
 		cursor: pointer;
 	}
-	#cat6a_option_sb {
+	#cat6a_option_wf {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -3098,14 +3152,14 @@ window.application = new Application();
 <div id="T7iso_limits__2">
 	<img id="application_1" src="application_1.png" srcset="application_1.png 1x, application_1@2x.png 2x">
 		
-	<svg class="rectangle_5_rx">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rx" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_v">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_v" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ry" src="n_upper_banner_ry.png" srcset="n_upper_banner_ry.png 1x, n_upper_banner_ry@2x.png 2x">
+	<img id="n_upper_banner_v" src="n_upper_banner_v.png" srcset="n_upper_banner_v.png 1x, n_upper_banner_v@2x.png 2x">
 		
-	<svg class="cat6a_option_rz" viewBox="0 0 480 53">
-		<path id="cat6a_option_rz" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_v" viewBox="0 0 480 53">
+		<path id="cat6a_option_v" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 	<img id="application_2" src="application_2.png" srcset="application_2.png 1x, application_2@2x.png 2x">
@@ -3120,11 +3174,23 @@ window.application = new Application();
 		
 	<img id="application_7" src="application_7.png" srcset="application_7.png 1x, application_7@2x.png 2x">
 		
-	<img onclick="application.goToTargetView(event)" id="cat6a_option_r" src="cat6a_option_r.png" srcset="cat6a_option_r.png 1x, cat6a_option_r@2x.png 2x">
+	<svg class="n_31_wa">
+		<ellipse id="n_31_wa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_wb">
+		<ellipse id="n_31_wb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_wc">
+		<ellipse id="n_31_wc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img onclick="application.goToTargetView(event)" id="cat6a_option_wd" src="cat6a_option_wd.png" srcset="cat6a_option_wd.png 1x, cat6a_option_wd@2x.png 2x">
 		
-	<img onclick="application.goToTargetView(event)" id="cat6a_option_sa" src="cat6a_option_sa.png" srcset="cat6a_option_sa.png 1x, cat6a_option_sa@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="cat6a_option_we" src="cat6a_option_we.png" srcset="cat6a_option_we.png 1x, cat6a_option_we@2x.png 2x">
 		
-	<img id="cat6a_option_sb" src="cat6a_option_sb.png" srcset="cat6a_option_sb.png 1x, cat6a_option_sb@2x.png 2x">
+	<img id="cat6a_option_wf" src="cat6a_option_wf.png" srcset="cat6a_option_wf.png 1x, cat6a_option_wf@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T7iso_limits___3.html b/public/flukemoni/Ex2/T7iso_limits___3.html
old mode 100644
new mode 100755
index 53d1cac..52841e5
--- a/public/flukemoni/Ex2/T7iso_limits___3.html
+++ b/public/flukemoni/Ex2/T7iso_limits___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_limits_vz {
+	#iso_limits_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_v {
+	#n_36_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 270px;
+	}
+	#rectangle_5_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_v {
+	.rectangle_5_b {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6more_limit_type___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_v {
+	#n_upper_banner_d {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_v {
+	#cat6a_option_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_v {
+	.cat6a_option_ {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -99,7 +135,7 @@
 		top: 150px;
 		transform: matrix(1,0,0,1,0,0);
 	}
-	#cat6a_option_wa {
+	#cat6a_option_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +145,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_wa {
+	.cat6a_option_a {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -3036,20 +3072,28 @@ window.application = new Application();
 </head>
 <body>
 <div id="T7iso_limits__3">
-	<img id="iso_limits_vz" src="iso_limits_vz.png" srcset="iso_limits_vz.png 1x, iso_limits_vz@2x.png 2x">
+	<img id="iso_limits_" src="iso_limits_.png" srcset="iso_limits_.png 1x, iso_limits_@2x.png 2x">
 		
-	<svg class="rectangle_5_v">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_v" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_">
+		<ellipse id="n_36_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_b">
+		<ellipse id="n_36_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_b">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_b" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_v" src="n_upper_banner_v.png" srcset="n_upper_banner_v.png 1x, n_upper_banner_v@2x.png 2x">
+	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
 		
-	<svg class="cat6a_option_v" viewBox="0 0 480 53">
-		<path id="cat6a_option_v" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_" viewBox="0 0 480 53">
+		<path id="cat6a_option_" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="cat6a_option_wa" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_wa" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_a" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_a" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T7iso_limits___4.html b/public/flukemoni/Ex2/T7iso_limits___4.html
old mode 100644
new mode 100755
index f68424a..e824bf0
--- a/public/flukemoni/Ex2/T7iso_limits___4.html
+++ b/public/flukemoni/Ex2/T7iso_limits___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#application_1_y {
+	#application_1_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_y {
+	#n_36_bae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_baf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_baf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 325px;
+	}
+	#rectangle_5_bak {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_y {
+	.rectangle_5_bak {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T6more_limit_type___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_y {
+	#n_upper_banner_baq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_y {
+	#cat6a_option_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_y {
+	.cat6a_option_z {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -99,7 +135,7 @@
 		top: 150px;
 		transform: matrix(1,0,0,1,0,0);
 	}
-	#cat6a_option_za {
+	#cat6a_option_b {
 		opacity: 0;
 		position: absolute;
 		width: 480px;
@@ -112,7 +148,7 @@
 		--web-action-target: 1000baset___1.html;
 		cursor: pointer;
 	}
-	#application_2_y {
+	#application_2_ {
 		position: absolute;
 		width: 480px;
 		height: 428px;
@@ -120,7 +156,7 @@
 		top: 579px;
 		overflow: visible;
 	}
-	#application_3_y {
+	#application_3_ {
 		position: absolute;
 		width: 480px;
 		height: 428px;
@@ -128,7 +164,7 @@
 		top: 1007px;
 		overflow: visible;
 	}
-	#application_4_za {
+	#application_4_ {
 		position: absolute;
 		width: 480px;
 		height: 428px;
@@ -136,7 +172,7 @@
 		top: 1434px;
 		overflow: visible;
 	}
-	#application_5_zb {
+	#application_5_ {
 		position: absolute;
 		width: 480px;
 		height: 431px;
@@ -144,7 +180,7 @@
 		top: 1862px;
 		overflow: visible;
 	}
-	#application_6_zc {
+	#application_6_ {
 		position: absolute;
 		width: 480px;
 		height: 429px;
@@ -152,7 +188,7 @@
 		top: 2289px;
 		overflow: visible;
 	}
-	#application_7_zd {
+	#application_7_ {
 		position: absolute;
 		width: 480px;
 		height: 222px;
@@ -3074,31 +3110,39 @@ window.application = new Application();
 </head>
 <body>
 <div id="T7iso_limits__4">
-	<img id="application_1_y" src="application_1_y.png" srcset="application_1_y.png 1x, application_1_y@2x.png 2x">
+	<img id="application_1_t" src="application_1_t.png" srcset="application_1_t.png 1x, application_1_t@2x.png 2x">
 		
-	<svg class="rectangle_5_y">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_y" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bae">
+		<ellipse id="n_36_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_baf">
+		<ellipse id="n_36_baf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bak">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bak" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_y" src="n_upper_banner_y.png" srcset="n_upper_banner_y.png 1x, n_upper_banner_y@2x.png 2x">
+	<img id="n_upper_banner_baq" src="n_upper_banner_baq.png" srcset="n_upper_banner_baq.png 1x, n_upper_banner_baq@2x.png 2x">
 		
-	<svg class="cat6a_option_y" viewBox="0 0 480 53">
-		<path id="cat6a_option_y" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_z" viewBox="0 0 480 53">
+		<path id="cat6a_option_z" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<img onclick="application.goToTargetView(event)" id="cat6a_option_za" src="cat6a_option_za.png" srcset="cat6a_option_za.png 1x, cat6a_option_za@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="cat6a_option_b" src="cat6a_option_b.png" srcset="cat6a_option_b.png 1x, cat6a_option_b@2x.png 2x">
 		
-	<img id="application_2_y" src="application_2_y.png" srcset="application_2_y.png 1x, application_2_y@2x.png 2x">
+	<img id="application_2_" src="application_2_.png" srcset="application_2_.png 1x, application_2_@2x.png 2x">
 		
-	<img id="application_3_y" src="application_3_y.png" srcset="application_3_y.png 1x, application_3_y@2x.png 2x">
+	<img id="application_3_" src="application_3_.png" srcset="application_3_.png 1x, application_3_@2x.png 2x">
 		
-	<img id="application_4_za" src="application_4_za.png" srcset="application_4_za.png 1x, application_4_za@2x.png 2x">
+	<img id="application_4_" src="application_4_.png" srcset="application_4_.png 1x, application_4_@2x.png 2x">
 		
-	<img id="application_5_zb" src="application_5_zb.png" srcset="application_5_zb.png 1x, application_5_zb@2x.png 2x">
+	<img id="application_5_" src="application_5_.png" srcset="application_5_.png 1x, application_5_@2x.png 2x">
 		
-	<img id="application_6_zc" src="application_6_zc.png" srcset="application_6_zc.png 1x, application_6_zc@2x.png 2x">
+	<img id="application_6_" src="application_6_.png" srcset="application_6_.png 1x, application_6_@2x.png 2x">
 		
-	<img id="application_7_zd" src="application_7_zd.png" srcset="application_7_zd.png 1x, application_7_zd@2x.png 2x">
+	<img id="application_7_" src="application_7_.png" srcset="application_7_.png 1x, application_7_@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/T8TIA_all_options.html b/public/flukemoni/Ex2/T8TIA_all_options.html
old mode 100644
new mode 100755
index a5288e2..d372ab1
--- a/public/flukemoni/Ex2/T8TIA_all_options.html
+++ b/public/flukemoni/Ex2/T8TIA_all_options.html
@@ -50,7 +50,7 @@
 		top: 436px;
 		overflow: visible;
 	}
-	#T8TIA_all_options_1_m {
+	#T8TIA_all_options_1_qc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -58,7 +58,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_na {
+	#n_17_qd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_qe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_qe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 390px;
+		top: 327px;
+	}
+	#rectangle_5_qf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_na {
+	.rectangle_5_qf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: T7categories_limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_nb {
+	#n_upper_banner_qg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3034,13 +3070,21 @@ window.application = new Application();
 <div id="T8TIA_all_options">
 	<img id="T8TIA_all_options_1" src="T8TIA_all_options_1.png" srcset="T8TIA_all_options_1.png 1x, T8TIA_all_options_1@2x.png 2x">
 		
-	<img id="T8TIA_all_options_1_m" src="T8TIA_all_options_1_m.png" srcset="T8TIA_all_options_1_m.png 1x, T8TIA_all_options_1_m@2x.png 2x">
+	<img id="T8TIA_all_options_1_qc" src="T8TIA_all_options_1_qc.png" srcset="T8TIA_all_options_1_qc.png 1x, T8TIA_all_options_1_qc@2x.png 2x">
 		
-	<svg class="rectangle_5_na">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_na" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_17_qd">
+		<ellipse id="n_17_qd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_qe">
+		<ellipse id="n_31_qe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_nb" src="n_upper_banner_nb.png" srcset="n_upper_banner_nb.png 1x, n_upper_banner_nb@2x.png 2x">
+	<img id="n_upper_banner_qg" src="n_upper_banner_qg.png" srcset="n_upper_banner_qg.png 1x, n_upper_banner_qg@2x.png 2x">
 		
 	<img id="T8TIA_all_options_2" src="T8TIA_all_options_2.png" srcset="T8TIA_all_options_2.png 1x, T8TIA_all_options_2@2x.png 2x">
 		
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1.png b/public/flukemoni/Ex2/T8TIA_all_options_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_m.png b/public/flukemoni/Ex2/T8TIA_all_options_1_qc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_m.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_qc.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_m@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_1_qc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_m@2x.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_qc@2x.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_uf.png b/public/flukemoni/Ex2/T8TIA_all_options_1_y.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_uf.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_y.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_uf@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_1_y@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_uf@2x.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_y@2x.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_ug.png b/public/flukemoni/Ex2/T8TIA_all_options_1_za.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_ug.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_za.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_1_ug@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_1_za@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_1_ug@2x.png
rename to public/flukemoni/Ex2/T8TIA_all_options_1_za@2x.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_2.png b/public/flukemoni/Ex2/T8TIA_all_options_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_2@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_2_uj.png b/public/flukemoni/Ex2/T8TIA_all_options_2_zc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_2_uj.png
rename to public/flukemoni/Ex2/T8TIA_all_options_2_zc.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options_2_uj@2x.png b/public/flukemoni/Ex2/T8TIA_all_options_2_zc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T8TIA_all_options_2_uj@2x.png
rename to public/flukemoni/Ex2/T8TIA_all_options_2_zc@2x.png
diff --git a/public/flukemoni/Ex2/T8TIA_all_options___1.html b/public/flukemoni/Ex2/T8TIA_all_options___1.html
old mode 100644
new mode 100755
index ca41754..450c6eb
--- a/public/flukemoni/Ex2/T8TIA_all_options___1.html
+++ b/public/flukemoni/Ex2/T8TIA_all_options___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T8TIA_all_options_1_uf {
+	#T8TIA_all_options_1_y {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,7 @@
 		top: 436px;
 		overflow: visible;
 	}
-	#T8TIA_all_options_1_ug {
+	#T8TIA_all_options_1_za {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -58,7 +58,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_uh {
+	#n_36_za {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_za {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_zb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_zb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 368px;
+		top: 327px;
+	}
+	#rectangle_5_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uh {
+	.rectangle_5_za {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: T7categories_limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_ui {
+	#n_upper_banner_zb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -88,7 +124,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#T8TIA_all_options_2_uj {
+	#T8TIA_all_options_2_zc {
 		position: absolute;
 		width: 480px;
 		height: 428px;
@@ -96,7 +132,7 @@
 		top: 580px;
 		overflow: visible;
 	}
-	#TIA_6A_CHANNEL_uk {
+	#TIA_6A_CHANNEL_zd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -106,7 +142,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TIA_6A_CHANNEL_uk {
+	.TIA_6A_CHANNEL_zd {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3032,20 +3068,28 @@ window.application = new Application();
 </head>
 <body>
 <div id="T8TIA_all_options__1">
-	<img id="T8TIA_all_options_1_uf" src="T8TIA_all_options_1_uf.png" srcset="T8TIA_all_options_1_uf.png 1x, T8TIA_all_options_1_uf@2x.png 2x">
+	<img id="T8TIA_all_options_1_y" src="T8TIA_all_options_1_y.png" srcset="T8TIA_all_options_1_y.png 1x, T8TIA_all_options_1_y@2x.png 2x">
 		
-	<img id="T8TIA_all_options_1_ug" src="T8TIA_all_options_1_ug.png" srcset="T8TIA_all_options_1_ug.png 1x, T8TIA_all_options_1_ug@2x.png 2x">
+	<img id="T8TIA_all_options_1_za" src="T8TIA_all_options_1_za.png" srcset="T8TIA_all_options_1_za.png 1x, T8TIA_all_options_1_za@2x.png 2x">
 		
-	<svg class="rectangle_5_uh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_za">
+		<ellipse id="n_36_za" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_zb">
+		<ellipse id="n_36_zb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_za">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_za" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ui" src="n_upper_banner_ui.png" srcset="n_upper_banner_ui.png 1x, n_upper_banner_ui@2x.png 2x">
+	<img id="n_upper_banner_zb" src="n_upper_banner_zb.png" srcset="n_upper_banner_zb.png 1x, n_upper_banner_zb@2x.png 2x">
 		
-	<img id="T8TIA_all_options_2_uj" src="T8TIA_all_options_2_uj.png" srcset="T8TIA_all_options_2_uj.png 1x, T8TIA_all_options_2_uj@2x.png 2x">
+	<img id="T8TIA_all_options_2_zc" src="T8TIA_all_options_2_zc.png" srcset="T8TIA_all_options_2_zc.png 1x, T8TIA_all_options_2_zc@2x.png 2x">
 		
-	<svg class="TIA_6A_CHANNEL_uk">
-		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_uk" rx="0" ry="0" x="0" y="0" width="480" height="58">
+	<svg class="TIA_6A_CHANNEL_zd">
+		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_zd" rx="0" ry="0" x="0" y="0" width="480" height="58">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T8_iso_limits.html b/public/flukemoni/Ex2/T8_iso_limits.html
old mode 100644
new mode 100755
index f117252..df75523
--- a/public/flukemoni/Ex2/T8_iso_limits.html
+++ b/public/flukemoni/Ex2/T8_iso_limits.html
@@ -66,7 +66,61 @@
 		top: 955px;
 		overflow: visible;
 	}
-	#rectangle_5_o {
+	#n_31_si {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_si {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_sj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_sj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 166px;
+	}
+	#n_31_sk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_sk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 325px;
+	}
+	#rectangle_5_sl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +130,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_o {
+	.rectangle_5_sl {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -88,7 +142,7 @@
 		--web-action-target: T7iso_limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_o {
+	#n_upper_banner_sm {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -96,7 +150,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_o {
+	#cat6a_option_sn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -106,7 +160,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_o {
+	.cat6a_option_sn {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -119,7 +173,7 @@
 		--web-action-target: T9iso11801_pl2.html;
 		cursor: pointer;
 	}
-	#TIA_6A_CHANNEL_o {
+	#TIA_6A_CHANNEL_so {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -129,7 +183,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TIA_6A_CHANNEL_o {
+	.TIA_6A_CHANNEL_so {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3061,18 +3115,30 @@ window.application = new Application();
 		
 	<img id="iso_limits_3" src="iso_limits_3.png" srcset="iso_limits_3.png 1x, iso_limits_3@2x.png 2x">
 		
-	<svg class="rectangle_5_o">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_si">
+		<ellipse id="n_31_si" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_sj">
+		<ellipse id="n_31_sj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_sk">
+		<ellipse id="n_31_sk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_sl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sl" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
+	<img id="n_upper_banner_sm" src="n_upper_banner_sm.png" srcset="n_upper_banner_sm.png 1x, n_upper_banner_sm@2x.png 2x">
 		
-	<svg class="cat6a_option_o" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_o" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_sn" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_sn" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="TIA_6A_CHANNEL_o">
-		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_o" rx="0" ry="0" x="0" y="0" width="480" height="58">
+	<svg class="TIA_6A_CHANNEL_so">
+		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_so" rx="0" ry="0" x="0" y="0" width="480" height="58">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T8_iso_limits___1.html b/public/flukemoni/Ex2/T8_iso_limits___1.html
old mode 100644
new mode 100755
index df3a139..a4d9af5
--- a/public/flukemoni/Ex2/T8_iso_limits___1.html
+++ b/public/flukemoni/Ex2/T8_iso_limits___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_limits_1_v {
+	#iso_limits_1_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#iso_limits_2_v {
+	#iso_limits_2_a {
 		position: absolute;
 		width: 480px;
 		height: 428px;
@@ -58,7 +58,7 @@
 		top: 579px;
 		overflow: visible;
 	}
-	#iso_limits_3_v {
+	#iso_limits_3_b {
 		position: absolute;
 		width: 480px;
 		height: 166px;
@@ -66,7 +66,61 @@
 		top: 955px;
 		overflow: visible;
 	}
-	#rectangle_5_wa {
+	#n_36_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 166px;
+	}
+	#n_36_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 325px;
+	}
+	#rectangle_5_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +130,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wa {
+	.rectangle_5_g {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -88,7 +142,7 @@
 		--web-action-target: T7iso_limits___3.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_wa {
+	#n_upper_banner_g {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -96,7 +150,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#cat6a_option_wb {
+	#cat6a_option_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -106,7 +160,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_wb {
+	.cat6a_option_h {
 		overflow: visible;
 		position: absolute;
 		width: 480px;
@@ -119,7 +173,7 @@
 		--web-action-target: T9iso11801_pl2___1.html;
 		cursor: pointer;
 	}
-	#TIA_6A_CHANNEL_wc {
+	#TIA_6A_CHANNEL_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -129,7 +183,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TIA_6A_CHANNEL_wc {
+	.TIA_6A_CHANNEL_i {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3055,24 +3109,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="T8_iso_limits__1">
-	<img id="iso_limits_1_v" src="iso_limits_1_v.png" srcset="iso_limits_1_v.png 1x, iso_limits_1_v@2x.png 2x">
+	<img id="iso_limits_1_" src="iso_limits_1_.png" srcset="iso_limits_1_.png 1x, iso_limits_1_@2x.png 2x">
 		
-	<img id="iso_limits_2_v" src="iso_limits_2_v.png" srcset="iso_limits_2_v.png 1x, iso_limits_2_v@2x.png 2x">
+	<img id="iso_limits_2_a" src="iso_limits_2_a.png" srcset="iso_limits_2_a.png 1x, iso_limits_2_a@2x.png 2x">
 		
-	<img id="iso_limits_3_v" src="iso_limits_3_v.png" srcset="iso_limits_3_v.png 1x, iso_limits_3_v@2x.png 2x">
+	<img id="iso_limits_3_b" src="iso_limits_3_b.png" srcset="iso_limits_3_b.png 1x, iso_limits_3_b@2x.png 2x">
 		
-	<svg class="rectangle_5_wa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_c">
+		<ellipse id="n_36_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_d">
+		<ellipse id="n_36_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_e">
+		<ellipse id="n_36_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_g">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_g" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_wa" src="n_upper_banner_wa.png" srcset="n_upper_banner_wa.png 1x, n_upper_banner_wa@2x.png 2x">
+	<img id="n_upper_banner_g" src="n_upper_banner_g.png" srcset="n_upper_banner_g.png 1x, n_upper_banner_g@2x.png 2x">
 		
-	<svg class="cat6a_option_wb" viewBox="0 0 480 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_wb" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_h" viewBox="0 0 480 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_h" d="M 0 0 L 480 0 L 480 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
-	<svg class="TIA_6A_CHANNEL_wc">
-		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_wc" rx="0" ry="0" x="0" y="0" width="480" height="58">
+	<svg class="TIA_6A_CHANNEL_i">
+		<rect onclick="application.goToTargetView(event)" id="TIA_6A_CHANNEL_i" rx="0" ry="0" x="0" y="0" width="480" height="58">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL.html b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL.html
old mode 100644
new mode 100755
index d72375a..b6a13fb
--- a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL.html
+++ b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T9_TIACAT6ACHANNEL_ng {
+	#T9_TIACAT6ACHANNEL_ql {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nh {
+	#n_31_qm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_qm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#n_17_qn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_qn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_qo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,15 +96,19 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nh {
+	.rectangle_5_qo {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
 		height: 31px;
 		left: 20px;
 		top: 46px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: T8TIA_all_options.html;
+		cursor: pointer;
 	}
-	#n_upper_banner_ni {
+	#n_upper_banner_qp {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3012,13 +3052,21 @@ window.application = new Application();
 </head>
 <body>
 <div id="T9_TIACAT6ACHANNEL">
-	<img id="T9_TIACAT6ACHANNEL_ng" src="T9_TIACAT6ACHANNEL_ng.png" srcset="T9_TIACAT6ACHANNEL_ng.png 1x, T9_TIACAT6ACHANNEL_ng@2x.png 2x">
+	<img id="T9_TIACAT6ACHANNEL_ql" src="T9_TIACAT6ACHANNEL_ql.png" srcset="T9_TIACAT6ACHANNEL_ql.png 1x, T9_TIACAT6ACHANNEL_ql@2x.png 2x">
 		
-	<svg class="rectangle_5_nh">
-		<rect id="rectangle_5_nh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_qm">
+		<ellipse id="n_31_qm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_qn">
+		<ellipse id="n_17_qn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_qo">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qo" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ni" src="n_upper_banner_ni.png" srcset="n_upper_banner_ni.png 1x, n_upper_banner_ni@2x.png 2x">
+	<img id="n_upper_banner_qp" src="n_upper_banner_qp.png" srcset="n_upper_banner_qp.png 1x, n_upper_banner_qp@2x.png 2x">
 		
 	<svg class="save">
 		<rect onclick="application.goToTargetView(event)" id="save" rx="0" ry="0" x="0" y="0" width="57" height="53">
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL___1.html b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL___1.html
old mode 100644
new mode 100755
index 624fb28..0be7ae5
--- a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL___1.html
+++ b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T9_TIACAT6ACHANNEL_un {
+	#T9_TIACAT6ACHANNEL_zg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_uo {
+	#n_36_zh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_zh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_zi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uo {
+	.rectangle_5_zi {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_up {
+	#n_upper_banner_zj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_uq {
+	#save_zk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_uq {
+	.save_zk {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="T9_TIACAT6ACHANNEL__1">
-	<img id="T9_TIACAT6ACHANNEL_un" src="T9_TIACAT6ACHANNEL_un.png" srcset="T9_TIACAT6ACHANNEL_un.png 1x, T9_TIACAT6ACHANNEL_un@2x.png 2x">
+	<img id="T9_TIACAT6ACHANNEL_zg" src="T9_TIACAT6ACHANNEL_zg.png" srcset="T9_TIACAT6ACHANNEL_zg.png 1x, T9_TIACAT6ACHANNEL_zg@2x.png 2x">
 		
-	<svg class="rectangle_5_uo">
-		<rect id="rectangle_5_uo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_zh">
+		<ellipse id="n_36_zh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_zi">
+		<rect id="rectangle_5_zi" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_up" src="n_upper_banner_up.png" srcset="n_upper_banner_up.png 1x, n_upper_banner_up@2x.png 2x">
+	<img id="n_upper_banner_zj" src="n_upper_banner_zj.png" srcset="n_upper_banner_zj.png 1x, n_upper_banner_zj@2x.png 2x">
 		
-	<svg class="save_uq">
-		<rect onclick="application.goToTargetView(event)" id="save_uq" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_zk">
+		<rect onclick="application.goToTargetView(event)" id="save_zk" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ng.png b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ql.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ng.png
rename to public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ql.png
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ng@2x.png b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ql@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ng@2x.png
rename to public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_ql@2x.png
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_un.png b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_zg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_un.png
rename to public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_zg.png
diff --git a/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_un@2x.png b/public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_zg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_un@2x.png
rename to public/flukemoni/Ex2/T9_TIACAT6ACHANNEL_zg@2x.png
diff --git a/public/flukemoni/Ex2/T9iso11801_pl2.html b/public/flukemoni/Ex2/T9iso11801_pl2.html
old mode 100644
new mode 100755
index 22f431c..820428c
--- a/public/flukemoni/Ex2/T9iso11801_pl2.html
+++ b/public/flukemoni/Ex2/T9iso11801_pl2.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pa {
+	#n_31_ss {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ss {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_st {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_st {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_su {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pa {
+	.rectangle_5_su {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T8_iso_limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_pa {
+	#n_upper_banner_sv {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_pb {
+	#save_sw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_pb {
+	.save_sw {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="T9iso11801_pl2">
 	<img id="iso11801_pl2_class_ea" src="iso11801_pl2_class_ea.png" srcset="iso11801_pl2_class_ea.png 1x, iso11801_pl2_class_ea@2x.png 2x">
 		
-	<svg class="rectangle_5_pa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_ss">
+		<ellipse id="n_31_ss" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_st">
+		<ellipse id="n_31_st" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_su">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_su" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pa" src="n_upper_banner_pa.png" srcset="n_upper_banner_pa.png 1x, n_upper_banner_pa@2x.png 2x">
+	<img id="n_upper_banner_sv" src="n_upper_banner_sv.png" srcset="n_upper_banner_sv.png 1x, n_upper_banner_sv@2x.png 2x">
 		
-	<svg class="save_pb">
-		<rect onclick="application.goToTargetView(event)" id="save_pb" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_sw">
+		<rect onclick="application.goToTargetView(event)" id="save_sw" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T9iso11801_pl2___1.html b/public/flukemoni/Ex2/T9iso11801_pl2___1.html
old mode 100644
new mode 100755
index 90324dc..c5bd1c9
--- a/public/flukemoni/Ex2/T9iso11801_pl2___1.html
+++ b/public/flukemoni/Ex2/T9iso11801_pl2___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso11801_pl2_class_ea_wf {
+	#iso11801_pl2_class_ea_l {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wg {
+	#n_36_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wg {
+	.rectangle_5_q {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T8_iso_limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_wh {
+	#n_upper_banner_baa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_wi {
+	#save_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_wi {
+	.save_q {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T9iso11801_pl2__1">
-	<img id="iso11801_pl2_class_ea_wf" src="iso11801_pl2_class_ea_wf.png" srcset="iso11801_pl2_class_ea_wf.png 1x, iso11801_pl2_class_ea_wf@2x.png 2x">
+	<img id="iso11801_pl2_class_ea_l" src="iso11801_pl2_class_ea_l.png" srcset="iso11801_pl2_class_ea_l.png 1x, iso11801_pl2_class_ea_l@2x.png 2x">
 		
-	<svg class="rectangle_5_wg">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_m">
+		<ellipse id="n_36_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_o">
+		<ellipse id="n_36_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_q">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_wh" src="n_upper_banner_wh.png" srcset="n_upper_banner_wh.png 1x, n_upper_banner_wh@2x.png 2x">
+	<img id="n_upper_banner_baa" src="n_upper_banner_baa.png" srcset="n_upper_banner_baa.png 1x, n_upper_banner_baa@2x.png 2x">
 		
-	<svg class="save_wi">
-		<rect onclick="application.goToTargetView(event)" id="save_wi" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_q">
+		<rect onclick="application.goToTargetView(event)" id="save_q" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T9iso11801_pl3___1.html b/public/flukemoni/Ex2/T9iso11801_pl3___1.html
old mode 100644
new mode 100755
index e7ed941..5acd56f
--- a/public/flukemoni/Ex2/T9iso11801_pl3___1.html
+++ b/public/flukemoni/Ex2/T9iso11801_pl3___1.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ql {
+	#n_31_uf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_uf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#n_31_ug {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ug {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_uh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ql {
+	.rectangle_5_uh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T8_iso_limits.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_qm {
+	#n_upper_banner_ui {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_qn {
+	#save_uj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_qn {
+	.save_uj {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="T9iso11801_pl3__1">
 	<img id="iso11801_pl3_class_ea" src="iso11801_pl3_class_ea.png" srcset="iso11801_pl3_class_ea.png 1x, iso11801_pl3_class_ea@2x.png 2x">
 		
-	<svg class="rectangle_5_ql">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ql" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_uf">
+		<ellipse id="n_31_uf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_ug">
+		<ellipse id="n_31_ug" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_uh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_qm" src="n_upper_banner_qm.png" srcset="n_upper_banner_qm.png 1x, n_upper_banner_qm@2x.png 2x">
+	<img id="n_upper_banner_ui" src="n_upper_banner_ui.png" srcset="n_upper_banner_ui.png 1x, n_upper_banner_ui@2x.png 2x">
 		
-	<svg class="save_qn">
-		<rect onclick="application.goToTargetView(event)" id="save_qn" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_uj">
+		<rect onclick="application.goToTargetView(event)" id="save_uj" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/T9iso11801_pl3___2.html b/public/flukemoni/Ex2/T9iso11801_pl3___2.html
old mode 100644
new mode 100755
index 10a46c1..31a1a60
--- a/public/flukemoni/Ex2/T9iso11801_pl3___2.html
+++ b/public/flukemoni/Ex2/T9iso11801_pl3___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso11801_pl3_class_ea_xy {
+	#iso11801_pl3_class_ea_f {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_xz {
+	#n_36_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_36_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_bae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xz {
+	.rectangle_5_bae {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T8_iso_limits___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_x {
+	#n_upper_banner_baj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_x {
+	#save_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_x {
+	.save_l {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="T9iso11801_pl3__2">
-	<img id="iso11801_pl3_class_ea_xy" src="iso11801_pl3_class_ea_xy.png" srcset="iso11801_pl3_class_ea_xy.png 1x, iso11801_pl3_class_ea_xy@2x.png 2x">
+	<img id="iso11801_pl3_class_ea_f" src="iso11801_pl3_class_ea_f.png" srcset="iso11801_pl3_class_ea_f.png 1x, iso11801_pl3_class_ea_f@2x.png 2x">
 		
-	<svg class="rectangle_5_xz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_l">
+		<ellipse id="n_36_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_q">
+		<ellipse id="n_36_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bae">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bae" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_x" src="n_upper_banner_x.png" srcset="n_upper_banner_x.png 1x, n_upper_banner_x@2x.png 2x">
+	<img id="n_upper_banner_baj" src="n_upper_banner_baj.png" srcset="n_upper_banner_baj.png 1x, n_upper_banner_baj@2x.png 2x">
 		
-	<svg class="save_x">
-		<rect onclick="application.goToTargetView(event)" id="save_x" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_l">
+		<rect onclick="application.goToTargetView(event)" id="save_l" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/TIA_CAT_6A.png b/public/flukemoni/Ex2/TIA_CAT_6A.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/TIA_CAT_6A@2x.png b/public/flukemoni/Ex2/TIA_CAT_6A@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_1.png b/public/flukemoni/Ex2/application_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_1@2x.png b/public/flukemoni/Ex2/application_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_1_y.png b/public/flukemoni/Ex2/application_1_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_1_y.png
rename to public/flukemoni/Ex2/application_1_t.png
diff --git a/public/flukemoni/Ex2/application_1_y@2x.png b/public/flukemoni/Ex2/application_1_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_1_y@2x.png
rename to public/flukemoni/Ex2/application_1_t@2x.png
diff --git a/public/flukemoni/Ex2/application_2.png b/public/flukemoni/Ex2/application_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_2@2x.png b/public/flukemoni/Ex2/application_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_2_y.png b/public/flukemoni/Ex2/application_2_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_2_y.png
rename to public/flukemoni/Ex2/application_2_.png
diff --git a/public/flukemoni/Ex2/application_2_y@2x.png b/public/flukemoni/Ex2/application_2_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_2_y@2x.png
rename to public/flukemoni/Ex2/application_2_@2x.png
diff --git a/public/flukemoni/Ex2/application_3.png b/public/flukemoni/Ex2/application_3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_3@2x.png b/public/flukemoni/Ex2/application_3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_3_y.png b/public/flukemoni/Ex2/application_3_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_3_y.png
rename to public/flukemoni/Ex2/application_3_.png
diff --git a/public/flukemoni/Ex2/application_3_y@2x.png b/public/flukemoni/Ex2/application_3_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_3_y@2x.png
rename to public/flukemoni/Ex2/application_3_@2x.png
diff --git a/public/flukemoni/Ex2/application_4.png b/public/flukemoni/Ex2/application_4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_4@2x.png b/public/flukemoni/Ex2/application_4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_4_za.png b/public/flukemoni/Ex2/application_4_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_4_za.png
rename to public/flukemoni/Ex2/application_4_.png
diff --git a/public/flukemoni/Ex2/application_4_za@2x.png b/public/flukemoni/Ex2/application_4_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_4_za@2x.png
rename to public/flukemoni/Ex2/application_4_@2x.png
diff --git a/public/flukemoni/Ex2/application_5.png b/public/flukemoni/Ex2/application_5.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_5@2x.png b/public/flukemoni/Ex2/application_5@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_5_zb.png b/public/flukemoni/Ex2/application_5_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_5_zb.png
rename to public/flukemoni/Ex2/application_5_.png
diff --git a/public/flukemoni/Ex2/application_5_zb@2x.png b/public/flukemoni/Ex2/application_5_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_5_zb@2x.png
rename to public/flukemoni/Ex2/application_5_@2x.png
diff --git a/public/flukemoni/Ex2/application_6.png b/public/flukemoni/Ex2/application_6.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_6@2x.png b/public/flukemoni/Ex2/application_6@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_6_zc.png b/public/flukemoni/Ex2/application_6_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_6_zc.png
rename to public/flukemoni/Ex2/application_6_.png
diff --git a/public/flukemoni/Ex2/application_6_zc@2x.png b/public/flukemoni/Ex2/application_6_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_6_zc@2x.png
rename to public/flukemoni/Ex2/application_6_@2x.png
diff --git a/public/flukemoni/Ex2/application_7.png b/public/flukemoni/Ex2/application_7.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_7@2x.png b/public/flukemoni/Ex2/application_7@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/application_7_zd.png b/public/flukemoni/Ex2/application_7_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_7_zd.png
rename to public/flukemoni/Ex2/application_7_.png
diff --git a/public/flukemoni/Ex2/application_7_zd@2x.png b/public/flukemoni/Ex2/application_7_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/application_7_zd@2x.png
rename to public/flukemoni/Ex2/application_7_@2x.png
diff --git a/public/flukemoni/Ex2/back_to_home.png b/public/flukemoni/Ex2/back_to_home.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home1.png b/public/flukemoni/Ex2/back_to_home1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home1@2x.png b/public/flukemoni/Ex2/back_to_home1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home1_yb.png b/public/flukemoni/Ex2/back_to_home1_w.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/back_to_home1_yb.png
rename to public/flukemoni/Ex2/back_to_home1_w.png
diff --git a/public/flukemoni/Ex2/back_to_home1_yb@2x.png b/public/flukemoni/Ex2/back_to_home1_w@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/back_to_home1_yb@2x.png
rename to public/flukemoni/Ex2/back_to_home1_w@2x.png
diff --git a/public/flukemoni/Ex2/back_to_home2.png b/public/flukemoni/Ex2/back_to_home2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home2@2x.png b/public/flukemoni/Ex2/back_to_home2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home3.png b/public/flukemoni/Ex2/back_to_home3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home3@2x.png b/public/flukemoni/Ex2/back_to_home3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home@2x.png b/public/flukemoni/Ex2/back_to_home@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/back_to_home_ws.png b/public/flukemoni/Ex2/back_to_home_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/back_to_home_ws.png
rename to public/flukemoni/Ex2/back_to_home_.png
diff --git a/public/flukemoni/Ex2/back_to_home_ws@2x.png b/public/flukemoni/Ex2/back_to_home_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/back_to_home_ws@2x.png
rename to public/flukemoni/Ex2/back_to_home_@2x.png
diff --git a/public/flukemoni/Ex2/back_to_homepage.html b/public/flukemoni/Ex2/back_to_homepage.html
old mode 100644
new mode 100755
index 387dc79..ee22eb2
--- a/public/flukemoni/Ex2/back_to_homepage.html
+++ b/public/flukemoni/Ex2/back_to_homepage.html
@@ -50,25 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nu {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
+	#n_31_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
 		stroke-linejoin: miter;
 		stroke-linecap: butt;
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nu {
+	.n_31_q {
 		position: absolute;
 		overflow: visible;
-		width: 49px;
-		height: 31px;
-		left: 20px;
-		top: 46px;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 599px;
 	}
-	#n_upper_banner_nv {
+	#n_upper_banner_q {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_nw {
+	#choose_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_nw {
+	.choose_q {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3014,14 @@ window.application = new Application();
 <div id="back_to_homepage">
 	<img id="T1cat_6A_Channel" src="T1cat_6A_Channel.png" srcset="T1cat_6A_Channel.png 1x, T1cat_6A_Channel@2x.png 2x">
 		
-	<svg class="rectangle_5_nu">
-		<rect id="rectangle_5_nu" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
+	<svg class="n_31_q">
+		<ellipse id="n_31_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
 	</svg>
-	<img id="n_upper_banner_nv" src="n_upper_banner_nv.png" srcset="n_upper_banner_nv.png 1x, n_upper_banner_nv@2x.png 2x">
+	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
 		
-	<svg class="choose_nw">
-		<rect onclick="application.goToTargetView(event)" id="choose_nw" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_q">
+		<rect onclick="application.goToTargetView(event)" id="choose_q" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___1.html b/public/flukemoni/Ex2/back_to_homepage___1.html
old mode 100644
new mode 100755
index 62cf6b3..c0c6e79
--- a/public/flukemoni/Ex2/back_to_homepage___1.html
+++ b/public/flukemoni/Ex2/back_to_homepage___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pm {
+	#n_31_tb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_tb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 386px;
+		top: 597px;
+	}
+	#rectangle_5_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pm {
+	.rectangle_5_ta {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_pn {
+	#n_upper_banner_tb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_po {
+	#choose_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_po {
+	.choose_tc {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="back_to_homepage__1">
 	<img id="back_to_home" src="back_to_home.png" srcset="back_to_home.png 1x, back_to_home@2x.png 2x">
 		
-	<svg class="rectangle_5_pm">
-		<rect id="rectangle_5_pm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_tb">
+		<ellipse id="n_31_tb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ta">
+		<rect id="rectangle_5_ta" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pn" src="n_upper_banner_pn.png" srcset="n_upper_banner_pn.png 1x, n_upper_banner_pn@2x.png 2x">
+	<img id="n_upper_banner_tb" src="n_upper_banner_tb.png" srcset="n_upper_banner_tb.png 1x, n_upper_banner_tb@2x.png 2x">
 		
-	<svg class="choose_po">
-		<rect onclick="application.goToTargetView(event)" id="choose_po" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_tc">
+		<rect onclick="application.goToTargetView(event)" id="choose_tc" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___2.html b/public/flukemoni/Ex2/back_to_homepage___2.html
old mode 100644
new mode 100755
index fb36d2e..d74946d
--- a/public/flukemoni/Ex2/back_to_homepage___2.html
+++ b/public/flukemoni/Ex2/back_to_homepage___2.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qy {
+	#n_31_uw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_uw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 386px;
+		top: 602px;
+	}
+	#rectangle_5_ux {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qy {
+	.rectangle_5_ux {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_qz {
+	#n_upper_banner_uy {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_q {
+	#choose_uz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_q {
+	.choose_uz {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="back_to_homepage__2">
 	<img id="back_to_home1" src="back_to_home1.png" srcset="back_to_home1.png 1x, back_to_home1@2x.png 2x">
 		
-	<svg class="rectangle_5_qy">
-		<rect id="rectangle_5_qy" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_uw">
+		<ellipse id="n_31_uw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ux">
+		<rect id="rectangle_5_ux" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_qz" src="n_upper_banner_qz.png" srcset="n_upper_banner_qz.png 1x, n_upper_banner_qz@2x.png 2x">
+	<img id="n_upper_banner_uy" src="n_upper_banner_uy.png" srcset="n_upper_banner_uy.png 1x, n_upper_banner_uy@2x.png 2x">
 		
-	<svg class="choose_q">
-		<rect onclick="application.goToTargetView(event)" id="choose_q" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_uz">
+		<rect onclick="application.goToTargetView(event)" id="choose_uz" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___3.html b/public/flukemoni/Ex2/back_to_homepage___3.html
old mode 100644
new mode 100755
index b7fd3d4..cbd458b
--- a/public/flukemoni/Ex2/back_to_homepage___3.html
+++ b/public/flukemoni/Ex2/back_to_homepage___3.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sq {
+	#n_31_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 384px;
+		top: 601px;
+	}
+	#rectangle_5_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sq {
+	.rectangle_5_w {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_sr {
+	#n_upper_banner_w {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_ss {
+	#choose_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_ss {
+	.choose_w {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="back_to_homepage__3">
 	<img id="Home_25GBase-T" src="Home_25GBase-T.png" srcset="Home_25GBase-T.png 1x, Home_25GBase-T@2x.png 2x">
 		
-	<svg class="rectangle_5_sq">
-		<rect id="rectangle_5_sq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_w">
+		<ellipse id="n_31_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_w">
+		<rect id="rectangle_5_w" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_sr" src="n_upper_banner_sr.png" srcset="n_upper_banner_sr.png 1x, n_upper_banner_sr@2x.png 2x">
+	<img id="n_upper_banner_w" src="n_upper_banner_w.png" srcset="n_upper_banner_w.png 1x, n_upper_banner_w@2x.png 2x">
 		
-	<svg class="choose_ss">
-		<rect onclick="application.goToTargetView(event)" id="choose_ss" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_w">
+		<rect onclick="application.goToTargetView(event)" id="choose_w" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___4.html b/public/flukemoni/Ex2/back_to_homepage___4.html
old mode 100644
new mode 100755
index 47f1e37..2a847e1
--- a/public/flukemoni/Ex2/back_to_homepage___4.html
+++ b/public/flukemoni/Ex2/back_to_homepage___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#T1cat_6A_Channel_u {
+	#T1cat_6A_Channel_zv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_u {
+	#n_36_zw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_zw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 602px;
+	}
+	#rectangle_5_zx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_u {
+	.rectangle_5_zx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_u {
+	#n_upper_banner_zy {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_u {
+	#choose_zz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_u {
+	.choose_zz {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="back_to_homepage__4">
-	<img id="T1cat_6A_Channel_u" src="T1cat_6A_Channel_u.png" srcset="T1cat_6A_Channel_u.png 1x, T1cat_6A_Channel_u@2x.png 2x">
+	<img id="T1cat_6A_Channel_zv" src="T1cat_6A_Channel_zv.png" srcset="T1cat_6A_Channel_zv.png 1x, T1cat_6A_Channel_zv@2x.png 2x">
 		
-	<svg class="rectangle_5_u">
-		<rect id="rectangle_5_u" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_zw">
+		<ellipse id="n_36_zw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_zx">
+		<rect id="rectangle_5_zx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_u" src="n_upper_banner_u.png" srcset="n_upper_banner_u.png 1x, n_upper_banner_u@2x.png 2x">
+	<img id="n_upper_banner_zy" src="n_upper_banner_zy.png" srcset="n_upper_banner_zy.png 1x, n_upper_banner_zy@2x.png 2x">
 		
-	<svg class="choose_u">
-		<rect onclick="application.goToTargetView(event)" id="choose_u" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_zz">
+		<rect onclick="application.goToTargetView(event)" id="choose_zz" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___5.html b/public/flukemoni/Ex2/back_to_homepage___5.html
old mode 100644
new mode 100755
index 5631eb5..42032b5
--- a/public/flukemoni/Ex2/back_to_homepage___5.html
+++ b/public/flukemoni/Ex2/back_to_homepage___5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#back_to_home_ws {
+	#back_to_home_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wt {
+	#n_36_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 597px;
+	}
+	#rectangle_5_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wt {
+	.rectangle_5_d {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_wu {
+	#n_upper_banner_bac {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_wv {
+	#choose_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_wv {
+	.choose_ {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="back_to_homepage__5">
-	<img id="back_to_home_ws" src="back_to_home_ws.png" srcset="back_to_home_ws.png 1x, back_to_home_ws@2x.png 2x">
+	<img id="back_to_home_" src="back_to_home_.png" srcset="back_to_home_.png 1x, back_to_home_@2x.png 2x">
 		
-	<svg class="rectangle_5_wt">
-		<rect id="rectangle_5_wt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_f">
+		<ellipse id="n_36_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_d">
+		<rect id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_wu" src="n_upper_banner_wu.png" srcset="n_upper_banner_wu.png 1x, n_upper_banner_wu@2x.png 2x">
+	<img id="n_upper_banner_bac" src="n_upper_banner_bac.png" srcset="n_upper_banner_bac.png 1x, n_upper_banner_bac@2x.png 2x">
 		
-	<svg class="choose_wv">
-		<rect onclick="application.goToTargetView(event)" id="choose_wv" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_">
+		<rect onclick="application.goToTargetView(event)" id="choose_" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___6.html b/public/flukemoni/Ex2/back_to_homepage___6.html
old mode 100644
new mode 100755
index 38a70da..9d41839
--- a/public/flukemoni/Ex2/back_to_homepage___6.html
+++ b/public/flukemoni/Ex2/back_to_homepage___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#back_to_home1_yb {
+	#back_to_home1_w {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yc {
+	#n_36_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 381px;
+		top: 602px;
+	}
+	#rectangle_5_bag {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yc {
+	.rectangle_5_bag {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_yd {
+	#n_upper_banner_bal {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_ye {
+	#choose_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_ye {
+	.choose_a {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="back_to_homepage__6">
-	<img id="back_to_home1_yb" src="back_to_home1_yb.png" srcset="back_to_home1_yb.png 1x, back_to_home1_yb@2x.png 2x">
+	<img id="back_to_home1_w" src="back_to_home1_w.png" srcset="back_to_home1_w.png 1x, back_to_home1_w@2x.png 2x">
 		
-	<svg class="rectangle_5_yc">
-		<rect id="rectangle_5_yc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_x">
+		<ellipse id="n_36_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bag">
+		<rect id="rectangle_5_bag" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_yd" src="n_upper_banner_yd.png" srcset="n_upper_banner_yd.png 1x, n_upper_banner_yd@2x.png 2x">
+	<img id="n_upper_banner_bal" src="n_upper_banner_bal.png" srcset="n_upper_banner_bal.png 1x, n_upper_banner_bal@2x.png 2x">
 		
-	<svg class="choose_ye">
-		<rect onclick="application.goToTargetView(event)" id="choose_ye" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_a">
+		<rect onclick="application.goToTargetView(event)" id="choose_a" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___7.html b/public/flukemoni/Ex2/back_to_homepage___7.html
old mode 100644
new mode 100755
index 25946af..06eca72
--- a/public/flukemoni/Ex2/back_to_homepage___7.html
+++ b/public/flukemoni/Ex2/back_to_homepage___7.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_zu {
+	#n_36_bak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 383px;
+		top: 603px;
+	}
+	#rectangle_5_ban {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_zu {
+	.rectangle_5_ban {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_zv {
+	#n_upper_banner_bat {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_zw {
+	#choose_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_zw {
+	.choose_u {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="back_to_homepage__7">
 	<img id="back_to_home2" src="back_to_home2.png" srcset="back_to_home2.png 1x, back_to_home2@2x.png 2x">
 		
-	<svg class="rectangle_5_zu">
-		<rect id="rectangle_5_zu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bak">
+		<ellipse id="n_36_bak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ban">
+		<rect id="rectangle_5_ban" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_zv" src="n_upper_banner_zv.png" srcset="n_upper_banner_zv.png 1x, n_upper_banner_zv@2x.png 2x">
+	<img id="n_upper_banner_bat" src="n_upper_banner_bat.png" srcset="n_upper_banner_bat.png 1x, n_upper_banner_bat@2x.png 2x">
 		
-	<svg class="choose_zw">
-		<rect onclick="application.goToTargetView(event)" id="choose_zw" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_u">
+		<rect onclick="application.goToTargetView(event)" id="choose_u" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/back_to_homepage___8.html b/public/flukemoni/Ex2/back_to_homepage___8.html
old mode 100644
new mode 100755
index e8eda23..bb305a2
--- a/public/flukemoni/Ex2/back_to_homepage___8.html
+++ b/public/flukemoni/Ex2/back_to_homepage___8.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_bac {
+	#n_31_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 601px;
+	}
+	#rectangle_5_bay {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bac {
+	.rectangle_5_bay {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_bad {
+	#n_upper_banner_bbe {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#choose_z {
+	#choose_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.choose_z {
+	.choose_d {
 		position: absolute;
 		overflow: visible;
 		width: 122px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="back_to_homepage__8">
 	<img id="back_to_home3" src="back_to_home3.png" srcset="back_to_home3.png 1x, back_to_home3@2x.png 2x">
 		
-	<svg class="rectangle_5_bac">
-		<rect id="rectangle_5_bac" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_f">
+		<ellipse id="n_31_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bay">
+		<rect id="rectangle_5_bay" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bad" src="n_upper_banner_bad.png" srcset="n_upper_banner_bad.png 1x, n_upper_banner_bad@2x.png 2x">
+	<img id="n_upper_banner_bbe" src="n_upper_banner_bbe.png" srcset="n_upper_banner_bbe.png 1x, n_upper_banner_bbe@2x.png 2x">
 		
-	<svg class="choose_z">
-		<rect onclick="application.goToTargetView(event)" id="choose_z" rx="0" ry="0" x="0" y="0" width="122" height="50">
+	<svg class="choose_d">
+		<rect onclick="application.goToTargetView(event)" id="choose_d" rx="0" ry="0" x="0" y="0" width="122" height="50">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/cable_type_cat5e_ftp.png b/public/flukemoni/Ex2/cable_type_cat5e_ftp.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cable_type_cat5e_ftp@2x.png b/public/flukemoni/Ex2/cable_type_cat5e_ftp@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cable_type_general.png b/public/flukemoni/Ex2/cable_type_general.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cable_type_general@2x.png b/public/flukemoni/Ex2/cable_type_general@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cable_type_general_1.png b/public/flukemoni/Ex2/cable_type_general_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cable_type_general_1@2x.png b/public/flukemoni/Ex2/cable_type_general_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/cat6a_option_r.png b/public/flukemoni/Ex2/cat6a_option_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_r.png
rename to public/flukemoni/Ex2/cat6a_option_b.png
diff --git a/public/flukemoni/Ex2/cat6a_option_r@2x.png b/public/flukemoni/Ex2/cat6a_option_b@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_r@2x.png
rename to public/flukemoni/Ex2/cat6a_option_b@2x.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sa.png b/public/flukemoni/Ex2/cat6a_option_wd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sa.png
rename to public/flukemoni/Ex2/cat6a_option_wd.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sa@2x.png b/public/flukemoni/Ex2/cat6a_option_wd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sa@2x.png
rename to public/flukemoni/Ex2/cat6a_option_wd@2x.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sb.png b/public/flukemoni/Ex2/cat6a_option_we.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sb.png
rename to public/flukemoni/Ex2/cat6a_option_we.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sb@2x.png b/public/flukemoni/Ex2/cat6a_option_we@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sb@2x.png
rename to public/flukemoni/Ex2/cat6a_option_we@2x.png
diff --git a/public/flukemoni/Ex2/cat6a_option_za.png b/public/flukemoni/Ex2/cat6a_option_wf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_za.png
rename to public/flukemoni/Ex2/cat6a_option_wf.png
diff --git a/public/flukemoni/Ex2/cat6a_option_za@2x.png b/public/flukemoni/Ex2/cat6a_option_wf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_za@2x.png
rename to public/flukemoni/Ex2/cat6a_option_wf@2x.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sf.png b/public/flukemoni/Ex2/cat6a_option_wo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sf.png
rename to public/flukemoni/Ex2/cat6a_option_wo.png
diff --git a/public/flukemoni/Ex2/cat6a_option_sf@2x.png b/public/flukemoni/Ex2/cat6a_option_wo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/cat6a_option_sf@2x.png
rename to public/flukemoni/Ex2/cat6a_option_wo@2x.png
diff --git a/public/flukemoni/Ex2/change_to_25GBase-T.png b/public/flukemoni/Ex2/change_to_25GBase-T.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/change_to_25GBase-T@2x.png b/public/flukemoni/Ex2/change_to_25GBase-T@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/current_s.png b/public/flukemoni/Ex2/current_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_s.png
rename to public/flukemoni/Ex2/current_.png
diff --git a/public/flukemoni/Ex2/current_s@2x.png b/public/flukemoni/Ex2/current_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_s@2x.png
rename to public/flukemoni/Ex2/current_@2x.png
diff --git a/public/flukemoni/Ex2/current_sl.png b/public/flukemoni/Ex2/current_l.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_sl.png
rename to public/flukemoni/Ex2/current_l.png
diff --git a/public/flukemoni/Ex2/current_sl@2x.png b/public/flukemoni/Ex2/current_l@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_sl@2x.png
rename to public/flukemoni/Ex2/current_l@2x.png
diff --git a/public/flukemoni/Ex2/current_zp.png b/public/flukemoni/Ex2/current_ww.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_zp.png
rename to public/flukemoni/Ex2/current_ww.png
diff --git a/public/flukemoni/Ex2/current_zp@2x.png b/public/flukemoni/Ex2/current_ww@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/current_zp@2x.png
rename to public/flukemoni/Ex2/current_ww@2x.png
diff --git a/public/flukemoni/Ex2/customized.html b/public/flukemoni/Ex2/customized.html
old mode 100644
new mode 100755
index a921574..2fea0bf
--- a/public/flukemoni/Ex2/customized.html
+++ b/public/flukemoni/Ex2/customized.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_jt {
+	#rectangle_5_lu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jt {
+	.rectangle_5_lu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="customized">
-	<svg class="rectangle_5_jt">
-		<rect id="rectangle_5_jt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lu">
+		<rect id="rectangle_5_lu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/customized___7.html b/public/flukemoni/Ex2/customized___7.html
old mode 100644
new mode 100755
index 0c81969..8d20d33
--- a/public/flukemoni/Ex2/customized___7.html
+++ b/public/flukemoni/Ex2/customized___7.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#rectangle_5_ff {
+	#rectangle_5_fx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -42,7 +42,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ff {
+	.rectangle_5_fx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2964,8 +2964,8 @@ window.application = new Application();
 </head>
 <body>
 <div id="customized__7">
-	<svg class="rectangle_5_ff">
-		<rect id="rectangle_5_ff" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_fx">
+		<rect id="rectangle_5_fx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/ftp_result.png b/public/flukemoni/Ex2/ftp_result.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/ftp_result@2x.png b/public/flukemoni/Ex2/ftp_result@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/impedance.png b/public/flukemoni/Ex2/impedance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/impedance@2x.png b/public/flukemoni/Ex2/impedance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/impedance_v.png b/public/flukemoni/Ex2/impedance_y.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/impedance_v.png
rename to public/flukemoni/Ex2/impedance_y.png
diff --git a/public/flukemoni/Ex2/impedance_v@2x.png b/public/flukemoni/Ex2/impedance_y@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/impedance_v@2x.png
rename to public/flukemoni/Ex2/impedance_y@2x.png
diff --git a/public/flukemoni/Ex2/in_progress.png b/public/flukemoni/Ex2/in_progress.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/in_progress@2x.png b/public/flukemoni/Ex2/in_progress@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/in_testing.png b/public/flukemoni/Ex2/in_testing.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/in_testing@2x.png b/public/flukemoni/Ex2/in_testing@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso11801_pl2_class_ea.png b/public/flukemoni/Ex2/iso11801_pl2_class_ea.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso11801_pl2_class_ea@2x.png b/public/flukemoni/Ex2/iso11801_pl2_class_ea@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso11801_pl2_class_ea_wf.png b/public/flukemoni/Ex2/iso11801_pl2_class_ea_l.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso11801_pl2_class_ea_wf.png
rename to public/flukemoni/Ex2/iso11801_pl2_class_ea_l.png
diff --git a/public/flukemoni/Ex2/iso11801_pl2_class_ea_wf@2x.png b/public/flukemoni/Ex2/iso11801_pl2_class_ea_l@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso11801_pl2_class_ea_wf@2x.png
rename to public/flukemoni/Ex2/iso11801_pl2_class_ea_l@2x.png
diff --git a/public/flukemoni/Ex2/iso11801_pl3_class_ea.png b/public/flukemoni/Ex2/iso11801_pl3_class_ea.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso11801_pl3_class_ea@2x.png b/public/flukemoni/Ex2/iso11801_pl3_class_ea@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso11801_pl3_class_ea_xy.png b/public/flukemoni/Ex2/iso11801_pl3_class_ea_f.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso11801_pl3_class_ea_xy.png
rename to public/flukemoni/Ex2/iso11801_pl3_class_ea_f.png
diff --git a/public/flukemoni/Ex2/iso11801_pl3_class_ea_xy@2x.png b/public/flukemoni/Ex2/iso11801_pl3_class_ea_f@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso11801_pl3_class_ea_xy@2x.png
rename to public/flukemoni/Ex2/iso11801_pl3_class_ea_f@2x.png
diff --git a/public/flukemoni/Ex2/iso_11801_change_limits.png b/public/flukemoni/Ex2/iso_11801_change_limits.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_change_limits@2x.png b/public/flukemoni/Ex2/iso_11801_change_limits@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_change_limits_1.png b/public/flukemoni/Ex2/iso_11801_change_limits_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_change_limits_1@2x.png b/public/flukemoni/Ex2/iso_11801_change_limits_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_pl2.png b/public/flukemoni/Ex2/iso_11801_pl2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_pl2@2x.png b/public/flukemoni/Ex2/iso_11801_pl2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_pl3.png b/public/flukemoni/Ex2/iso_11801_pl3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_pl3@2x.png b/public/flukemoni/Ex2/iso_11801_pl3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_1.png b/public/flukemoni/Ex2/iso_11801_results_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_1@2x.png b/public/flukemoni/Ex2/iso_11801_results_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_1_xk.png b/public/flukemoni/Ex2/iso_11801_results_1_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_1_xk.png
rename to public/flukemoni/Ex2/iso_11801_results_1_z.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_1_xk@2x.png b/public/flukemoni/Ex2/iso_11801_results_1_z@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_1_xk@2x.png
rename to public/flukemoni/Ex2/iso_11801_results_1_z@2x.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_2.png b/public/flukemoni/Ex2/iso_11801_results_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_2@2x.png b/public/flukemoni/Ex2/iso_11801_results_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_2_xo.png b/public/flukemoni/Ex2/iso_11801_results_2_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_2_xo.png
rename to public/flukemoni/Ex2/iso_11801_results_2_.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_2_xo@2x.png b/public/flukemoni/Ex2/iso_11801_results_2_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_2_xo@2x.png
rename to public/flukemoni/Ex2/iso_11801_results_2_@2x.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_1.png b/public/flukemoni/Ex2/iso_11801_results_pl3_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_1@2x.png b/public/flukemoni/Ex2/iso_11801_results_pl3_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_1_xr.png b/public/flukemoni/Ex2/iso_11801_results_pl3_1_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_pl3_1_xr.png
rename to public/flukemoni/Ex2/iso_11801_results_pl3_1_.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_1_xr@2x.png b/public/flukemoni/Ex2/iso_11801_results_pl3_1_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_pl3_1_xr@2x.png
rename to public/flukemoni/Ex2/iso_11801_results_pl3_1_@2x.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_2.png b/public/flukemoni/Ex2/iso_11801_results_pl3_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_2@2x.png b/public/flukemoni/Ex2/iso_11801_results_pl3_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_2_xs.png b/public/flukemoni/Ex2/iso_11801_results_pl3_2_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_pl3_2_xs.png
rename to public/flukemoni/Ex2/iso_11801_results_pl3_2_.png
diff --git a/public/flukemoni/Ex2/iso_11801_results_pl3_2_xs@2x.png b/public/flukemoni/Ex2/iso_11801_results_pl3_2_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_11801_results_pl3_2_xs@2x.png
rename to public/flukemoni/Ex2/iso_11801_results_pl3_2_@2x.png
diff --git a/public/flukemoni/Ex2/iso_limits.png b/public/flukemoni/Ex2/iso_limits.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits@2x.png b/public/flukemoni/Ex2/iso_limits@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_vz.png b/public/flukemoni/Ex2/iso_limits_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_vz.png
rename to public/flukemoni/Ex2/iso_limits_.png
diff --git a/public/flukemoni/Ex2/iso_limits_1.png b/public/flukemoni/Ex2/iso_limits_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_1@2x.png b/public/flukemoni/Ex2/iso_limits_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_1_v.png b/public/flukemoni/Ex2/iso_limits_1_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_1_v.png
rename to public/flukemoni/Ex2/iso_limits_1_.png
diff --git a/public/flukemoni/Ex2/iso_limits_1_v@2x.png b/public/flukemoni/Ex2/iso_limits_1_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_1_v@2x.png
rename to public/flukemoni/Ex2/iso_limits_1_@2x.png
diff --git a/public/flukemoni/Ex2/iso_limits_2.png b/public/flukemoni/Ex2/iso_limits_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_2@2x.png b/public/flukemoni/Ex2/iso_limits_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_2_v.png b/public/flukemoni/Ex2/iso_limits_2_a.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_2_v.png
rename to public/flukemoni/Ex2/iso_limits_2_a.png
diff --git a/public/flukemoni/Ex2/iso_limits_2_v@2x.png b/public/flukemoni/Ex2/iso_limits_2_a@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_2_v@2x.png
rename to public/flukemoni/Ex2/iso_limits_2_a@2x.png
diff --git a/public/flukemoni/Ex2/iso_limits_3.png b/public/flukemoni/Ex2/iso_limits_3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_3@2x.png b/public/flukemoni/Ex2/iso_limits_3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_limits_3_v.png b/public/flukemoni/Ex2/iso_limits_3_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_3_v.png
rename to public/flukemoni/Ex2/iso_limits_3_b.png
diff --git a/public/flukemoni/Ex2/iso_limits_3_v@2x.png b/public/flukemoni/Ex2/iso_limits_3_b@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_3_v@2x.png
rename to public/flukemoni/Ex2/iso_limits_3_b@2x.png
diff --git a/public/flukemoni/Ex2/iso_limits_vz@2x.png b/public/flukemoni/Ex2/iso_limits_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_limits_vz@2x.png
rename to public/flukemoni/Ex2/iso_limits_@2x.png
diff --git a/public/flukemoni/Ex2/iso_pl2.png b/public/flukemoni/Ex2/iso_pl2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_pl2@2x.png b/public/flukemoni/Ex2/iso_pl2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_pl2_wy.png b/public/flukemoni/Ex2/iso_pl2_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_pl2_wy.png
rename to public/flukemoni/Ex2/iso_pl2_.png
diff --git a/public/flukemoni/Ex2/iso_pl2_wy@2x.png b/public/flukemoni/Ex2/iso_pl2_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_pl2_wy@2x.png
rename to public/flukemoni/Ex2/iso_pl2_@2x.png
diff --git a/public/flukemoni/Ex2/iso_pl3.png b/public/flukemoni/Ex2/iso_pl3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_pl3@2x.png b/public/flukemoni/Ex2/iso_pl3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/iso_pl3_yh.png b/public/flukemoni/Ex2/iso_pl3_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_pl3_yh.png
rename to public/flukemoni/Ex2/iso_pl3_.png
diff --git a/public/flukemoni/Ex2/iso_pl3_yh@2x.png b/public/flukemoni/Ex2/iso_pl3_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/iso_pl3_yh@2x.png
rename to public/flukemoni/Ex2/iso_pl3_@2x.png
diff --git a/public/flukemoni/Ex2/limit_profinet.png b/public/flukemoni/Ex2/limit_profinet.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/limit_profinet@2x.png b/public/flukemoni/Ex2/limit_profinet@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/limit_profinet_change.png b/public/flukemoni/Ex2/limit_profinet_change.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/limit_profinet_change@2x.png b/public/flukemoni/Ex2/limit_profinet_change@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_.png b/public/flukemoni/Ex2/n_.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_000baset.png b/public/flukemoni/Ex2/n_000baset.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_000baset@2x.png b/public/flukemoni/Ex2/n_000baset@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_000baset_single.png b/public/flukemoni/Ex2/n_000baset_single.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_000baset_single@2x.png b/public/flukemoni/Ex2/n_000baset_single@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33.png b/public/flukemoni/Ex2/n_33_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33.png
rename to public/flukemoni/Ex2/n_33_.png
diff --git a/public/flukemoni/Ex2/n_33@2x.png b/public/flukemoni/Ex2/n_33_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33@2x.png
rename to public/flukemoni/Ex2/n_33_@2x.png
diff --git a/public/flukemoni/Ex2/n_33_pw.png b/public/flukemoni/Ex2/n_33_a.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_pw.png
rename to public/flukemoni/Ex2/n_33_a.png
diff --git a/public/flukemoni/Ex2/n_33_pw@2x.png b/public/flukemoni/Ex2/n_33_a@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_pw@2x.png
rename to public/flukemoni/Ex2/n_33_a@2x.png
diff --git a/public/flukemoni/Ex2/n_33_q.png b/public/flukemoni/Ex2/n_33_f.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_q.png
rename to public/flukemoni/Ex2/n_33_f.png
diff --git a/public/flukemoni/Ex2/n_33_q@2x.png b/public/flukemoni/Ex2/n_33_f@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_q@2x.png
rename to public/flukemoni/Ex2/n_33_f@2x.png
diff --git a/public/flukemoni/Ex2/n_33_s.png b/public/flukemoni/Ex2/n_33_re.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_s.png
rename to public/flukemoni/Ex2/n_33_re.png
diff --git a/public/flukemoni/Ex2/n_33_s@2x.png b/public/flukemoni/Ex2/n_33_re@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_s@2x.png
rename to public/flukemoni/Ex2/n_33_re@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved.png b/public/flukemoni/Ex2/n_33_result_be_saved.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_g.png b/public/flukemoni/Ex2/n_33_result_be_saved_g.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_g@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_g@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_p.png b/public/flukemoni/Ex2/n_33_result_be_saved_m.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_p.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_m.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_p@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_m@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_p@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_m@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_rk.png b/public/flukemoni/Ex2/n_33_result_be_saved_n.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_rk.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_n.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_rk@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_n@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_rk@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_n@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_tc.png b/public/flukemoni/Ex2/n_33_result_be_saved_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_tc.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_t.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_tc@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_tc@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_t@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_vn.png b/public/flukemoni/Ex2/n_33_result_be_saved_u.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_vn.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_u.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_vn@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_u@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_vn@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_u@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_xf.png b/public/flukemoni/Ex2/n_33_result_be_saved_vm.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_xf.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_vm.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_xf@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_vm@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_xf@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_vm@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_yy.png b/public/flukemoni/Ex2/n_33_result_be_saved_xr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_yy.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_xr.png
diff --git a/public/flukemoni/Ex2/n_33_result_be_saved_yy@2x.png b/public/flukemoni/Ex2/n_33_result_be_saved_xr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_be_saved_yy@2x.png
rename to public/flukemoni/Ex2/n_33_result_be_saved_xr@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_1.png b/public/flukemoni/Ex2/n_33_result_parameters_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_1@2x.png b/public/flukemoni/Ex2/n_33_result_parameters_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_1_vs.png b/public/flukemoni/Ex2/n_33_result_parameters_1_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_parameters_1_vs.png
rename to public/flukemoni/Ex2/n_33_result_parameters_1_s.png
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_1_vs@2x.png b/public/flukemoni/Ex2/n_33_result_parameters_1_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_parameters_1_vs@2x.png
rename to public/flukemoni/Ex2/n_33_result_parameters_1_s@2x.png
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_2.png b/public/flukemoni/Ex2/n_33_result_parameters_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_2@2x.png b/public/flukemoni/Ex2/n_33_result_parameters_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_2_vv.png b/public/flukemoni/Ex2/n_33_result_parameters_2_w.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_parameters_2_vv.png
rename to public/flukemoni/Ex2/n_33_result_parameters_2_w.png
diff --git a/public/flukemoni/Ex2/n_33_result_parameters_2_vv@2x.png b/public/flukemoni/Ex2/n_33_result_parameters_2_w@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_result_parameters_2_vv@2x.png
rename to public/flukemoni/Ex2/n_33_result_parameters_2_w@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name.png b/public/flukemoni/Ex2/n_33_save_name.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_save_name@2x.png b/public/flukemoni/Ex2/n_33_save_name@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_save_name_a.png b/public/flukemoni/Ex2/n_33_save_name_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_a.png
rename to public/flukemoni/Ex2/n_33_save_name_.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_a@2x.png b/public/flukemoni/Ex2/n_33_save_name_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_a@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_d.png b/public/flukemoni/Ex2/n_33_save_name_f.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_d.png
rename to public/flukemoni/Ex2/n_33_save_name_f.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_d@2x.png b/public/flukemoni/Ex2/n_33_save_name_f@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_d@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_f@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_p.png b/public/flukemoni/Ex2/n_33_save_name_g.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_p.png
rename to public/flukemoni/Ex2/n_33_save_name_g.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_p@2x.png b/public/flukemoni/Ex2/n_33_save_name_g@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_p@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_g@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_re.png b/public/flukemoni/Ex2/n_33_save_name_m.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_re.png
rename to public/flukemoni/Ex2/n_33_save_name_m.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_re@2x.png b/public/flukemoni/Ex2/n_33_save_name_m@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_re@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_m@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_s.png b/public/flukemoni/Ex2/n_33_save_name_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_s.png
rename to public/flukemoni/Ex2/n_33_save_name_t.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_s@2x.png b/public/flukemoni/Ex2/n_33_save_name_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_s@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_t@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_vh.png b/public/flukemoni/Ex2/n_33_save_name_ts.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_vh.png
rename to public/flukemoni/Ex2/n_33_save_name_ts.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_vh@2x.png b/public/flukemoni/Ex2/n_33_save_name_ts@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_vh@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_ts@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_w.png b/public/flukemoni/Ex2/n_33_save_name_vf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_w.png
rename to public/flukemoni/Ex2/n_33_save_name_vf.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_w@2x.png b/public/flukemoni/Ex2/n_33_save_name_vf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_w@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_vf@2x.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_ys.png b/public/flukemoni/Ex2/n_33_save_name_xk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_ys.png
rename to public/flukemoni/Ex2/n_33_save_name_xk.png
diff --git a/public/flukemoni/Ex2/n_33_save_name_ys@2x.png b/public/flukemoni/Ex2/n_33_save_name_xk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_save_name_ys@2x.png
rename to public/flukemoni/Ex2/n_33_save_name_xk@2x.png
diff --git a/public/flukemoni/Ex2/n_33_vb.png b/public/flukemoni/Ex2/n_33_tl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_vb.png
rename to public/flukemoni/Ex2/n_33_tl.png
diff --git a/public/flukemoni/Ex2/n_33_vb@2x.png b/public/flukemoni/Ex2/n_33_tl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_vb@2x.png
rename to public/flukemoni/Ex2/n_33_tl@2x.png
diff --git a/public/flukemoni/Ex2/n_33_w.png b/public/flukemoni/Ex2/n_33_u.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_w.png
rename to public/flukemoni/Ex2/n_33_u.png
diff --git a/public/flukemoni/Ex2/n_33_w@2x.png b/public/flukemoni/Ex2/n_33_u@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_w@2x.png
rename to public/flukemoni/Ex2/n_33_u@2x.png
diff --git a/public/flukemoni/Ex2/n_33_ym.png b/public/flukemoni/Ex2/n_33_xd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_ym.png
rename to public/flukemoni/Ex2/n_33_xd.png
diff --git a/public/flukemoni/Ex2/n_33_ym@2x.png b/public/flukemoni/Ex2/n_33_xd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_33_ym@2x.png
rename to public/flukemoni/Ex2/n_33_xd@2x.png
diff --git a/public/flukemoni/Ex2/n_33_z.png b/public/flukemoni/Ex2/n_33_z.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_33_z@2x.png b/public/flukemoni/Ex2/n_33_z@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5GBASE-T_568A.png b/public/flukemoni/Ex2/n_5GBASE-T_568A.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5GBASE-T_568A@2x.png b/public/flukemoni/Ex2/n_5GBASE-T_568A@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5GBASE-T_568B.png b/public/flukemoni/Ex2/n_5GBASE-T_568B.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5GBASE-T_LIMIT.png b/public/flukemoni/Ex2/n_5GBASE-T_LIMIT.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5GBASE-T_LIMIT@2x.png b/public/flukemoni/Ex2/n_5GBASE-T_LIMIT@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5G_IN_PROGRESS.png b/public/flukemoni/Ex2/n_5G_IN_PROGRESS.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5G_IN_PROGRESS@2x.png b/public/flukemoni/Ex2/n_5G_IN_PROGRESS@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5_PASS.png b/public/flukemoni/Ex2/n_5_PASS.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5_PASS1.png b/public/flukemoni/Ex2/n_5_PASS1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5_PASS1@2x.png b/public/flukemoni/Ex2/n_5_PASS1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_5_PASS@2x.png b/public/flukemoni/Ex2/n_5_PASS@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_@2x.png b/public/flukemoni/Ex2/n_@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_HOME.png b/public/flukemoni/Ex2/n_HOME.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_HOME@2x.png b/public/flukemoni/Ex2/n_HOME@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_LWL.png b/public/flukemoni/Ex2/n_LWL.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_LWL@2x.png b/public/flukemoni/Ex2/n_LWL@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_LWL_iv.png b/public/flukemoni/Ex2/n_LWL_ki.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_LWL_iv.png
rename to public/flukemoni/Ex2/n_LWL_ki.png
diff --git a/public/flukemoni/Ex2/n_LWL_iv@2x.png b/public/flukemoni/Ex2/n_LWL_ki@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_LWL_iv@2x.png
rename to public/flukemoni/Ex2/n_LWL_ki@2x.png
diff --git a/public/flukemoni/Ex2/n__ho.png b/public/flukemoni/Ex2/n__i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__ho.png
rename to public/flukemoni/Ex2/n__i.png
diff --git a/public/flukemoni/Ex2/n__ho@2x.png b/public/flukemoni/Ex2/n__i@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__ho@2x.png
rename to public/flukemoni/Ex2/n__i@2x.png
diff --git a/public/flukemoni/Ex2/n__g.png b/public/flukemoni/Ex2/n__ic.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__g.png
rename to public/flukemoni/Ex2/n__ic.png
diff --git a/public/flukemoni/Ex2/n__g@2x.png b/public/flukemoni/Ex2/n__ic@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__g@2x.png
rename to public/flukemoni/Ex2/n__ic@2x.png
diff --git a/public/flukemoni/Ex2/n__ht.png b/public/flukemoni/Ex2/n__ja.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__ht.png
rename to public/flukemoni/Ex2/n__ja.png
diff --git a/public/flukemoni/Ex2/n__ht@2x.png b/public/flukemoni/Ex2/n__ja@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n__ht@2x.png
rename to public/flukemoni/Ex2/n__ja@2x.png
diff --git a/public/flukemoni/Ex2/n_a.png b/public/flukemoni/Ex2/n_a.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_a@2x.png b/public/flukemoni/Ex2/n_a@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_adjust_brightness.png b/public/flukemoni/Ex2/n_adjust_brightness.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_adjust_brightness@2x.png b/public/flukemoni/Ex2/n_adjust_brightness@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_as_remote.png b/public/flukemoni/Ex2/n_as_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_as_remote@2x.png b/public/flukemoni/Ex2/n_as_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_b.png b/public/flukemoni/Ex2/n_b.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_b@2x.png b/public/flukemoni/Ex2/n_b@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_battery.png b/public/flukemoni/Ex2/n_battery.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_battery@2x.png b/public/flukemoni/Ex2/n_battery@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_c.png b/public/flukemoni/Ex2/n_c.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_c@2x.png b/public/flukemoni/Ex2/n_c@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_ID.png b/public/flukemoni/Ex2/n_change_ID.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_ID@2x.png b/public/flukemoni/Ex2/n_change_ID@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_limits.png b/public/flukemoni/Ex2/n_change_limits.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_limits@2x.png b/public/flukemoni/Ex2/n_change_limits@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_tone.png b/public/flukemoni/Ex2/n_change_tone.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_change_tone@2x.png b/public/flukemoni/Ex2/n_change_tone@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_datetime.png b/public/flukemoni/Ex2/n_datetime.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_datetime@2x.png b/public/flukemoni/Ex2/n_datetime@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_fiberinspector.png b/public/flukemoni/Ex2/n_fiberinspector.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_fiberinspector@2x.png b/public/flukemoni/Ex2/n_fiberinspector@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_language.png b/public/flukemoni/Ex2/n_language.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_language@2x.png b/public/flukemoni/Ex2/n_language@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_last_selection.png b/public/flukemoni/Ex2/n_last_selection.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_last_selection@2x.png b/public/flukemoni/Ex2/n_last_selection@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_law_and_rules.png b/public/flukemoni/Ex2/n_law_and_rules.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_law_and_rules@2x.png b/public/flukemoni/Ex2/n_law_and_rules@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_lenth_unit.png b/public/flukemoni/Ex2/n_lenth_unit.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_lenth_unit@2x.png b/public/flukemoni/Ex2/n_lenth_unit@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_lenth_unit_gf.png b/public/flukemoni/Ex2/n_lenth_unit_hh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_lenth_unit_gf.png
rename to public/flukemoni/Ex2/n_lenth_unit_hh.png
diff --git a/public/flukemoni/Ex2/n_lenth_unit_gf@2x.png b/public/flukemoni/Ex2/n_lenth_unit_hh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_lenth_unit_gf@2x.png
rename to public/flukemoni/Ex2/n_lenth_unit_hh@2x.png
diff --git a/public/flukemoni/Ex2/n_memory.png b/public/flukemoni/Ex2/n_memory.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_memory@2x.png b/public/flukemoni/Ex2/n_memory@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_module_selection.png b/public/flukemoni/Ex2/n_module_selection.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_module_selection@2x.png b/public/flukemoni/Ex2/n_module_selection@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_networks.png b/public/flukemoni/Ex2/n_networks.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_networks@2x.png b/public/flukemoni/Ex2/n_networks@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_new_test_setting.png b/public/flukemoni/Ex2/n_new_test_setting.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_new_test_setting@2x.png b/public/flukemoni/Ex2/n_new_test_setting@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_power_frequency.png b/public/flukemoni/Ex2/n_power_frequency.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_power_frequency@2x.png b/public/flukemoni/Ex2/n_power_frequency@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_project.png b/public/flukemoni/Ex2/n_project.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_project@2x.png b/public/flukemoni/Ex2/n_project@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_results.png b/public/flukemoni/Ex2/n_results.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_results@2x.png b/public/flukemoni/Ex2/n_results@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_set_reference.png b/public/flukemoni/Ex2/n_set_reference.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_set_reference@2x.png b/public/flukemoni/Ex2/n_set_reference@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_set_reference_finished.png b/public/flukemoni/Ex2/n_set_reference_finished.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_set_reference_finished@2x.png b/public/flukemoni/Ex2/n_set_reference_finished@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_set_reference_ld.png b/public/flukemoni/Ex2/n_set_reference_nv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_set_reference_ld.png
rename to public/flukemoni/Ex2/n_set_reference_nv.png
diff --git a/public/flukemoni/Ex2/n_set_reference_ld@2x.png b/public/flukemoni/Ex2/n_set_reference_nv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_set_reference_ld@2x.png
rename to public/flukemoni/Ex2/n_set_reference_nv@2x.png
diff --git a/public/flukemoni/Ex2/n_setting.png b/public/flukemoni/Ex2/n_setting.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_setting@2x.png b/public/flukemoni/Ex2/n_setting@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_sound_switch.png b/public/flukemoni/Ex2/n_sound_switch.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_sound_switch@2x.png b/public/flukemoni/Ex2/n_sound_switch@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_test_setting.png b/public/flukemoni/Ex2/n_test_setting.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_test_setting@2x.png b/public/flukemoni/Ex2/n_test_setting@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_tone_generator.png b/public/flukemoni/Ex2/n_tone_generator.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_tone_generator@2x.png b/public/flukemoni/Ex2/n_tone_generator@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_tone_generator_switch.png b/public/flukemoni/Ex2/n_tone_generator_switch.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_tone_generator_switch@2x.png b/public/flukemoni/Ex2/n_tone_generator_switch@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_unit.png b/public/flukemoni/Ex2/n_unit.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_unit@2x.png b/public/flukemoni/Ex2/n_unit@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner.png b/public/flukemoni/Ex2/n_upper_banner.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner@2x.png b/public/flukemoni/Ex2/n_upper_banner@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_.png b/public/flukemoni/Ex2/n_upper_banner_.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_@2x.png b/public/flukemoni/Ex2/n_upper_banner_@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_a.png b/public/flukemoni/Ex2/n_upper_banner_a.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_a@2x.png b/public/flukemoni/Ex2/n_upper_banner_a@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_b.png b/public/flukemoni/Ex2/n_upper_banner_b.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_b@2x.png b/public/flukemoni/Ex2/n_upper_banner_b@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_re.png b/public/flukemoni/Ex2/n_upper_banner_ba.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_re.png
rename to public/flukemoni/Ex2/n_upper_banner_ba.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_qv@2x.png b/public/flukemoni/Ex2/n_upper_banner_ba@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_qv@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ba@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_baa.png b/public/flukemoni/Ex2/n_upper_banner_baa.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_baa@2x.png b/public/flukemoni/Ex2/n_upper_banner_baa@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bab.png b/public/flukemoni/Ex2/n_upper_banner_bab.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bab@2x.png b/public/flukemoni/Ex2/n_upper_banner_bab@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bac.png b/public/flukemoni/Ex2/n_upper_banner_bac.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bac@2x.png b/public/flukemoni/Ex2/n_upper_banner_bac@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bad.png b/public/flukemoni/Ex2/n_upper_banner_bad.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bad@2x.png b/public/flukemoni/Ex2/n_upper_banner_bad@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bae.png b/public/flukemoni/Ex2/n_upper_banner_bae.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bae@2x.png b/public/flukemoni/Ex2/n_upper_banner_bae@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_baf.png b/public/flukemoni/Ex2/n_upper_banner_baf.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_baf@2x.png b/public/flukemoni/Ex2/n_upper_banner_baf@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bag.png b/public/flukemoni/Ex2/n_upper_banner_bag.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bag@2x.png b/public/flukemoni/Ex2/n_upper_banner_bag@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bah.png b/public/flukemoni/Ex2/n_upper_banner_bah.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bah@2x.png b/public/flukemoni/Ex2/n_upper_banner_bah@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bai.png b/public/flukemoni/Ex2/n_upper_banner_bai.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bai@2x.png b/public/flukemoni/Ex2/n_upper_banner_bai@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_baj.png b/public/flukemoni/Ex2/n_upper_banner_baj.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_baj@2x.png b/public/flukemoni/Ex2/n_upper_banner_baj@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_bak.png b/public/flukemoni/Ex2/n_upper_banner_bak.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex1/n_upper_banner_re@2x.png b/public/flukemoni/Ex2/n_upper_banner_bak@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_re@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bak@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_rj.png b/public/flukemoni/Ex2/n_upper_banner_bal.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_rj.png
rename to public/flukemoni/Ex2/n_upper_banner_bal.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_rj@2x.png b/public/flukemoni/Ex2/n_upper_banner_bal@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_rj@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bal@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ro.png b/public/flukemoni/Ex2/n_upper_banner_bam.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ro.png
rename to public/flukemoni/Ex2/n_upper_banner_bam.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_ro@2x.png b/public/flukemoni/Ex2/n_upper_banner_bam@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_ro@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bam@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_rx.png b/public/flukemoni/Ex2/n_upper_banner_ban.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_rx.png
rename to public/flukemoni/Ex2/n_upper_banner_ban.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_rx@2x.png b/public/flukemoni/Ex2/n_upper_banner_ban@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_rx@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ban@2x.png
diff --git a/public/flukemoni/Ex1/n_upper_banner_sa.png b/public/flukemoni/Ex2/n_upper_banner_bao.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex1/n_upper_banner_sa.png
rename to public/flukemoni/Ex2/n_upper_banner_bao.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_em@2x.png b/public/flukemoni/Ex2/n_upper_banner_bao@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_em@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bao@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_em.png b/public/flukemoni/Ex2/n_upper_banner_bap.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_em.png
rename to public/flukemoni/Ex2/n_upper_banner_bap.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ez@2x.png b/public/flukemoni/Ex2/n_upper_banner_bap@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ez@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bap@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ez.png b/public/flukemoni/Ex2/n_upper_banner_baq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ez.png
rename to public/flukemoni/Ex2/n_upper_banner_baq.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_fk@2x.png b/public/flukemoni/Ex2/n_upper_banner_baq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_fk@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_baq@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_fk.png b/public/flukemoni/Ex2/n_upper_banner_bar.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_fk.png
rename to public/flukemoni/Ex2/n_upper_banner_bar.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gm@2x.png b/public/flukemoni/Ex2/n_upper_banner_bar@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gm@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bar@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gm.png b/public/flukemoni/Ex2/n_upper_banner_bas.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gm.png
rename to public/flukemoni/Ex2/n_upper_banner_bas.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gr@2x.png b/public/flukemoni/Ex2/n_upper_banner_bas@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gr@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bas@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gr.png b/public/flukemoni/Ex2/n_upper_banner_bat.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gr.png
rename to public/flukemoni/Ex2/n_upper_banner_bat.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gy@2x.png b/public/flukemoni/Ex2/n_upper_banner_bat@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gy@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bat@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_gy.png b/public/flukemoni/Ex2/n_upper_banner_bau.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_gy.png
rename to public/flukemoni/Ex2/n_upper_banner_bau.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hb@2x.png b/public/flukemoni/Ex2/n_upper_banner_bau@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hb@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bau@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hb.png b/public/flukemoni/Ex2/n_upper_banner_bav.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hb.png
rename to public/flukemoni/Ex2/n_upper_banner_bav.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hg@2x.png b/public/flukemoni/Ex2/n_upper_banner_bav@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hg@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bav@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hg.png b/public/flukemoni/Ex2/n_upper_banner_baw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hg.png
rename to public/flukemoni/Ex2/n_upper_banner_baw.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hl@2x.png b/public/flukemoni/Ex2/n_upper_banner_baw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hl@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_baw@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hl.png b/public/flukemoni/Ex2/n_upper_banner_bax.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hl.png
rename to public/flukemoni/Ex2/n_upper_banner_bax.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hq@2x.png b/public/flukemoni/Ex2/n_upper_banner_bax@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hq@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bax@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_hq.png b/public/flukemoni/Ex2/n_upper_banner_bay.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_hq.png
rename to public/flukemoni/Ex2/n_upper_banner_bay.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_id@2x.png b/public/flukemoni/Ex2/n_upper_banner_bay@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_id@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bay@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_id.png b/public/flukemoni/Ex2/n_upper_banner_baz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_id.png
rename to public/flukemoni/Ex2/n_upper_banner_baz.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_in@2x.png b/public/flukemoni/Ex2/n_upper_banner_baz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_in@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_baz@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_in.png b/public/flukemoni/Ex2/n_upper_banner_bba.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_in.png
rename to public/flukemoni/Ex2/n_upper_banner_bba.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_is@2x.png b/public/flukemoni/Ex2/n_upper_banner_bba@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_is@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bba@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_is.png b/public/flukemoni/Ex2/n_upper_banner_bbb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_is.png
rename to public/flukemoni/Ex2/n_upper_banner_bbb.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_jh@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_jh@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbb@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_jh.png b/public/flukemoni/Ex2/n_upper_banner_bbc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_jh.png
rename to public/flukemoni/Ex2/n_upper_banner_bbc.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_kd@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_kd@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbc@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_kd.png b/public/flukemoni/Ex2/n_upper_banner_bbd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_kd.png
rename to public/flukemoni/Ex2/n_upper_banner_bbd.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_km@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_km@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbd@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_km.png b/public/flukemoni/Ex2/n_upper_banner_bbe.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_km.png
rename to public/flukemoni/Ex2/n_upper_banner_bbe.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_kt@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbe@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_kt@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbe@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_kt.png b/public/flukemoni/Ex2/n_upper_banner_bbf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_kt.png
rename to public/flukemoni/Ex2/n_upper_banner_bbf.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_la@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_la@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbf@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_la.png b/public/flukemoni/Ex2/n_upper_banner_bbg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_la.png
rename to public/flukemoni/Ex2/n_upper_banner_bbg.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_lf@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_lf@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbg@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_lf.png b/public/flukemoni/Ex2/n_upper_banner_bbh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_lf.png
rename to public/flukemoni/Ex2/n_upper_banner_bbh.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_lm@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_lm@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbh@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_lm.png b/public/flukemoni/Ex2/n_upper_banner_bbi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_lm.png
rename to public/flukemoni/Ex2/n_upper_banner_bbi.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ls@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ls@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbi@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ls.png b/public/flukemoni/Ex2/n_upper_banner_bbj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ls.png
rename to public/flukemoni/Ex2/n_upper_banner_bbj.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ly@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ly@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbj@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ly.png b/public/flukemoni/Ex2/n_upper_banner_bbk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ly.png
rename to public/flukemoni/Ex2/n_upper_banner_bbk.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mb@2x.png b/public/flukemoni/Ex2/n_upper_banner_bbk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mb@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_bbk@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mb.png b/public/flukemoni/Ex2/n_upper_banner_bbl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mb.png
rename to public/flukemoni/Ex2/n_upper_banner_bbl.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_c.png b/public/flukemoni/Ex2/n_upper_banner_c.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_c@2x.png b/public/flukemoni/Ex2/n_upper_banner_c@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_d.png b/public/flukemoni/Ex2/n_upper_banner_d.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_d@2x.png b/public/flukemoni/Ex2/n_upper_banner_d@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_e.png b/public/flukemoni/Ex2/n_upper_banner_e.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_e@2x.png b/public/flukemoni/Ex2/n_upper_banner_e@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_eu.png b/public/flukemoni/Ex2/n_upper_banner_eu.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_eu@2x.png b/public/flukemoni/Ex2/n_upper_banner_eu@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_f.png b/public/flukemoni/Ex2/n_upper_banner_f.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_f@2x.png b/public/flukemoni/Ex2/n_upper_banner_f@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_fc.png b/public/flukemoni/Ex2/n_upper_banner_fc.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_fc@2x.png b/public/flukemoni/Ex2/n_upper_banner_fc@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_mk.png b/public/flukemoni/Ex2/n_upper_banner_fl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mk.png
rename to public/flukemoni/Ex2/n_upper_banner_fl.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mk@2x.png b/public/flukemoni/Ex2/n_upper_banner_fl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mk@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_fl@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mq.png b/public/flukemoni/Ex2/n_upper_banner_fu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mq.png
rename to public/flukemoni/Ex2/n_upper_banner_fu.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mq@2x.png b/public/flukemoni/Ex2/n_upper_banner_fu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mq@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_fu@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_g.png b/public/flukemoni/Ex2/n_upper_banner_g.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_g@2x.png b/public/flukemoni/Ex2/n_upper_banner_g@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_h.png b/public/flukemoni/Ex2/n_upper_banner_h.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_h@2x.png b/public/flukemoni/Ex2/n_upper_banner_h@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_mw.png b/public/flukemoni/Ex2/n_upper_banner_ho.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mw.png
rename to public/flukemoni/Ex2/n_upper_banner_ho.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_mw@2x.png b/public/flukemoni/Ex2/n_upper_banner_ho@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_mw@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ho@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_nb.png b/public/flukemoni/Ex2/n_upper_banner_hu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_nb.png
rename to public/flukemoni/Ex2/n_upper_banner_hu.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_nb@2x.png b/public/flukemoni/Ex2/n_upper_banner_hu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_nb@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_hu@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_i.png b/public/flukemoni/Ex2/n_upper_banner_i.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_i@2x.png b/public/flukemoni/Ex2/n_upper_banner_i@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ia.png b/public/flukemoni/Ex2/n_upper_banner_ia.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ia@2x.png b/public/flukemoni/Ex2/n_upper_banner_ia@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ni.png b/public/flukemoni/Ex2/n_upper_banner_il.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ni.png
rename to public/flukemoni/Ex2/n_upper_banner_il.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ni@2x.png b/public/flukemoni/Ex2/n_upper_banner_il@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ni@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_il@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_no.png b/public/flukemoni/Ex2/n_upper_banner_ir.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_no.png
rename to public/flukemoni/Ex2/n_upper_banner_ir.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_no@2x.png b/public/flukemoni/Ex2/n_upper_banner_ir@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_no@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ir@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ix.png b/public/flukemoni/Ex2/n_upper_banner_ix.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ix@2x.png b/public/flukemoni/Ex2/n_upper_banner_ix@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_j.png b/public/flukemoni/Ex2/n_upper_banner_j.png
old mode 100644
new mode 100755
index bfe1b03..144e064
Binary files a/public/flukemoni/Ex2/n_upper_banner_j.png and b/public/flukemoni/Ex2/n_upper_banner_j.png differ
diff --git a/public/flukemoni/Ex2/n_upper_banner_j@2x.png b/public/flukemoni/Ex2/n_upper_banner_j@2x.png
old mode 100644
new mode 100755
index 1b5a56d..d2b5cdc
Binary files a/public/flukemoni/Ex2/n_upper_banner_j@2x.png and b/public/flukemoni/Ex2/n_upper_banner_j@2x.png differ
diff --git a/public/flukemoni/Ex2/n_upper_banner_ja.png b/public/flukemoni/Ex2/n_upper_banner_ja.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ja@2x.png b/public/flukemoni/Ex2/n_upper_banner_ja@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_nv.png b/public/flukemoni/Ex2/n_upper_banner_jf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_nv.png
rename to public/flukemoni/Ex2/n_upper_banner_jf.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_nv@2x.png b/public/flukemoni/Ex2/n_upper_banner_jf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_nv@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_jf@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_jp.png b/public/flukemoni/Ex2/n_upper_banner_jp.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_jp@2x.png b/public/flukemoni/Ex2/n_upper_banner_jp@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_oa.png b/public/flukemoni/Ex2/n_upper_banner_jx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oa.png
rename to public/flukemoni/Ex2/n_upper_banner_jx.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_oa@2x.png b/public/flukemoni/Ex2/n_upper_banner_jx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oa@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_jx@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_k.png b/public/flukemoni/Ex2/n_upper_banner_k.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_k@2x.png b/public/flukemoni/Ex2/n_upper_banner_k@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ka.png b/public/flukemoni/Ex2/n_upper_banner_ka.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ka@2x.png b/public/flukemoni/Ex2/n_upper_banner_ka@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_oc.png b/public/flukemoni/Ex2/n_upper_banner_kf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oc.png
rename to public/flukemoni/Ex2/n_upper_banner_kf.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_oc@2x.png b/public/flukemoni/Ex2/n_upper_banner_kf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oc@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_kf@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_oh.png b/public/flukemoni/Ex2/n_upper_banner_kl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oh.png
rename to public/flukemoni/Ex2/n_upper_banner_kl.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_oh@2x.png b/public/flukemoni/Ex2/n_upper_banner_kl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_oh@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_kl@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ou.png b/public/flukemoni/Ex2/n_upper_banner_kr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ou.png
rename to public/flukemoni/Ex2/n_upper_banner_kr.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ou@2x.png b/public/flukemoni/Ex2/n_upper_banner_kr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ou@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_kr@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_l.png b/public/flukemoni/Ex2/n_upper_banner_l.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_l@2x.png b/public/flukemoni/Ex2/n_upper_banner_l@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_pa.png b/public/flukemoni/Ex2/n_upper_banner_le.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pa.png
rename to public/flukemoni/Ex2/n_upper_banner_le.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_pa@2x.png b/public/flukemoni/Ex2/n_upper_banner_le@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pa@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_le@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_pn.png b/public/flukemoni/Ex2/n_upper_banner_lq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pn.png
rename to public/flukemoni/Ex2/n_upper_banner_lq.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_pn@2x.png b/public/flukemoni/Ex2/n_upper_banner_lq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pn@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_lq@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_m.png b/public/flukemoni/Ex2/n_upper_banner_m.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_m@2x.png b/public/flukemoni/Ex2/n_upper_banner_m@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_pt.png b/public/flukemoni/Ex2/n_upper_banner_ma.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pt.png
rename to public/flukemoni/Ex2/n_upper_banner_ma.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_pt@2x.png b/public/flukemoni/Ex2/n_upper_banner_ma@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_pt@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ma@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_py.png b/public/flukemoni/Ex2/n_upper_banner_mc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_py.png
rename to public/flukemoni/Ex2/n_upper_banner_mc.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_py@2x.png b/public/flukemoni/Ex2/n_upper_banner_mc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_py@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_mc@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qa.png b/public/flukemoni/Ex2/n_upper_banner_mi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qa.png
rename to public/flukemoni/Ex2/n_upper_banner_mi.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qa@2x.png b/public/flukemoni/Ex2/n_upper_banner_mi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qa@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_mi@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qf.png b/public/flukemoni/Ex2/n_upper_banner_ms.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qf.png
rename to public/flukemoni/Ex2/n_upper_banner_ms.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qf@2x.png b/public/flukemoni/Ex2/n_upper_banner_ms@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qf@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ms@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_n.png b/public/flukemoni/Ex2/n_upper_banner_n.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_n@2x.png b/public/flukemoni/Ex2/n_upper_banner_n@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_qm.png b/public/flukemoni/Ex2/n_upper_banner_nf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qm.png
rename to public/flukemoni/Ex2/n_upper_banner_nf.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qm@2x.png b/public/flukemoni/Ex2/n_upper_banner_nf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qm@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_nf@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nr.png b/public/flukemoni/Ex2/n_upper_banner_nr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nr.png
rename to public/flukemoni/Ex2/n_upper_banner_nr.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nr@2x.png b/public/flukemoni/Ex2/n_upper_banner_nr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nr@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_nr@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qs.png b/public/flukemoni/Ex2/n_upper_banner_ny.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qs.png
rename to public/flukemoni/Ex2/n_upper_banner_ny.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qs@2x.png b/public/flukemoni/Ex2/n_upper_banner_ny@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qs@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ny@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_o.png b/public/flukemoni/Ex2/n_upper_banner_o.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_o@2x.png b/public/flukemoni/Ex2/n_upper_banner_o@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_qz.png b/public/flukemoni/Ex2/n_upper_banner_oe.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qz.png
rename to public/flukemoni/Ex2/n_upper_banner_oe.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_qz@2x.png b/public/flukemoni/Ex2/n_upper_banner_oe@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_qz@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_oe@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_on.png b/public/flukemoni/Ex2/n_upper_banner_on.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_on@2x.png b/public/flukemoni/Ex2/n_upper_banner_on@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ra.png b/public/flukemoni/Ex2/n_upper_banner_ow.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ra.png
rename to public/flukemoni/Ex2/n_upper_banner_ow.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ra@2x.png b/public/flukemoni/Ex2/n_upper_banner_ow@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ra@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ow@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_p.png b/public/flukemoni/Ex2/n_upper_banner_p.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_p@2x.png b/public/flukemoni/Ex2/n_upper_banner_p@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_pg.png b/public/flukemoni/Ex2/n_upper_banner_pg.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_pg@2x.png b/public/flukemoni/Ex2/n_upper_banner_pg@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_rg.png b/public/flukemoni/Ex2/n_upper_banner_po.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rg.png
rename to public/flukemoni/Ex2/n_upper_banner_po.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_rg@2x.png b/public/flukemoni/Ex2/n_upper_banner_po@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rg@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_po@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_px.png b/public/flukemoni/Ex2/n_upper_banner_px.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_px.png
rename to public/flukemoni/Ex2/n_upper_banner_px.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_px@2x.png b/public/flukemoni/Ex2/n_upper_banner_px@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_px@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_px@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_q.png b/public/flukemoni/Ex2/n_upper_banner_q.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_q@2x.png b/public/flukemoni/Ex2/n_upper_banner_q@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_rl.png b/public/flukemoni/Ex2/n_upper_banner_qg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rl.png
rename to public/flukemoni/Ex2/n_upper_banner_qg.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_rl@2x.png b/public/flukemoni/Ex2/n_upper_banner_qg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rl@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_qg@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_rs.png b/public/flukemoni/Ex2/n_upper_banner_qp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rs.png
rename to public/flukemoni/Ex2/n_upper_banner_qp.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_rs@2x.png b/public/flukemoni/Ex2/n_upper_banner_qp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_rs@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_qp@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ry.png b/public/flukemoni/Ex2/n_upper_banner_qx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ry.png
rename to public/flukemoni/Ex2/n_upper_banner_qx.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ry@2x.png b/public/flukemoni/Ex2/n_upper_banner_qx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ry@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_qx@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_r.png b/public/flukemoni/Ex2/n_upper_banner_r.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_r@2x.png b/public/flukemoni/Ex2/n_upper_banner_r@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_sd.png b/public/flukemoni/Ex2/n_upper_banner_rb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sd.png
rename to public/flukemoni/Ex2/n_upper_banner_rb.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sd@2x.png b/public/flukemoni/Ex2/n_upper_banner_rb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sd@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_rb@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sr.png b/public/flukemoni/Ex2/n_upper_banner_rh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sr.png
rename to public/flukemoni/Ex2/n_upper_banner_rh.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sr@2x.png b/public/flukemoni/Ex2/n_upper_banner_rh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sr@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_rh@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sx.png b/public/flukemoni/Ex2/n_upper_banner_ro.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sx.png
rename to public/flukemoni/Ex2/n_upper_banner_ro.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_sx@2x.png b/public/flukemoni/Ex2/n_upper_banner_ro@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_sx@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ro@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ta.png b/public/flukemoni/Ex2/n_upper_banner_ru.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ta.png
rename to public/flukemoni/Ex2/n_upper_banner_ru.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ta@2x.png b/public/flukemoni/Ex2/n_upper_banner_ru@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ta@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ru@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_s.png b/public/flukemoni/Ex2/n_upper_banner_s.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_s@2x.png b/public/flukemoni/Ex2/n_upper_banner_s@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_sa.png b/public/flukemoni/Ex2/n_upper_banner_sa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sa.png
rename to public/flukemoni/Ex2/n_upper_banner_sa.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_sa@2x.png b/public/flukemoni/Ex2/n_upper_banner_sa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sa@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_sa@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_td.png b/public/flukemoni/Ex2/n_upper_banner_sm.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_td.png
rename to public/flukemoni/Ex2/n_upper_banner_sm.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_td@2x.png b/public/flukemoni/Ex2/n_upper_banner_sm@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_td@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_sm@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_tj.png b/public/flukemoni/Ex2/n_upper_banner_sv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tj.png
rename to public/flukemoni/Ex2/n_upper_banner_sv.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_tj@2x.png b/public/flukemoni/Ex2/n_upper_banner_sv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tj@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_sv@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_t.png b/public/flukemoni/Ex2/n_upper_banner_t.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_t@2x.png b/public/flukemoni/Ex2/n_upper_banner_t@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_tp.png b/public/flukemoni/Ex2/n_upper_banner_tb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tp.png
rename to public/flukemoni/Ex2/n_upper_banner_tb.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_tp@2x.png b/public/flukemoni/Ex2/n_upper_banner_tb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tp@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_tb@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_tx.png b/public/flukemoni/Ex2/n_upper_banner_ti.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tx.png
rename to public/flukemoni/Ex2/n_upper_banner_ti.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_tx@2x.png b/public/flukemoni/Ex2/n_upper_banner_ti@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_tx@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ti@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ub.png b/public/flukemoni/Ex2/n_upper_banner_to.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ub.png
rename to public/flukemoni/Ex2/n_upper_banner_to.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ub@2x.png b/public/flukemoni/Ex2/n_upper_banner_to@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_ub@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_to@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_up.png b/public/flukemoni/Ex2/n_upper_banner_tw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_up.png
rename to public/flukemoni/Ex2/n_upper_banner_tw.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_up@2x.png b/public/flukemoni/Ex2/n_upper_banner_tw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_up@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_tw@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_u.png b/public/flukemoni/Ex2/n_upper_banner_u.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_u@2x.png b/public/flukemoni/Ex2/n_upper_banner_u@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ua.png b/public/flukemoni/Ex2/n_upper_banner_ua.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ua.png
rename to public/flukemoni/Ex2/n_upper_banner_ua.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ua@2x.png b/public/flukemoni/Ex2/n_upper_banner_ua@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ua@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ua@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_ui.png b/public/flukemoni/Ex2/n_upper_banner_ui.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ui@2x.png b/public/flukemoni/Ex2/n_upper_banner_ui@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_uq.png b/public/flukemoni/Ex2/n_upper_banner_uq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_uq.png
rename to public/flukemoni/Ex2/n_upper_banner_uq.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_uq@2x.png b/public/flukemoni/Ex2/n_upper_banner_uq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_uq@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_uq@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_uy.png b/public/flukemoni/Ex2/n_upper_banner_uy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_uy.png
rename to public/flukemoni/Ex2/n_upper_banner_uy.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_uy@2x.png b/public/flukemoni/Ex2/n_upper_banner_uy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_uy@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_uy@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_v.png b/public/flukemoni/Ex2/n_upper_banner_v.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_v@2x.png b/public/flukemoni/Ex2/n_upper_banner_v@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_uv.png b/public/flukemoni/Ex2/n_upper_banner_vb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_uv.png
rename to public/flukemoni/Ex2/n_upper_banner_vb.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_uv@2x.png b/public/flukemoni/Ex2/n_upper_banner_vb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_uv@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_vb@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_va.png b/public/flukemoni/Ex2/n_upper_banner_vi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_va.png
rename to public/flukemoni/Ex2/n_upper_banner_vi.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_va@2x.png b/public/flukemoni/Ex2/n_upper_banner_vi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_va@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_vi@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_vo.png b/public/flukemoni/Ex2/n_upper_banner_vo.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_vo@2x.png b/public/flukemoni/Ex2/n_upper_banner_vo@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_vd.png b/public/flukemoni/Ex2/n_upper_banner_vw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vd.png
rename to public/flukemoni/Ex2/n_upper_banner_vw.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_vd@2x.png b/public/flukemoni/Ex2/n_upper_banner_vw@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vd@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_vw@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_w.png b/public/flukemoni/Ex2/n_upper_banner_w.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_w@2x.png b/public/flukemoni/Ex2/n_upper_banner_w@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_vj.png b/public/flukemoni/Ex2/n_upper_banner_wm.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vj.png
rename to public/flukemoni/Ex2/n_upper_banner_wm.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_vj@2x.png b/public/flukemoni/Ex2/n_upper_banner_wm@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vj@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_wm@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_vu.png b/public/flukemoni/Ex2/n_upper_banner_wv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vu.png
rename to public/flukemoni/Ex2/n_upper_banner_wv.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_vu@2x.png b/public/flukemoni/Ex2/n_upper_banner_wv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_vu@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_wv@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_x.png b/public/flukemoni/Ex2/n_upper_banner_x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_x@2x.png b/public/flukemoni/Ex2/n_upper_banner_x@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_xa.png b/public/flukemoni/Ex2/n_upper_banner_xa.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_xa@2x.png b/public/flukemoni/Ex2/n_upper_banner_xa@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_xg.png b/public/flukemoni/Ex2/n_upper_banner_xg.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_xg@2x.png b/public/flukemoni/Ex2/n_upper_banner_xg@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_wa.png b/public/flukemoni/Ex2/n_upper_banner_xn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wa.png
rename to public/flukemoni/Ex2/n_upper_banner_xn.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wa@2x.png b/public/flukemoni/Ex2/n_upper_banner_xn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wa@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_xn@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_xt.png b/public/flukemoni/Ex2/n_upper_banner_xt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xt.png
rename to public/flukemoni/Ex2/n_upper_banner_xt.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_xt@2x.png b/public/flukemoni/Ex2/n_upper_banner_xt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xt@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_xt@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_y.png b/public/flukemoni/Ex2/n_upper_banner_y.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_y@2x.png b/public/flukemoni/Ex2/n_upper_banner_y@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ya.png b/public/flukemoni/Ex2/n_upper_banner_ya.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_ya@2x.png b/public/flukemoni/Ex2/n_upper_banner_ya@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_wh.png b/public/flukemoni/Ex2/n_upper_banner_yi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wh.png
rename to public/flukemoni/Ex2/n_upper_banner_yi.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wh@2x.png b/public/flukemoni/Ex2/n_upper_banner_yi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wh@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_yi@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wn.png b/public/flukemoni/Ex2/n_upper_banner_ys.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wn.png
rename to public/flukemoni/Ex2/n_upper_banner_ys.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wn@2x.png b/public/flukemoni/Ex2/n_upper_banner_ys@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wn@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_ys@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_z.png b/public/flukemoni/Ex2/n_upper_banner_z.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_z@2x.png b/public/flukemoni/Ex2/n_upper_banner_z@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_zb.png b/public/flukemoni/Ex2/n_upper_banner_zb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_zb.png
rename to public/flukemoni/Ex2/n_upper_banner_zb.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_zb@2x.png b/public/flukemoni/Ex2/n_upper_banner_zb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_zb@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_zb@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wu.png b/public/flukemoni/Ex2/n_upper_banner_zj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wu.png
rename to public/flukemoni/Ex2/n_upper_banner_zj.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_wu@2x.png b/public/flukemoni/Ex2/n_upper_banner_zj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_wu@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_zj@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_xb.png b/public/flukemoni/Ex2/n_upper_banner_zq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xb.png
rename to public/flukemoni/Ex2/n_upper_banner_zq.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_xb@2x.png b/public/flukemoni/Ex2/n_upper_banner_zq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xb@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_zq@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_xm.png b/public/flukemoni/Ex2/n_upper_banner_zy.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xm.png
rename to public/flukemoni/Ex2/n_upper_banner_zy.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_xm@2x.png b/public/flukemoni/Ex2/n_upper_banner_zy@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xm@2x.png
rename to public/flukemoni/Ex2/n_upper_banner_zy@2x.png
diff --git a/public/flukemoni/Ex2/n_ver_adapter.png b/public/flukemoni/Ex2/n_ver_adapter.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_adapter@2x.png b/public/flukemoni/Ex2/n_ver_adapter@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_adapter_remote.png b/public/flukemoni/Ex2/n_ver_adapter_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_adapter_remote@2x.png b/public/flukemoni/Ex2/n_ver_adapter_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_main.png b/public/flukemoni/Ex2/n_ver_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_main@2x.png b/public/flukemoni/Ex2/n_ver_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_module_main.png b/public/flukemoni/Ex2/n_ver_module_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_module_main@2x.png b/public/flukemoni/Ex2/n_ver_module_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_module_remote.png b/public/flukemoni/Ex2/n_ver_module_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_module_remote@2x.png b/public/flukemoni/Ex2/n_ver_module_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_remote.png b/public/flukemoni/Ex2/n_ver_remote.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_ver_remote@2x.png b/public/flukemoni/Ex2/n_ver_remote@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/operator.png b/public/flukemoni/Ex2/operator.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/operator@2x.png b/public/flukemoni/Ex2/operator@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/profinet.html b/public/flukemoni/Ex2/profinet.html
old mode 100644
new mode 100755
index 454e44b..e7697c7
--- a/public/flukemoni/Ex2/profinet.html
+++ b/public/flukemoni/Ex2/profinet.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_baa {
+	#n_31_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
+	#rectangle_5_baw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_baa {
+	.rectangle_5_baw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: T7iso_limits___2.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_bab {
+	#n_upper_banner_bbc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_m {
+	#save_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_m {
+	.save_x {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3018,14 +3054,22 @@ window.application = new Application();
 <div id="profinet">
 	<img id="limit_profinet" src="limit_profinet.png" srcset="limit_profinet.png 1x, limit_profinet@2x.png 2x">
 		
-	<svg class="rectangle_5_baa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_v">
+		<ellipse id="n_31_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_y">
+		<ellipse id="n_31_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bab" src="n_upper_banner_bab.png" srcset="n_upper_banner_bab.png 1x, n_upper_banner_bab@2x.png 2x">
+	<img id="n_upper_banner_bbc" src="n_upper_banner_bbc.png" srcset="n_upper_banner_bbc.png 1x, n_upper_banner_bbc@2x.png 2x">
 		
-	<svg class="save_m">
-		<rect onclick="application.goToTargetView(event)" id="save_m" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_x">
+		<rect onclick="application.goToTargetView(event)" id="save_x" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/profinet_result1.png b/public/flukemoni/Ex2/profinet_result1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/profinet_result1@2x.png b/public/flukemoni/Ex2/profinet_result1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/profinet_result2.png b/public/flukemoni/Ex2/profinet_result2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/profinet_result2@2x.png b/public/flukemoni/Ex2/profinet_result2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/save_result.html b/public/flukemoni/Ex2/save_result.html
old mode 100644
new mode 100755
index b83170f..ebc3202
--- a/public/flukemoni/Ex2/save_result.html
+++ b/public/flukemoni/Ex2/save_result.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ob {
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 603px;
+	}
+	#rectangle_5 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ob {
+	.rectangle_5 {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_oc {
+	#n_upper_banner {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_od {
+	#save {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_od {
+	.save {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="save_result">
 	<img id="n_33_save_name" src="n_33_save_name.png" srcset="n_33_save_name.png 1x, n_33_save_name@2x.png 2x">
 		
-	<svg class="rectangle_5_ob">
-		<rect id="rectangle_5_ob" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5">
+		<rect id="rectangle_5" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_oc" src="n_upper_banner_oc.png" srcset="n_upper_banner_oc.png 1x, n_upper_banner_oc@2x.png 2x">
+	<img id="n_upper_banner" src="n_upper_banner.png" srcset="n_upper_banner.png 1x, n_upper_banner@2x.png 2x">
 		
-	<svg class="save_od">
-		<rect onclick="application.goToTargetView(event)" id="save_od" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save">
+		<rect onclick="application.goToTargetView(event)" id="save" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___1.html b/public/flukemoni/Ex2/save_result___1.html
old mode 100644
new mode 100755
index deebefd..47f31b0
--- a/public/flukemoni/Ex2/save_result___1.html
+++ b/public/flukemoni/Ex2/save_result___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_oh {
+	#n_31_rt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_rt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 97px;
+	}
+	#n_upper_banner_ru {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,7 +3014,11 @@ window.application = new Application();
 <div id="save_result__1">
 	<img id="n_33_result_be_saved" src="n_33_result_be_saved.png" srcset="n_33_result_be_saved.png 1x, n_33_result_be_saved@2x.png 2x">
 		
-	<img id="n_upper_banner_oh" src="n_upper_banner_oh.png" srcset="n_upper_banner_oh.png 1x, n_upper_banner_oh@2x.png 2x">
+	<svg class="n_31_rt">
+		<ellipse id="n_31_rt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ru" src="n_upper_banner_ru.png" srcset="n_upper_banner_ru.png 1x, n_upper_banner_ru@2x.png 2x">
 		
 	<svg class="performance">
 		<rect onclick="application.goToTargetView(event)" id="performance" rx="0" ry="0" x="0" y="0" width="240" height="37">
diff --git a/public/flukemoni/Ex2/save_result___10.html b/public/flukemoni/Ex2/save_result___10.html
old mode 100644
new mode 100755
index 9509050..a6805ec
--- a/public/flukemoni/Ex2/save_result___10.html
+++ b/public/flukemoni/Ex2/save_result___10.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_tc {
+	#n_33_result_be_saved_xr {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_td {
+	#n_31_xs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 97px;
+	}
+	#n_upper_banner_xt {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_te {
+	#performance_xu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_te {
+	.performance_xu {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__10">
-	<img id="n_33_result_be_saved_tc" src="n_33_result_be_saved_tc.png" srcset="n_33_result_be_saved_tc.png 1x, n_33_result_be_saved_tc@2x.png 2x">
+	<img id="n_33_result_be_saved_xr" src="n_33_result_be_saved_xr.png" srcset="n_33_result_be_saved_xr.png 1x, n_33_result_be_saved_xr@2x.png 2x">
 		
-	<img id="n_upper_banner_td" src="n_upper_banner_td.png" srcset="n_upper_banner_td.png 1x, n_upper_banner_td@2x.png 2x">
+	<svg class="n_31_xs">
+		<ellipse id="n_31_xs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_xt" src="n_upper_banner_xt.png" srcset="n_upper_banner_xt.png 1x, n_upper_banner_xt@2x.png 2x">
 		
-	<svg class="performance_te">
-		<rect onclick="application.goToTargetView(event)" id="performance_te" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_xu">
+		<rect onclick="application.goToTargetView(event)" id="performance_xu" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___11.html b/public/flukemoni/Ex2/save_result___11.html
old mode 100644
new mode 100755
index b4c3a90..2c54d0c
--- a/public/flukemoni/Ex2/save_result___11.html
+++ b/public/flukemoni/Ex2/save_result___11.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ti {
+	#n_31_xy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 334px;
+		top: 328px;
+	}
+	#n_31_xz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 109px;
+		top: 97px;
+	}
+	#rectangle_5_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ti {
+	.rectangle_5_x {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +104,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_tj {
+	#n_upper_banner_x {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_tk {
+	#wiremap_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_tk {
+	.wiremap_x {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -98,7 +134,7 @@
 		--web-action-target: save_result___10.html;
 		cursor: pointer;
 	}
-	#cat6a_option_tl {
+	#cat6a_option_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_tl {
+	.cat6a_option_x {
 		overflow: visible;
 		position: absolute;
 		width: 436.146px;
@@ -3045,18 +3081,26 @@ window.application = new Application();
 <div id="save_result__11">
 	<img id="n_5_PASS" src="n_5_PASS.png" srcset="n_5_PASS.png 1x, n_5_PASS@2x.png 2x">
 		
-	<svg class="rectangle_5_ti">
-		<rect id="rectangle_5_ti" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_xy">
+		<ellipse id="n_31_xy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_xz">
+		<ellipse id="n_31_xz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_x">
+		<rect id="rectangle_5_x" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_tj" src="n_upper_banner_tj.png" srcset="n_upper_banner_tj.png 1x, n_upper_banner_tj@2x.png 2x">
+	<img id="n_upper_banner_x" src="n_upper_banner_x.png" srcset="n_upper_banner_x.png 1x, n_upper_banner_x@2x.png 2x">
 		
-	<svg class="wiremap_tk">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_tk" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_x">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_x" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
-	<svg class="cat6a_option_tl" viewBox="0 0 436.147 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_tl" d="M 0 0 L 436.1465148925781 0 L 436.1465148925781 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_x" viewBox="0 0 436.147 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_x" d="M 0 0 L 436.1465148925781 0 L 436.1465148925781 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 	<img id="n_5_PASS1" src="n_5_PASS1.png" srcset="n_5_PASS1.png 1x, n_5_PASS1@2x.png 2x">
diff --git a/public/flukemoni/Ex2/save_result___12.html b/public/flukemoni/Ex2/save_result___12.html
old mode 100644
new mode 100755
index 6bd450d..76ec619
--- a/public/flukemoni/Ex2/save_result___12.html
+++ b/public/flukemoni/Ex2/save_result___12.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_upper_banner_tp {
+	#n_upper_banner_ya {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_tq {
+	#n_31_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 51px;
+	}
+	#performance_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_tq {
+	.performance_x {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ts {
+	#rectangle_5_yb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ts {
+	.rectangle_5_yb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__12">
-	<img id="n_upper_banner_tp" src="n_upper_banner_tp.png" srcset="n_upper_banner_tp.png 1x, n_upper_banner_tp@2x.png 2x">
+	<img id="n_upper_banner_ya" src="n_upper_banner_ya.png" srcset="n_upper_banner_ya.png 1x, n_upper_banner_ya@2x.png 2x">
 		
-	<svg class="performance_tq">
-		<rect id="performance_tq" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="n_31_x">
+		<ellipse id="n_31_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="performance_x">
+		<rect id="performance_x" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 	<img id="impedance" src="impedance.png" srcset="impedance.png 1x, impedance@2x.png 2x">
 		
-	<svg class="rectangle_5_ts">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ts" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_yb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___13.html b/public/flukemoni/Ex2/save_result___13.html
old mode 100644
new mode 100755
index e68a3be..46bebc8
--- a/public/flukemoni/Ex2/save_result___13.html
+++ b/public/flukemoni/Ex2/save_result___13.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_vh {
+	#n_33_save_name_f {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vi {
+	#n_36_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 603px;
+	}
+	#rectangle_5_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vi {
+	.rectangle_5_k {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_vj {
+	#n_upper_banner_ {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_vk {
+	#save_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_vk {
+	.save_j {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__13">
-	<img id="n_33_save_name_vh" src="n_33_save_name_vh.png" srcset="n_33_save_name_vh.png 1x, n_33_save_name_vh@2x.png 2x">
+	<img id="n_33_save_name_f" src="n_33_save_name_f.png" srcset="n_33_save_name_f.png 1x, n_33_save_name_f@2x.png 2x">
 		
-	<svg class="rectangle_5_vi">
-		<rect id="rectangle_5_vi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_g">
+		<ellipse id="n_36_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_k">
+		<rect id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_vj" src="n_upper_banner_vj.png" srcset="n_upper_banner_vj.png 1x, n_upper_banner_vj@2x.png 2x">
+	<img id="n_upper_banner_" src="n_upper_banner_.png" srcset="n_upper_banner_.png 1x, n_upper_banner_@2x.png 2x">
 		
-	<svg class="save_vk">
-		<rect onclick="application.goToTargetView(event)" id="save_vk" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_j">
+		<rect onclick="application.goToTargetView(event)" id="save_j" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___14.html b/public/flukemoni/Ex2/save_result___14.html
old mode 100644
new mode 100755
index 8b807fc..7b072d4
--- a/public/flukemoni/Ex2/save_result___14.html
+++ b/public/flukemoni/Ex2/save_result___14.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_vn {
+	#n_33_result_be_saved {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_vo {
+	#n_36 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 385px;
+		top: 97px;
+	}
+	#n_upper_banner {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_vp {
+	#performance {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_vp {
+	.performance {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__14">
-	<img id="n_33_result_be_saved_vn" src="n_33_result_be_saved_vn.png" srcset="n_33_result_be_saved_vn.png 1x, n_33_result_be_saved_vn@2x.png 2x">
+	<img id="n_33_result_be_saved" src="n_33_result_be_saved.png" srcset="n_33_result_be_saved.png 1x, n_33_result_be_saved@2x.png 2x">
 		
-	<img id="n_upper_banner_vo" src="n_upper_banner_vo.png" srcset="n_upper_banner_vo.png 1x, n_upper_banner_vo@2x.png 2x">
+	<svg class="n_36">
+		<ellipse id="n_36" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner" src="n_upper_banner.png" srcset="n_upper_banner.png 1x, n_upper_banner@2x.png 2x">
 		
-	<svg class="performance_vp">
-		<rect onclick="application.goToTargetView(event)" id="performance_vp" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance">
+		<rect onclick="application.goToTargetView(event)" id="performance" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___15.html b/public/flukemoni/Ex2/save_result___15.html
old mode 100644
new mode 100755
index ff1a0a7..aade59b
--- a/public/flukemoni/Ex2/save_result___15.html
+++ b/public/flukemoni/Ex2/save_result___15.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_parameters_1_vs {
+	#n_33_result_parameters_1_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vt {
+	#n_36_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 151px;
+		top: 97px;
+	}
+	#rectangle_5_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vt {
+	.rectangle_5_ {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_vu {
+	#n_upper_banner_c {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_33_result_parameters_2_vv {
+	#n_33_result_parameters_2_w {
 		position: absolute;
 		width: 480px;
 		height: 302px;
@@ -84,7 +102,7 @@
 		top: 538px;
 		overflow: visible;
 	}
-	#wiremap_vw {
+	#wiremap_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +112,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_vw {
+	.wiremap_y {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -3020,18 +3038,22 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__15">
-	<img id="n_33_result_parameters_1_vs" src="n_33_result_parameters_1_vs.png" srcset="n_33_result_parameters_1_vs.png 1x, n_33_result_parameters_1_vs@2x.png 2x">
+	<img id="n_33_result_parameters_1_s" src="n_33_result_parameters_1_s.png" srcset="n_33_result_parameters_1_s.png 1x, n_33_result_parameters_1_s@2x.png 2x">
 		
-	<svg class="rectangle_5_vt">
-		<rect id="rectangle_5_vt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_t">
+		<ellipse id="n_36_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_">
+		<rect id="rectangle_5_" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_vu" src="n_upper_banner_vu.png" srcset="n_upper_banner_vu.png 1x, n_upper_banner_vu@2x.png 2x">
+	<img id="n_upper_banner_c" src="n_upper_banner_c.png" srcset="n_upper_banner_c.png 1x, n_upper_banner_c@2x.png 2x">
 		
-	<img id="n_33_result_parameters_2_vv" src="n_33_result_parameters_2_vv.png" srcset="n_33_result_parameters_2_vv.png 1x, n_33_result_parameters_2_vv@2x.png 2x">
+	<img id="n_33_result_parameters_2_w" src="n_33_result_parameters_2_w.png" srcset="n_33_result_parameters_2_w.png 1x, n_33_result_parameters_2_w@2x.png 2x">
 		
-	<svg class="wiremap_vw">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_vw" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_y">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_y" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___16.html b/public/flukemoni/Ex2/save_result___16.html
old mode 100644
new mode 100755
index 8893bb5..305aec7
--- a/public/flukemoni/Ex2/save_result___16.html
+++ b/public/flukemoni/Ex2/save_result___16.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_w {
+	#n_33_save_name_m {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_xa {
+	#n_36_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 596px;
+	}
+	#rectangle_5_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xa {
+	.rectangle_5_bab {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		--web-action-target: test_pass___5.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_xb {
+	#n_upper_banner_baf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +98,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_xc {
+	#save_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_xc {
+	.save_r {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3016,16 +3034,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__16">
-	<img id="n_33_save_name_w" src="n_33_save_name_w.png" srcset="n_33_save_name_w.png 1x, n_33_save_name_w@2x.png 2x">
+	<img id="n_33_save_name_m" src="n_33_save_name_m.png" srcset="n_33_save_name_m.png 1x, n_33_save_name_m@2x.png 2x">
 		
-	<svg class="rectangle_5_xa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_p">
+		<ellipse id="n_36_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bab">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bab" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_xb" src="n_upper_banner_xb.png" srcset="n_upper_banner_xb.png 1x, n_upper_banner_xb@2x.png 2x">
+	<img id="n_upper_banner_baf" src="n_upper_banner_baf.png" srcset="n_upper_banner_baf.png 1x, n_upper_banner_baf@2x.png 2x">
 		
-	<svg class="save_xc">
-		<rect onclick="application.goToTargetView(event)" id="save_xc" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_r">
+		<rect onclick="application.goToTargetView(event)" id="save_r" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___17.html b/public/flukemoni/Ex2/save_result___17.html
old mode 100644
new mode 100755
index fc810aa..62ae46b
--- a/public/flukemoni/Ex2/save_result___17.html
+++ b/public/flukemoni/Ex2/save_result___17.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_xf {
+	#n_33_result_be_saved_u {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_xg {
+	#n_36_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 386px;
+		top: 97px;
+	}
+	#n_upper_banner_bag {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_xh {
+	#performance_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_xh {
+	.performance_w {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__17">
-	<img id="n_33_result_be_saved_xf" src="n_33_result_be_saved_xf.png" srcset="n_33_result_be_saved_xf.png 1x, n_33_result_be_saved_xf@2x.png 2x">
+	<img id="n_33_result_be_saved_u" src="n_33_result_be_saved_u.png" srcset="n_33_result_be_saved_u.png 1x, n_33_result_be_saved_u@2x.png 2x">
 		
-	<img id="n_upper_banner_xg" src="n_upper_banner_xg.png" srcset="n_upper_banner_xg.png 1x, n_upper_banner_xg@2x.png 2x">
+	<svg class="n_36_w">
+		<ellipse id="n_36_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bag" src="n_upper_banner_bag.png" srcset="n_upper_banner_bag.png 1x, n_upper_banner_bag@2x.png 2x">
 		
-	<svg class="performance_xh">
-		<rect onclick="application.goToTargetView(event)" id="performance_xh" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_w">
+		<rect onclick="application.goToTargetView(event)" id="performance_w" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___18.html b/public/flukemoni/Ex2/save_result___18.html
old mode 100644
new mode 100755
index 73e3cee..08b9294
--- a/public/flukemoni/Ex2/save_result___18.html
+++ b/public/flukemoni/Ex2/save_result___18.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_11801_results_1_xk {
+	#iso_11801_results_1_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_xl {
+	#n_36_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 157px;
+		top: 97px;
+	}
+	#rectangle_5_bac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xl {
+	.rectangle_5_bac {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_xm {
+	#n_upper_banner_bah {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_xn {
+	#wiremap_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_xn {
+	.wiremap_ {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -98,7 +116,7 @@
 		--web-action-target: save_result___17.html;
 		cursor: pointer;
 	}
-	#iso_11801_results_2_xo {
+	#iso_11801_results_2_ {
 		position: absolute;
 		width: 480px;
 		height: 301px;
@@ -3020,19 +3038,23 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__18">
-	<img id="iso_11801_results_1_xk" src="iso_11801_results_1_xk.png" srcset="iso_11801_results_1_xk.png 1x, iso_11801_results_1_xk@2x.png 2x">
+	<img id="iso_11801_results_1_z" src="iso_11801_results_1_z.png" srcset="iso_11801_results_1_z.png 1x, iso_11801_results_1_z@2x.png 2x">
 		
-	<svg class="rectangle_5_xl">
-		<rect id="rectangle_5_xl" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_j">
+		<ellipse id="n_36_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bac">
+		<rect id="rectangle_5_bac" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_xm" src="n_upper_banner_xm.png" srcset="n_upper_banner_xm.png 1x, n_upper_banner_xm@2x.png 2x">
+	<img id="n_upper_banner_bah" src="n_upper_banner_bah.png" srcset="n_upper_banner_bah.png 1x, n_upper_banner_bah@2x.png 2x">
 		
-	<svg class="wiremap_xn">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_xn" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
-	<img id="iso_11801_results_2_xo" src="iso_11801_results_2_xo.png" srcset="iso_11801_results_2_xo.png 1x, iso_11801_results_2_xo@2x.png 2x">
+	<img id="iso_11801_results_2_" src="iso_11801_results_2_.png" srcset="iso_11801_results_2_.png 1x, iso_11801_results_2_@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/save_result___19.html b/public/flukemoni/Ex2/save_result___19.html
old mode 100644
new mode 100755
index a51d31c..668c96c
--- a/public/flukemoni/Ex2/save_result___19.html
+++ b/public/flukemoni/Ex2/save_result___19.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_11801_results_pl3_1_xr {
+	#iso_11801_results_pl3_1_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#iso_11801_results_pl3_2_xs {
+	#iso_11801_results_pl3_2_ {
 		position: absolute;
 		width: 480px;
 		height: 301px;
@@ -58,7 +58,25 @@
 		top: 539px;
 		overflow: visible;
 	}
-	#rectangle_5_xt {
+	#n_36_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 159px;
+		top: 97px;
+	}
+	#rectangle_5_bad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xt {
+	.rectangle_5_bad {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_xu {
+	#n_upper_banner_bai {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -84,7 +102,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_xv {
+	#wiremap_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +112,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_xv {
+	.wiremap_c {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -3020,18 +3038,22 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__19">
-	<img id="iso_11801_results_pl3_1_xr" src="iso_11801_results_pl3_1_xr.png" srcset="iso_11801_results_pl3_1_xr.png 1x, iso_11801_results_pl3_1_xr@2x.png 2x">
+	<img id="iso_11801_results_pl3_1_" src="iso_11801_results_pl3_1_.png" srcset="iso_11801_results_pl3_1_.png 1x, iso_11801_results_pl3_1_@2x.png 2x">
 		
-	<img id="iso_11801_results_pl3_2_xs" src="iso_11801_results_pl3_2_xs.png" srcset="iso_11801_results_pl3_2_xs.png 1x, iso_11801_results_pl3_2_xs@2x.png 2x">
+	<img id="iso_11801_results_pl3_2_" src="iso_11801_results_pl3_2_.png" srcset="iso_11801_results_pl3_2_.png 1x, iso_11801_results_pl3_2_@2x.png 2x">
 		
-	<svg class="rectangle_5_xt">
-		<rect id="rectangle_5_xt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_k">
+		<ellipse id="n_36_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bad">
+		<rect id="rectangle_5_bad" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_xu" src="n_upper_banner_xu.png" srcset="n_upper_banner_xu.png 1x, n_upper_banner_xu@2x.png 2x">
+	<img id="n_upper_banner_bai" src="n_upper_banner_bai.png" srcset="n_upper_banner_bai.png 1x, n_upper_banner_bai@2x.png 2x">
 		
-	<svg class="wiremap_xv">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_xv" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_c">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_c" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___2.html b/public/flukemoni/Ex2/save_result___2.html
old mode 100644
new mode 100755
index e60b49d..698385b
--- a/public/flukemoni/Ex2/save_result___2.html
+++ b/public/flukemoni/Ex2/save_result___2.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_om {
+	#n_31_rz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_rz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 109px;
+		top: 97px;
+	}
+	#rectangle_5_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_om {
+	.rectangle_5_r {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_on {
+	#n_upper_banner_r {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -3022,11 +3040,15 @@ window.application = new Application();
 <div id="save_result__2">
 	<img id="n_33_result_parameters_1" src="n_33_result_parameters_1.png" srcset="n_33_result_parameters_1.png 1x, n_33_result_parameters_1@2x.png 2x">
 		
-	<svg class="rectangle_5_om">
-		<rect id="rectangle_5_om" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_rz">
+		<ellipse id="n_31_rz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_r">
+		<rect id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_on" src="n_upper_banner_on.png" srcset="n_upper_banner_on.png 1x, n_upper_banner_on@2x.png 2x">
+	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
 		
 	<img id="n_33_result_parameters_2" src="n_33_result_parameters_2.png" srcset="n_33_result_parameters_2.png 1x, n_33_result_parameters_2@2x.png 2x">
 		
diff --git a/public/flukemoni/Ex2/save_result___20.html b/public/flukemoni/Ex2/save_result___20.html
old mode 100644
new mode 100755
index c9758e2..9b26f79
--- a/public/flukemoni/Ex2/save_result___20.html
+++ b/public/flukemoni/Ex2/save_result___20.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_ys {
+	#n_33_save_name_g {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yt {
+	#n_36_bac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 603px;
+	}
+	#rectangle_5_baj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yt {
+	.rectangle_5_baj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_yu {
+	#n_upper_banner_bao {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_yv {
+	#save_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_yv {
+	.save_m {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__20">
-	<img id="n_33_save_name_ys" src="n_33_save_name_ys.png" srcset="n_33_save_name_ys.png 1x, n_33_save_name_ys@2x.png 2x">
+	<img id="n_33_save_name_g" src="n_33_save_name_g.png" srcset="n_33_save_name_g.png 1x, n_33_save_name_g@2x.png 2x">
 		
-	<svg class="rectangle_5_yt">
-		<rect id="rectangle_5_yt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bac">
+		<ellipse id="n_36_bac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baj">
+		<rect id="rectangle_5_baj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_yu" src="n_upper_banner_yu.png" srcset="n_upper_banner_yu.png 1x, n_upper_banner_yu@2x.png 2x">
+	<img id="n_upper_banner_bao" src="n_upper_banner_bao.png" srcset="n_upper_banner_bao.png 1x, n_upper_banner_bao@2x.png 2x">
 		
-	<svg class="save_yv">
-		<rect onclick="application.goToTargetView(event)" id="save_yv" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_m">
+		<rect onclick="application.goToTargetView(event)" id="save_m" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___21.html b/public/flukemoni/Ex2/save_result___21.html
old mode 100644
new mode 100755
index 5f99509..8cbf684
--- a/public/flukemoni/Ex2/save_result___21.html
+++ b/public/flukemoni/Ex2/save_result___21.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_yy {
+	#n_33_result_be_saved_n {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_yz {
+	#n_36_bad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 97px;
+	}
+	#n_upper_banner_bap {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_y {
+	#performance_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_y {
+	.performance_q {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__21">
-	<img id="n_33_result_be_saved_yy" src="n_33_result_be_saved_yy.png" srcset="n_33_result_be_saved_yy.png 1x, n_33_result_be_saved_yy@2x.png 2x">
+	<img id="n_33_result_be_saved_n" src="n_33_result_be_saved_n.png" srcset="n_33_result_be_saved_n.png 1x, n_33_result_be_saved_n@2x.png 2x">
 		
-	<img id="n_upper_banner_yz" src="n_upper_banner_yz.png" srcset="n_upper_banner_yz.png 1x, n_upper_banner_yz@2x.png 2x">
+	<svg class="n_36_bad">
+		<ellipse id="n_36_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bap" src="n_upper_banner_bap.png" srcset="n_upper_banner_bap.png 1x, n_upper_banner_bap@2x.png 2x">
 		
-	<svg class="performance_y">
-		<rect onclick="application.goToTargetView(event)" id="performance_y" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_q">
+		<rect onclick="application.goToTargetView(event)" id="performance_q" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___22.html b/public/flukemoni/Ex2/save_result___22.html
old mode 100644
new mode 100755
index c3490ba..689f97b
--- a/public/flukemoni/Ex2/save_result___22.html
+++ b/public/flukemoni/Ex2/save_result___22.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_a {
+	#n_33_save_name_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_b {
+	#n_36_ban {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_ban {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 598px;
+	}
+	#rectangle_5_baq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_b {
+	.rectangle_5_baq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_c {
+	#n_upper_banner_baw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_d {
+	#save_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_d {
+	.save_f {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__22">
-	<img id="n_33_save_name_a" src="n_33_save_name_a.png" srcset="n_33_save_name_a.png 1x, n_33_save_name_a@2x.png 2x">
+	<img id="n_33_save_name_" src="n_33_save_name_.png" srcset="n_33_save_name_.png 1x, n_33_save_name_@2x.png 2x">
 		
-	<svg class="rectangle_5_b">
-		<rect id="rectangle_5_b" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_ban">
+		<ellipse id="n_36_ban" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baq">
+		<rect id="rectangle_5_baq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_c" src="n_upper_banner_c.png" srcset="n_upper_banner_c.png 1x, n_upper_banner_c@2x.png 2x">
+	<img id="n_upper_banner_baw" src="n_upper_banner_baw.png" srcset="n_upper_banner_baw.png 1x, n_upper_banner_baw@2x.png 2x">
 		
-	<svg class="save_d">
-		<rect onclick="application.goToTargetView(event)" id="save_d" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_f">
+		<rect onclick="application.goToTargetView(event)" id="save_f" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___23.html b/public/flukemoni/Ex2/save_result___23.html
old mode 100644
new mode 100755
index 5f64bc9..acb97c0
--- a/public/flukemoni/Ex2/save_result___23.html
+++ b/public/flukemoni/Ex2/save_result___23.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_r {
+	#n_36_bao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 385px;
+		top: 97px;
+	}
+	#n_upper_banner_bax {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_i {
+	#performance_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_i {
+	.performance_j {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2996,10 +3014,14 @@ window.application = new Application();
 <div id="save_result__23">
 	<img id="n_33_result_be_saved_g" src="n_33_result_be_saved_g.png" srcset="n_33_result_be_saved_g.png 1x, n_33_result_be_saved_g@2x.png 2x">
 		
-	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
+	<svg class="n_36_bao">
+		<ellipse id="n_36_bao" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bax" src="n_upper_banner_bax.png" srcset="n_upper_banner_bax.png 1x, n_upper_banner_bax@2x.png 2x">
 		
-	<svg class="performance_i">
-		<rect onclick="application.goToTargetView(event)" id="performance_i" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_j">
+		<rect onclick="application.goToTargetView(event)" id="performance_j" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___24.html b/public/flukemoni/Ex2/save_result___24.html
old mode 100644
new mode 100755
index 566d83b..7d3b93e
--- a/public/flukemoni/Ex2/save_result___24.html
+++ b/public/flukemoni/Ex2/save_result___24.html
@@ -58,7 +58,25 @@
 		top: 539px;
 		overflow: visible;
 	}
-	#rectangle_5_r {
+	#n_36_bap {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bap {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 157px;
+		top: 97px;
+	}
+	#rectangle_5_bar {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_r {
+	.rectangle_5_bar {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_ {
+	#n_upper_banner_bay {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -84,7 +102,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_p {
+	#wiremap_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +112,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_p {
+	.wiremap_r {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -106,7 +124,7 @@
 		--web-action-target: save_result___23.html;
 		cursor: pointer;
 	}
-	#cat6a_option_q {
+	#cat6a_option_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +134,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.cat6a_option_q {
+	.cat6a_option_s {
 		overflow: visible;
 		position: absolute;
 		width: 436.146px;
@@ -3047,18 +3065,22 @@ window.application = new Application();
 		
 	<img id="test_result_1000baset2" src="test_result_1000baset2.png" srcset="test_result_1000baset2.png 1x, test_result_1000baset2@2x.png 2x">
 		
-	<svg class="rectangle_5_r">
-		<rect id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bap">
+		<ellipse id="n_36_bap" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bar">
+		<rect id="rectangle_5_bar" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_" src="n_upper_banner_.png" srcset="n_upper_banner_.png 1x, n_upper_banner_@2x.png 2x">
+	<img id="n_upper_banner_bay" src="n_upper_banner_bay.png" srcset="n_upper_banner_bay.png 1x, n_upper_banner_bay@2x.png 2x">
 		
-	<svg class="wiremap_p">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_p" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_r">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_r" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
-	<svg class="cat6a_option_q" viewBox="0 0 436.147 53">
-		<path onclick="application.goToTargetView(event)" id="cat6a_option_q" d="M 0 0 L 436.1465148925781 0 L 436.1465148925781 53 L 0 53 L 0 0 Z">
+	<svg class="cat6a_option_s" viewBox="0 0 436.147 53">
+		<path onclick="application.goToTargetView(event)" id="cat6a_option_s" d="M 0 0 L 436.1465148925781 0 L 436.1465148925781 53 L 0 53 L 0 0 Z">
 		</path>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___25.html b/public/flukemoni/Ex2/save_result___25.html
old mode 100644
new mode 100755
index bd5f7b9..8562db6
--- a/public/flukemoni/Ex2/save_result___25.html
+++ b/public/flukemoni/Ex2/save_result___25.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_upper_banner_b {
+	#n_upper_banner_baz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_u {
+	#n_36_baq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_baq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 51px;
+	}
+	#performance_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_u {
+	.performance_y {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -68,7 +86,7 @@
 		left: 240px;
 		top: 89px;
 	}
-	#impedance_v {
+	#impedance_y {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ {
+	#rectangle_5_bas {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ {
+	.rectangle_5_bas {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__25">
-	<img id="n_upper_banner_b" src="n_upper_banner_b.png" srcset="n_upper_banner_b.png 1x, n_upper_banner_b@2x.png 2x">
+	<img id="n_upper_banner_baz" src="n_upper_banner_baz.png" srcset="n_upper_banner_baz.png 1x, n_upper_banner_baz@2x.png 2x">
 		
-	<svg class="performance_u">
-		<rect id="performance_u" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="n_36_baq">
+		<ellipse id="n_36_baq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="performance_y">
+		<rect id="performance_y" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
-	<img id="impedance_v" src="impedance_v.png" srcset="impedance_v.png 1x, impedance_v@2x.png 2x">
+	<img id="impedance_y" src="impedance_y.png" srcset="impedance_y.png 1x, impedance_y@2x.png 2x">
 		
-	<svg class="rectangle_5_">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bas">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bas" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___26.html b/public/flukemoni/Ex2/save_result___26.html
old mode 100644
new mode 100755
index 30ec2ac..a2ac53e
--- a/public/flukemoni/Ex2/save_result___26.html
+++ b/public/flukemoni/Ex2/save_result___26.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_d {
+	#n_33_save_name_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_baf {
+	#n_31_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_31_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 603px;
+	}
+	#rectangle_5_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,15 +96,19 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_baf {
+	.rectangle_5_bba {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
 		height: 31px;
 		left: 20px;
 		top: 46px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test_pass___8.html;
+		cursor: pointer;
 	}
-	#n_upper_banner_bag {
+	#n_upper_banner_bbh {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_g {
+	#save_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_g {
+	.save_y {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__26">
-	<img id="n_33_save_name_d" src="n_33_save_name_d.png" srcset="n_33_save_name_d.png 1x, n_33_save_name_d@2x.png 2x">
+	<img id="n_33_save_name_t" src="n_33_save_name_t.png" srcset="n_33_save_name_t.png 1x, n_33_save_name_t@2x.png 2x">
 		
-	<svg class="rectangle_5_baf">
-		<rect id="rectangle_5_baf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_z">
+		<ellipse id="n_31_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_g">
+		<ellipse id="n_31_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bba">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bba" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bag" src="n_upper_banner_bag.png" srcset="n_upper_banner_bag.png 1x, n_upper_banner_bag@2x.png 2x">
+	<img id="n_upper_banner_bbh" src="n_upper_banner_bbh.png" srcset="n_upper_banner_bbh.png 1x, n_upper_banner_bbh@2x.png 2x">
 		
-	<svg class="save_g">
-		<rect onclick="application.goToTargetView(event)" id="save_g" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_y">
+		<rect onclick="application.goToTargetView(event)" id="save_y" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___27.html b/public/flukemoni/Ex2/save_result___27.html
old mode 100644
new mode 100755
index bd31c6d..2e9c7e8
--- a/public/flukemoni/Ex2/save_result___27.html
+++ b/public/flukemoni/Ex2/save_result___27.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_bah {
+	#n_31_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 97px;
+	}
+	#n_upper_banner_bbi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_l {
+	#performance_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_l {
+	.performance_ {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2996,10 +3014,14 @@ window.application = new Application();
 <div id="save_result__27">
 	<img id="ftp_result" src="ftp_result.png" srcset="ftp_result.png 1x, ftp_result@2x.png 2x">
 		
-	<img id="n_upper_banner_bah" src="n_upper_banner_bah.png" srcset="n_upper_banner_bah.png 1x, n_upper_banner_bah@2x.png 2x">
+	<svg class="n_31_i">
+		<ellipse id="n_31_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bbi" src="n_upper_banner_bbi.png" srcset="n_upper_banner_bbi.png 1x, n_upper_banner_bbi@2x.png 2x">
 		
-	<svg class="performance_l">
-		<rect onclick="application.goToTargetView(event)" id="performance_l" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_">
+		<rect onclick="application.goToTargetView(event)" id="performance_" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___28.html b/public/flukemoni/Ex2/save_result___28.html
old mode 100644
new mode 100755
index eab97cb..d4c0dc6
--- a/public/flukemoni/Ex2/save_result___28.html
+++ b/public/flukemoni/Ex2/save_result___28.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_bag {
+	#n_31_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 109px;
+		top: 97px;
+	}
+	#rectangle_5_bbb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bag {
+	.rectangle_5_bbb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_bai {
+	#n_upper_banner_bbj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_r {
+	#wiremap_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_r {
+	.wiremap_b {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -98,25 +116,6 @@
 		--web-action-target: save_result___27.html;
 		cursor: pointer;
 	}
-	#cat6a_option_s {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.cat6a_option_s {
-		overflow: visible;
-		position: absolute;
-		width: 436.146px;
-		height: 53px;
-		left: 20px;
-		top: 312px;
-		transform: matrix(1,0,0,1,0,0);
-	}
 	#profinet_result2 {
 		position: absolute;
 		width: 480px;
@@ -3041,20 +3040,20 @@ window.application = new Application();
 <div id="save_result__28">
 	<img id="profinet_result1" src="profinet_result1.png" srcset="profinet_result1.png 1x, profinet_result1@2x.png 2x">
 		
-	<svg class="rectangle_5_bag">
-		<rect id="rectangle_5_bag" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_m">
+		<ellipse id="n_31_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bbb">
+		<rect id="rectangle_5_bbb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bai" src="n_upper_banner_bai.png" srcset="n_upper_banner_bai.png 1x, n_upper_banner_bai@2x.png 2x">
+	<img id="n_upper_banner_bbj" src="n_upper_banner_bbj.png" srcset="n_upper_banner_bbj.png 1x, n_upper_banner_bbj@2x.png 2x">
 		
-	<svg class="wiremap_r">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_r" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_b">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_b" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
-	<svg class="cat6a_option_s" viewBox="0 0 436.147 53">
-		<path id="cat6a_option_s" d="M 0 0 L 436.1465148925781 0 L 436.1465148925781 53 L 0 53 L 0 0 Z">
-		</path>
-	</svg>
 	<img id="profinet_result2" src="profinet_result2.png" srcset="profinet_result2.png 1x, profinet_result2@2x.png 2x">
 		
 </div>
diff --git a/public/flukemoni/Ex2/save_result___3.html b/public/flukemoni/Ex2/save_result___3.html
old mode 100644
new mode 100755
index 8fdb8f2..6f65a95
--- a/public/flukemoni/Ex2/save_result___3.html
+++ b/public/flukemoni/Ex2/save_result___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_p {
+	#n_33_save_name_ts {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_p {
+	#n_31_tt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_tt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 598px;
+	}
+	#n_31_tu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_tu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#rectangle_5_tv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_p {
+	.rectangle_5_tv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +108,7 @@
 		--web-action-target: test_pass___1.html;
 		cursor: pointer;
 	}
-	#n_upper_banner_p {
+	#n_upper_banner_tw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -80,7 +116,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_p {
+	#save_tx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_p {
+	.save_tx {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3016,16 +3052,24 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__3">
-	<img id="n_33_save_name_p" src="n_33_save_name_p.png" srcset="n_33_save_name_p.png 1x, n_33_save_name_p@2x.png 2x">
+	<img id="n_33_save_name_ts" src="n_33_save_name_ts.png" srcset="n_33_save_name_ts.png 1x, n_33_save_name_ts@2x.png 2x">
 		
-	<svg class="rectangle_5_p">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_p" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_tt">
+		<ellipse id="n_31_tt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_tu">
+		<ellipse id="n_31_tu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_tv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_p" src="n_upper_banner_p.png" srcset="n_upper_banner_p.png 1x, n_upper_banner_p@2x.png 2x">
+	<img id="n_upper_banner_tw" src="n_upper_banner_tw.png" srcset="n_upper_banner_tw.png 1x, n_upper_banner_tw@2x.png 2x">
 		
-	<svg class="save_p">
-		<rect onclick="application.goToTargetView(event)" id="save_p" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_tx">
+		<rect onclick="application.goToTargetView(event)" id="save_tx" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___4.html b/public/flukemoni/Ex2/save_result___4.html
old mode 100644
new mode 100755
index 369a8b6..14bd586
--- a/public/flukemoni/Ex2/save_result___4.html
+++ b/public/flukemoni/Ex2/save_result___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_p {
+	#n_33_result_be_saved_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_qa {
+	#n_31_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 97px;
+	}
+	#n_upper_banner_t {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_qa {
+	#performance_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_qa {
+	.performance_t {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__4">
-	<img id="n_33_result_be_saved_p" src="n_33_result_be_saved_p.png" srcset="n_33_result_be_saved_p.png 1x, n_33_result_be_saved_p@2x.png 2x">
+	<img id="n_33_result_be_saved_t" src="n_33_result_be_saved_t.png" srcset="n_33_result_be_saved_t.png 1x, n_33_result_be_saved_t@2x.png 2x">
 		
-	<img id="n_upper_banner_qa" src="n_upper_banner_qa.png" srcset="n_upper_banner_qa.png 1x, n_upper_banner_qa@2x.png 2x">
+	<svg class="n_31_t">
+		<ellipse id="n_31_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_t" src="n_upper_banner_t.png" srcset="n_upper_banner_t.png 1x, n_upper_banner_t@2x.png 2x">
 		
-	<svg class="performance_qa">
-		<rect onclick="application.goToTargetView(event)" id="performance_qa" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_t">
+		<rect onclick="application.goToTargetView(event)" id="performance_t" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___5.html b/public/flukemoni/Ex2/save_result___5.html
old mode 100644
new mode 100755
index 5de2099..71c0d73
--- a/public/flukemoni/Ex2/save_result___5.html
+++ b/public/flukemoni/Ex2/save_result___5.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qe {
+	#n_31_ua {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ua {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 109px;
+		top: 97px;
+	}
+	#rectangle_5_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qe {
+	.rectangle_5_t {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_qf {
+	#n_upper_banner_ua {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_qg {
+	#wiremap_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_qg {
+	.wiremap_ua {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -3022,14 +3040,18 @@ window.application = new Application();
 <div id="save_result__5">
 	<img id="iso_11801_results_1" src="iso_11801_results_1.png" srcset="iso_11801_results_1.png 1x, iso_11801_results_1@2x.png 2x">
 		
-	<svg class="rectangle_5_qe">
-		<rect id="rectangle_5_qe" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_ua">
+		<ellipse id="n_31_ua" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_t">
+		<rect id="rectangle_5_t" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_qf" src="n_upper_banner_qf.png" srcset="n_upper_banner_qf.png 1x, n_upper_banner_qf@2x.png 2x">
+	<img id="n_upper_banner_ua" src="n_upper_banner_ua.png" srcset="n_upper_banner_ua.png 1x, n_upper_banner_ua@2x.png 2x">
 		
-	<svg class="wiremap_qg">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_qg" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_ua">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_ua" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 	<img id="iso_11801_results_2" src="iso_11801_results_2.png" srcset="iso_11801_results_2.png 1x, iso_11801_results_2@2x.png 2x">
diff --git a/public/flukemoni/Ex2/save_result___6.html b/public/flukemoni/Ex2/save_result___6.html
old mode 100644
new mode 100755
index 346dec2..c86693e
--- a/public/flukemoni/Ex2/save_result___6.html
+++ b/public/flukemoni/Ex2/save_result___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_re {
+	#n_33_save_name_vf {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rf {
+	#n_31_vg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_vg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 597px;
+	}
+	#rectangle_5_vh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rf {
+	.rectangle_5_vh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_rg {
+	#n_upper_banner_vi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_rh {
+	#save_vj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_rh {
+	.save_vj {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__6">
-	<img id="n_33_save_name_re" src="n_33_save_name_re.png" srcset="n_33_save_name_re.png 1x, n_33_save_name_re@2x.png 2x">
+	<img id="n_33_save_name_vf" src="n_33_save_name_vf.png" srcset="n_33_save_name_vf.png 1x, n_33_save_name_vf@2x.png 2x">
 		
-	<svg class="rectangle_5_rf">
-		<rect id="rectangle_5_rf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_vg">
+		<ellipse id="n_31_vg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_vh">
+		<rect id="rectangle_5_vh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_rg" src="n_upper_banner_rg.png" srcset="n_upper_banner_rg.png 1x, n_upper_banner_rg@2x.png 2x">
+	<img id="n_upper_banner_vi" src="n_upper_banner_vi.png" srcset="n_upper_banner_vi.png 1x, n_upper_banner_vi@2x.png 2x">
 		
-	<svg class="save_rh">
-		<rect onclick="application.goToTargetView(event)" id="save_rh" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_vj">
+		<rect onclick="application.goToTargetView(event)" id="save_vj" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___7.html b/public/flukemoni/Ex2/save_result___7.html
old mode 100644
new mode 100755
index 3f0b246..5edc712
--- a/public/flukemoni/Ex2/save_result___7.html
+++ b/public/flukemoni/Ex2/save_result___7.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_result_be_saved_rk {
+	#n_33_result_be_saved_vm {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_rl {
+	#n_31_vn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_vn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 97px;
+	}
+	#n_upper_banner_vo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#performance_rm {
+	#performance_vp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.performance_rm {
+	.performance_vp {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__7">
-	<img id="n_33_result_be_saved_rk" src="n_33_result_be_saved_rk.png" srcset="n_33_result_be_saved_rk.png 1x, n_33_result_be_saved_rk@2x.png 2x">
+	<img id="n_33_result_be_saved_vm" src="n_33_result_be_saved_vm.png" srcset="n_33_result_be_saved_vm.png 1x, n_33_result_be_saved_vm@2x.png 2x">
 		
-	<img id="n_upper_banner_rl" src="n_upper_banner_rl.png" srcset="n_upper_banner_rl.png 1x, n_upper_banner_rl@2x.png 2x">
+	<svg class="n_31_vn">
+		<ellipse id="n_31_vn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_vo" src="n_upper_banner_vo.png" srcset="n_upper_banner_vo.png 1x, n_upper_banner_vo@2x.png 2x">
 		
-	<svg class="performance_rm">
-		<rect onclick="application.goToTargetView(event)" id="performance_rm" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="performance_vp">
+		<rect onclick="application.goToTargetView(event)" id="performance_vp" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___8.html b/public/flukemoni/Ex2/save_result___8.html
old mode 100644
new mode 100755
index 5c36a16..8070152
--- a/public/flukemoni/Ex2/save_result___8.html
+++ b/public/flukemoni/Ex2/save_result___8.html
@@ -58,7 +58,25 @@
 		top: 539px;
 		overflow: visible;
 	}
-	#rectangle_5_rr {
+	#n_31_vu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_vu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 109px;
+		top: 97px;
+	}
+	#rectangle_5_vv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rr {
+	.rectangle_5_vv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_rs {
+	#n_upper_banner_vw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -84,7 +102,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#wiremap_rt {
+	#wiremap_vx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +112,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.wiremap_rt {
+	.wiremap_vx {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -3024,14 +3042,18 @@ window.application = new Application();
 		
 	<img id="iso_11801_results_pl3_2" src="iso_11801_results_pl3_2.png" srcset="iso_11801_results_pl3_2.png 1x, iso_11801_results_pl3_2@2x.png 2x">
 		
-	<svg class="rectangle_5_rr">
-		<rect id="rectangle_5_rr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_vu">
+		<ellipse id="n_31_vu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_vv">
+		<rect id="rectangle_5_vv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_rs" src="n_upper_banner_rs.png" srcset="n_upper_banner_rs.png 1x, n_upper_banner_rs@2x.png 2x">
+	<img id="n_upper_banner_vw" src="n_upper_banner_vw.png" srcset="n_upper_banner_vw.png 1x, n_upper_banner_vw@2x.png 2x">
 		
-	<svg class="wiremap_rt">
-		<rect onclick="application.goToTargetView(event)" id="wiremap_rt" rx="0" ry="0" x="0" y="0" width="240" height="37">
+	<svg class="wiremap_vx">
+		<rect onclick="application.goToTargetView(event)" id="wiremap_vx" rx="0" ry="0" x="0" y="0" width="240" height="37">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/save_result___9.html b/public/flukemoni/Ex2/save_result___9.html
old mode 100644
new mode 100755
index 41be7ee..eefdafa
--- a/public/flukemoni/Ex2/save_result___9.html
+++ b/public/flukemoni/Ex2/save_result___9.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_save_name_s {
+	#n_33_save_name_xk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ta {
+	#n_31_xl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 603px;
+	}
+	#rectangle_5_xm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ta {
+	.rectangle_5_xm {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_ta {
+	#n_upper_banner_xn {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_ta {
+	#save_xo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_ta {
+	.save_xo {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="save_result__9">
-	<img id="n_33_save_name_s" src="n_33_save_name_s.png" srcset="n_33_save_name_s.png 1x, n_33_save_name_s@2x.png 2x">
+	<img id="n_33_save_name_xk" src="n_33_save_name_xk.png" srcset="n_33_save_name_xk.png 1x, n_33_save_name_xk@2x.png 2x">
 		
-	<svg class="rectangle_5_ta">
-		<rect id="rectangle_5_ta" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_xl">
+		<ellipse id="n_31_xl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_xm">
+		<rect id="rectangle_5_xm" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ta" src="n_upper_banner_ta.png" srcset="n_upper_banner_ta.png 1x, n_upper_banner_ta@2x.png 2x">
+	<img id="n_upper_banner_xn" src="n_upper_banner_xn.png" srcset="n_upper_banner_xn.png 1x, n_upper_banner_xn@2x.png 2x">
 		
-	<svg class="save_ta">
-		<rect onclick="application.goToTargetView(event)" id="save_ta" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_xo">
+		<rect onclick="application.goToTargetView(event)" id="save_xo" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass.html b/public/flukemoni/Ex2/test_pass.html
old mode 100644
new mode 100755
index 56ba0e2..223755d
--- a/public/flukemoni/Ex2/test_pass.html
+++ b/public/flukemoni/Ex2/test_pass.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33 {
+	#n_33_re {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_oa {
+	#n_31_rf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_rf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 298px;
+		top: 602px;
+	}
+	#rectangle_5_rg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_oa {
+	.rectangle_5_rg {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_oa {
+	#n_upper_banner_rh {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_n {
+	#save_ri {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_n {
+	.save_ri {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass">
-	<img id="n_33" src="n_33.png" srcset="n_33.png 1x, n_33@2x.png 2x">
+	<img id="n_33_re" src="n_33_re.png" srcset="n_33_re.png 1x, n_33_re@2x.png 2x">
 		
-	<svg class="rectangle_5_oa">
-		<rect id="rectangle_5_oa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_rf">
+		<ellipse id="n_31_rf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_rg">
+		<rect id="rectangle_5_rg" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_oa" src="n_upper_banner_oa.png" srcset="n_upper_banner_oa.png 1x, n_upper_banner_oa@2x.png 2x">
+	<img id="n_upper_banner_rh" src="n_upper_banner_rh.png" srcset="n_upper_banner_rh.png 1x, n_upper_banner_rh@2x.png 2x">
 		
-	<svg class="save_n">
-		<rect onclick="application.goToTargetView(event)" id="save_n" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_ri">
+		<rect onclick="application.goToTargetView(event)" id="save_ri" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___1.html b/public/flukemoni/Ex2/test_pass___1.html
old mode 100644
new mode 100755
index 0322177..94c62ca
--- a/public/flukemoni/Ex2/test_pass___1.html
+++ b/public/flukemoni/Ex2/test_pass___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_pw {
+	#n_33_tl {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_px {
+	#n_31_tm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_tm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 602px;
+	}
+	#rectangle_5_tn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_px {
+	.rectangle_5_tn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_py {
+	#n_upper_banner_to {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_pz {
+	#save_tp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_pz {
+	.save_tp {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__1">
-	<img id="n_33_pw" src="n_33_pw.png" srcset="n_33_pw.png 1x, n_33_pw@2x.png 2x">
+	<img id="n_33_tl" src="n_33_tl.png" srcset="n_33_tl.png 1x, n_33_tl@2x.png 2x">
 		
-	<svg class="rectangle_5_px">
-		<rect id="rectangle_5_px" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_tm">
+		<ellipse id="n_31_tm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_tn">
+		<rect id="rectangle_5_tn" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_py" src="n_upper_banner_py.png" srcset="n_upper_banner_py.png 1x, n_upper_banner_py@2x.png 2x">
+	<img id="n_upper_banner_to" src="n_upper_banner_to.png" srcset="n_upper_banner_to.png 1x, n_upper_banner_to@2x.png 2x">
 		
-	<svg class="save_pz">
-		<rect onclick="application.goToTargetView(event)" id="save_pz" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_tp">
+		<rect onclick="application.goToTargetView(event)" id="save_tp" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___2.html b/public/flukemoni/Ex2/test_pass___2.html
old mode 100644
new mode 100755
index 7c91253..7e073e8
--- a/public/flukemoni/Ex2/test_pass___2.html
+++ b/public/flukemoni/Ex2/test_pass___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_q {
+	#n_33_u {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ra {
+	#n_31_va {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_va {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 602px;
+	}
+	#rectangle_5_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ra {
+	.rectangle_5_va {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_ra {
+	#n_upper_banner_vb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_rb {
+	#save_vc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_rb {
+	.save_vc {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__2">
-	<img id="n_33_q" src="n_33_q.png" srcset="n_33_q.png 1x, n_33_q@2x.png 2x">
+	<img id="n_33_u" src="n_33_u.png" srcset="n_33_u.png 1x, n_33_u@2x.png 2x">
 		
-	<svg class="rectangle_5_ra">
-		<rect id="rectangle_5_ra" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_va">
+		<ellipse id="n_31_va" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_va">
+		<rect id="rectangle_5_va" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_ra" src="n_upper_banner_ra.png" srcset="n_upper_banner_ra.png 1x, n_upper_banner_ra@2x.png 2x">
+	<img id="n_upper_banner_vb" src="n_upper_banner_vb.png" srcset="n_upper_banner_vb.png 1x, n_upper_banner_vb@2x.png 2x">
 		
-	<svg class="save_rb">
-		<rect onclick="application.goToTargetView(event)" id="save_rb" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_vc">
+		<rect onclick="application.goToTargetView(event)" id="save_vc" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___3.html b/public/flukemoni/Ex2/test_pass___3.html
old mode 100644
new mode 100755
index 5fe1bd2..9d09f3d
--- a/public/flukemoni/Ex2/test_pass___3.html
+++ b/public/flukemoni/Ex2/test_pass___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_s {
+	#n_33_xd {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_s {
+	#n_31_xe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 602px;
+	}
+	#rectangle_5_xf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_s {
+	.rectangle_5_xf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_s {
+	#n_upper_banner_xg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_s {
+	#save_xh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_s {
+	.save_xh {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__3">
-	<img id="n_33_s" src="n_33_s.png" srcset="n_33_s.png 1x, n_33_s@2x.png 2x">
+	<img id="n_33_xd" src="n_33_xd.png" srcset="n_33_xd.png 1x, n_33_xd@2x.png 2x">
 		
-	<svg class="rectangle_5_s">
-		<rect id="rectangle_5_s" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_xe">
+		<ellipse id="n_31_xe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_xf">
+		<rect id="rectangle_5_xf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_s" src="n_upper_banner_s.png" srcset="n_upper_banner_s.png 1x, n_upper_banner_s@2x.png 2x">
+	<img id="n_upper_banner_xg" src="n_upper_banner_xg.png" srcset="n_upper_banner_xg.png 1x, n_upper_banner_xg@2x.png 2x">
 		
-	<svg class="save_s">
-		<rect onclick="application.goToTargetView(event)" id="save_s" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_xh">
+		<rect onclick="application.goToTargetView(event)" id="save_xh" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___4.html b/public/flukemoni/Ex2/test_pass___4.html
old mode 100644
new mode 100755
index f790a0a..4f10228
--- a/public/flukemoni/Ex2/test_pass___4.html
+++ b/public/flukemoni/Ex2/test_pass___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_vb {
+	#n_33_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vc {
+	#n_36_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 298px;
+		top: 602px;
+	}
+	#rectangle_5_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vc {
+	.rectangle_5_a {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_vd {
+	#n_upper_banner_b {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_ve {
+	#save_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_ve {
+	.save_c {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__4">
-	<img id="n_33_vb" src="n_33_vb.png" srcset="n_33_vb.png 1x, n_33_vb@2x.png 2x">
+	<img id="n_33_z" src="n_33_z.png" srcset="n_33_z.png 1x, n_33_z@2x.png 2x">
 		
-	<svg class="rectangle_5_vc">
-		<rect id="rectangle_5_vc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_a">
+		<ellipse id="n_36_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_a">
+		<rect id="rectangle_5_a" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_vd" src="n_upper_banner_vd.png" srcset="n_upper_banner_vd.png 1x, n_upper_banner_vd@2x.png 2x">
+	<img id="n_upper_banner_b" src="n_upper_banner_b.png" srcset="n_upper_banner_b.png 1x, n_upper_banner_b@2x.png 2x">
 		
-	<svg class="save_ve">
-		<rect onclick="application.goToTargetView(event)" id="save_ve" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_c">
+		<rect onclick="application.goToTargetView(event)" id="save_c" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___5.html b/public/flukemoni/Ex2/test_pass___5.html
old mode 100644
new mode 100755
index fb9c5c5..564248b
--- a/public/flukemoni/Ex2/test_pass___5.html
+++ b/public/flukemoni/Ex2/test_pass___5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_w {
+	#n_33_f {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_w {
+	#n_36_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 385px;
+		top: 96px;
+	}
+	#rectangle_5_baa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_w {
+	.rectangle_5_baa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_xa {
+	#n_upper_banner_bae {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_w {
+	#save_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_w {
+	.save_k {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__5">
-	<img id="n_33_w" src="n_33_w.png" srcset="n_33_w.png 1x, n_33_w@2x.png 2x">
+	<img id="n_33_f" src="n_33_f.png" srcset="n_33_f.png 1x, n_33_f@2x.png 2x">
 		
-	<svg class="rectangle_5_w">
-		<rect id="rectangle_5_w" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_i">
+		<ellipse id="n_36_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baa">
+		<rect id="rectangle_5_baa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_xa" src="n_upper_banner_xa.png" srcset="n_upper_banner_xa.png 1x, n_upper_banner_xa@2x.png 2x">
+	<img id="n_upper_banner_bae" src="n_upper_banner_bae.png" srcset="n_upper_banner_bae.png 1x, n_upper_banner_bae@2x.png 2x">
 		
-	<svg class="save_w">
-		<rect onclick="application.goToTargetView(event)" id="save_w" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_k">
+		<rect onclick="application.goToTargetView(event)" id="save_k" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___6.html b/public/flukemoni/Ex2/test_pass___6.html
old mode 100644
new mode 100755
index bff5c62..05ae28c
--- a/public/flukemoni/Ex2/test_pass___6.html
+++ b/public/flukemoni/Ex2/test_pass___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_ym {
+	#n_33_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yn {
+	#n_36_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 602px;
+	}
+	#rectangle_5_bai {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yn {
+	.rectangle_5_bai {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_yo {
+	#n_upper_banner_ban {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_yp {
+	#save_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_yp {
+	.save_d {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__6">
-	<img id="n_33_ym" src="n_33_ym.png" srcset="n_33_ym.png 1x, n_33_ym@2x.png 2x">
+	<img id="n_33_" src="n_33_.png" srcset="n_33_.png 1x, n_33_@2x.png 2x">
 		
-	<svg class="rectangle_5_yn">
-		<rect id="rectangle_5_yn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bab">
+		<ellipse id="n_36_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bai">
+		<rect id="rectangle_5_bai" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_yo" src="n_upper_banner_yo.png" srcset="n_upper_banner_yo.png 1x, n_upper_banner_yo@2x.png 2x">
+	<img id="n_upper_banner_ban" src="n_upper_banner_ban.png" srcset="n_upper_banner_ban.png 1x, n_upper_banner_ban@2x.png 2x">
 		
-	<svg class="save_yp">
-		<rect onclick="application.goToTargetView(event)" id="save_yp" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_d">
+		<rect onclick="application.goToTargetView(event)" id="save_d" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___7.html b/public/flukemoni/Ex2/test_pass___7.html
old mode 100644
new mode 100755
index c464db2..2ae1cc9
--- a/public/flukemoni/Ex2/test_pass___7.html
+++ b/public/flukemoni/Ex2/test_pass___7.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_33_z {
+	#n_33_a {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_a {
+	#n_36_bam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 298px;
+		top: 602px;
+	}
+	#rectangle_5_bap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_a {
+	.rectangle_5_bap {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_a {
+	#n_upper_banner_bav {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_z {
+	#save_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_z {
+	.save_ {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test_pass__7">
-	<img id="n_33_z" src="n_33_z.png" srcset="n_33_z.png 1x, n_33_z@2x.png 2x">
+	<img id="n_33_a" src="n_33_a.png" srcset="n_33_a.png 1x, n_33_a@2x.png 2x">
 		
-	<svg class="rectangle_5_a">
-		<rect id="rectangle_5_a" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bam">
+		<ellipse id="n_36_bam" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bap">
+		<rect id="rectangle_5_bap" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_a" src="n_upper_banner_a.png" srcset="n_upper_banner_a.png 1x, n_upper_banner_a@2x.png 2x">
+	<img id="n_upper_banner_bav" src="n_upper_banner_bav.png" srcset="n_upper_banner_bav.png 1x, n_upper_banner_bav@2x.png 2x">
 		
-	<svg class="save_z">
-		<rect onclick="application.goToTargetView(event)" id="save_z" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_">
+		<rect onclick="application.goToTargetView(event)" id="save_" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_pass___8.html b/public/flukemoni/Ex2/test_pass___8.html
old mode 100644
new mode 100755
index 14dc068..467b852
--- a/public/flukemoni/Ex2/test_pass___8.html
+++ b/public/flukemoni/Ex2/test_pass___8.html
@@ -50,7 +50,25 @@
 		top: -1px;
 		overflow: visible;
 	}
-	#rectangle_5_bae {
+	#n_31_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 597px;
+	}
+	#rectangle_5_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bae {
+	.rectangle_5_ba {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -68,7 +86,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_baf {
+	#n_upper_banner_bbg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -76,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#save_a {
+	#save_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.save_a {
+	.save_s {
 		position: absolute;
 		overflow: visible;
 		width: 57px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test_pass__8">
 	<img id="unsaved_result" src="unsaved_result.png" srcset="unsaved_result.png 1x, unsaved_result@2x.png 2x">
 		
-	<svg class="rectangle_5_bae">
-		<rect id="rectangle_5_bae" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_n">
+		<ellipse id="n_31_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ba">
+		<rect id="rectangle_5_ba" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_baf" src="n_upper_banner_baf.png" srcset="n_upper_banner_baf.png 1x, n_upper_banner_baf@2x.png 2x">
+	<img id="n_upper_banner_bbg" src="n_upper_banner_bbg.png" srcset="n_upper_banner_bbg.png 1x, n_upper_banner_bbg@2x.png 2x">
 		
-	<svg class="save_a">
-		<rect onclick="application.goToTargetView(event)" id="save_a" rx="0" ry="0" x="0" y="0" width="57" height="53">
+	<svg class="save_s">
+		<rect onclick="application.goToTargetView(event)" id="save_s" rx="0" ry="0" x="0" y="0" width="57" height="53">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex2/test_result_1000baset1.png b/public/flukemoni/Ex2/test_result_1000baset1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/test_result_1000baset1@2x.png b/public/flukemoni/Ex2/test_result_1000baset1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/test_result_1000baset2.png b/public/flukemoni/Ex2/test_result_1000baset2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/test_result_1000baset2@2x.png b/public/flukemoni/Ex2/test_result_1000baset2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/testing.html b/public/flukemoni/Ex2/testing.html
old mode 100644
new mode 100755
index dac85fa..ee93493
--- a/public/flukemoni/Ex2/testing.html
+++ b/public/flukemoni/Ex2/testing.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#testing_nz {
+	#testing_q {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass.html;
 		cursor: pointer;
 	}
-	#rectangle_5_n {
+	#n_31_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 500px;
+	}
+	#rectangle_5_ra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_n {
+	.rectangle_5_ra {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_n {
+	#n_upper_banner_rb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="testing">
-	<img onclick="application.goToTargetView(event)" id="testing_nz" src="testing_nz.png" srcset="testing_nz.png 1x, testing_nz@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="testing_q" src="testing_q.png" srcset="testing_q.png 1x, testing_q@2x.png 2x">
 		
-	<svg class="rectangle_5_n">
-		<rect id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_ra">
+		<ellipse id="n_31_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_ra">
+		<rect id="rectangle_5_ra" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
+	<img id="n_upper_banner_rb" src="n_upper_banner_rb.png" srcset="n_upper_banner_rb.png 1x, n_upper_banner_rb@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___1.html b/public/flukemoni/Ex2/testing___1.html
old mode 100644
new mode 100755
index ad50d87..21d4cc9
--- a/public/flukemoni/Ex2/testing___1.html
+++ b/public/flukemoni/Ex2/testing___1.html
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___1.html;
 		cursor: pointer;
 	}
-	#rectangle_5_ps {
+	#n_31_tg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_tg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 500px;
+	}
+	#rectangle_5_th {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ps {
+	.rectangle_5_th {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_pt {
+	#n_upper_banner_ti {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="testing__1">
 	<img onclick="application.goToTargetView(event)" id="iso_pl2" src="iso_pl2.png" srcset="iso_pl2.png 1x, iso_pl2@2x.png 2x">
 		
-	<svg class="rectangle_5_ps">
-		<rect id="rectangle_5_ps" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_tg">
+		<ellipse id="n_31_tg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_th">
+		<rect id="rectangle_5_th" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_pt" src="n_upper_banner_pt.png" srcset="n_upper_banner_pt.png 1x, n_upper_banner_pt@2x.png 2x">
+	<img id="n_upper_banner_ti" src="n_upper_banner_ti.png" srcset="n_upper_banner_ti.png 1x, n_upper_banner_ti@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___2.html b/public/flukemoni/Ex2/testing___2.html
old mode 100644
new mode 100755
index e871be7..343cd20
--- a/public/flukemoni/Ex2/testing___2.html
+++ b/public/flukemoni/Ex2/testing___2.html
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___2.html;
 		cursor: pointer;
 	}
-	#rectangle_5_q {
+	#n_31_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 500px;
+	}
+	#rectangle_5_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_q {
+	.rectangle_5_u {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_q {
+	#n_upper_banner_u {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="testing__2">
 	<img onclick="application.goToTargetView(event)" id="iso_pl3" src="iso_pl3.png" srcset="iso_pl3.png 1x, iso_pl3@2x.png 2x">
 		
-	<svg class="rectangle_5_q">
-		<rect id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_u">
+		<ellipse id="n_31_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_u">
+		<rect id="rectangle_5_u" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
+	<img id="n_upper_banner_u" src="n_upper_banner_u.png" srcset="n_upper_banner_u.png 1x, n_upper_banner_u@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___3.html b/public/flukemoni/Ex2/testing___3.html
old mode 100644
new mode 100755
index d52dd80..782f174
--- a/public/flukemoni/Ex2/testing___3.html
+++ b/public/flukemoni/Ex2/testing___3.html
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___3.html;
 		cursor: pointer;
 	}
-	#rectangle_5_sw {
+	#n_31_xa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_xa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 374px;
+		top: 500px;
+	}
+	#rectangle_5_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sw {
+	.rectangle_5_xa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_sx {
+	#n_upper_banner_xa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="testing__3">
 	<img onclick="application.goToTargetView(event)" id="n_5G_IN_PROGRESS" src="n_5G_IN_PROGRESS.png" srcset="n_5G_IN_PROGRESS.png 1x, n_5G_IN_PROGRESS@2x.png 2x">
 		
-	<svg class="rectangle_5_sw">
-		<rect id="rectangle_5_sw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_xa">
+		<ellipse id="n_31_xa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_xa">
+		<rect id="rectangle_5_xa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_sx" src="n_upper_banner_sx.png" srcset="n_upper_banner_sx.png 1x, n_upper_banner_sx@2x.png 2x">
+	<img id="n_upper_banner_xa" src="n_upper_banner_xa.png" srcset="n_upper_banner_xa.png 1x, n_upper_banner_xa@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___4.html b/public/flukemoni/Ex2/testing___4.html
old mode 100644
new mode 100755
index 1058433..df7c34f
--- a/public/flukemoni/Ex2/testing___4.html
+++ b/public/flukemoni/Ex2/testing___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#testing_u {
+	#testing_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___4.html;
 		cursor: pointer;
 	}
-	#rectangle_5_va {
+	#n_36_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 352px;
+		top: 488px;
+	}
+	#rectangle_5_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_va {
+	.rectangle_5_z {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_va {
+	#n_upper_banner_z {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="testing__4">
-	<img onclick="application.goToTargetView(event)" id="testing_u" src="testing_u.png" srcset="testing_u.png 1x, testing_u@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="testing_z" src="testing_z.png" srcset="testing_z.png 1x, testing_z@2x.png 2x">
 		
-	<svg class="rectangle_5_va">
-		<rect id="rectangle_5_va" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_z">
+		<ellipse id="n_36_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_z">
+		<rect id="rectangle_5_z" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_va" src="n_upper_banner_va.png" srcset="n_upper_banner_va.png 1x, n_upper_banner_va@2x.png 2x">
+	<img id="n_upper_banner_z" src="n_upper_banner_z.png" srcset="n_upper_banner_z.png 1x, n_upper_banner_z@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___5.html b/public/flukemoni/Ex2/testing___5.html
old mode 100644
new mode 100755
index 6f2bf5e..a862999
--- a/public/flukemoni/Ex2/testing___5.html
+++ b/public/flukemoni/Ex2/testing___5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_pl2_wy {
+	#iso_pl2_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___5.html;
 		cursor: pointer;
 	}
-	#rectangle_5_wz {
+	#n_36_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 363px;
+		top: 474px;
+	}
+	#rectangle_5_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wz {
+	.rectangle_5_e {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_w {
+	#n_upper_banner_bad {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="testing__5">
-	<img onclick="application.goToTargetView(event)" id="iso_pl2_wy" src="iso_pl2_wy.png" srcset="iso_pl2_wy.png 1x, iso_pl2_wy@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="iso_pl2_" src="iso_pl2_.png" srcset="iso_pl2_.png 1x, iso_pl2_@2x.png 2x">
 		
-	<svg class="rectangle_5_wz">
-		<rect id="rectangle_5_wz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_h">
+		<ellipse id="n_36_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_e">
+		<rect id="rectangle_5_e" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_w" src="n_upper_banner_w.png" srcset="n_upper_banner_w.png 1x, n_upper_banner_w@2x.png 2x">
+	<img id="n_upper_banner_bad" src="n_upper_banner_bad.png" srcset="n_upper_banner_bad.png 1x, n_upper_banner_bad@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___6.html b/public/flukemoni/Ex2/testing___6.html
old mode 100644
new mode 100755
index 0d80f4f..a30c68b
--- a/public/flukemoni/Ex2/testing___6.html
+++ b/public/flukemoni/Ex2/testing___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#iso_pl3_yh {
+	#iso_pl3_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___6.html;
 		cursor: pointer;
 	}
-	#rectangle_5_yi {
+	#n_36_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 349px;
+		top: 477px;
+	}
+	#rectangle_5_bah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yi {
+	.rectangle_5_bah {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_yj {
+	#n_upper_banner_bam {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2994,13 +3012,17 @@ window.application = new Application();
 </head>
 <body>
 <div id="testing__6">
-	<img onclick="application.goToTargetView(event)" id="iso_pl3_yh" src="iso_pl3_yh.png" srcset="iso_pl3_yh.png 1x, iso_pl3_yh@2x.png 2x">
+	<img onclick="application.goToTargetView(event)" id="iso_pl3_" src="iso_pl3_.png" srcset="iso_pl3_.png 1x, iso_pl3_@2x.png 2x">
 		
-	<svg class="rectangle_5_yi">
-		<rect id="rectangle_5_yi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_baa">
+		<ellipse id="n_36_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bah">
+		<rect id="rectangle_5_bah" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_yj" src="n_upper_banner_yj.png" srcset="n_upper_banner_yj.png 1x, n_upper_banner_yj@2x.png 2x">
+	<img id="n_upper_banner_bam" src="n_upper_banner_bam.png" srcset="n_upper_banner_bam.png 1x, n_upper_banner_bam@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___7.html b/public/flukemoni/Ex2/testing___7.html
old mode 100644
new mode 100755
index ad0ca07..4800307
--- a/public/flukemoni/Ex2/testing___7.html
+++ b/public/flukemoni/Ex2/testing___7.html
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___7.html;
 		cursor: pointer;
 	}
-	#rectangle_5_z {
+	#n_36_bal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 369px;
+		top: 470px;
+	}
+	#rectangle_5_bao {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_z {
+	.rectangle_5_bao {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_z {
+	#n_upper_banner_bau {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="testing__7">
 	<img onclick="application.goToTargetView(event)" id="in_testing" src="in_testing.png" srcset="in_testing.png 1x, in_testing@2x.png 2x">
 		
-	<svg class="rectangle_5_z">
-		<rect id="rectangle_5_z" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_36_bal">
+		<ellipse id="n_36_bal" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_bao">
+		<rect id="rectangle_5_bao" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_z" src="n_upper_banner_z.png" srcset="n_upper_banner_z.png 1x, n_upper_banner_z@2x.png 2x">
+	<img id="n_upper_banner_bau" src="n_upper_banner_bau.png" srcset="n_upper_banner_bau.png 1x, n_upper_banner_bau@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing___8.html b/public/flukemoni/Ex2/testing___8.html
old mode 100644
new mode 100755
index 6e9977a..c5d5212
--- a/public/flukemoni/Ex2/testing___8.html
+++ b/public/flukemoni/Ex2/testing___8.html
@@ -54,7 +54,25 @@
 		--web-action-target: test_pass___8.html;
 		cursor: pointer;
 	}
-	#rectangle_5_bad {
+	#n_31_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 376px;
+		top: 495px;
+	}
+	#rectangle_5_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +82,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_bad {
+	.rectangle_5_baz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -72,7 +90,7 @@
 		left: 20px;
 		top: 46px;
 	}
-	#n_upper_banner_bae {
+	#n_upper_banner_bbf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -2996,11 +3014,15 @@ window.application = new Application();
 <div id="testing__8">
 	<img onclick="application.goToTargetView(event)" id="in_progress" src="in_progress.png" srcset="in_progress.png 1x, in_progress@2x.png 2x">
 		
-	<svg class="rectangle_5_bad">
-		<rect id="rectangle_5_bad" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="n_31_h">
+		<ellipse id="n_31_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="rectangle_5_baz">
+		<rect id="rectangle_5_baz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<img id="n_upper_banner_bae" src="n_upper_banner_bae.png" srcset="n_upper_banner_bae.png 1x, n_upper_banner_bae@2x.png 2x">
+	<img id="n_upper_banner_bbf" src="n_upper_banner_bbf.png" srcset="n_upper_banner_bbf.png 1x, n_upper_banner_bbf@2x.png 2x">
 		
 </div>
 </body>
diff --git a/public/flukemoni/Ex2/testing_nz.png b/public/flukemoni/Ex2/testing_q.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/testing_nz.png
rename to public/flukemoni/Ex2/testing_q.png
diff --git a/public/flukemoni/Ex2/testing_nz@2x.png b/public/flukemoni/Ex2/testing_q@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/testing_nz@2x.png
rename to public/flukemoni/Ex2/testing_q@2x.png
diff --git a/public/flukemoni/Ex2/testing_u.png b/public/flukemoni/Ex2/testing_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/testing_u.png
rename to public/flukemoni/Ex2/testing_z.png
diff --git a/public/flukemoni/Ex2/testing_u@2x.png b/public/flukemoni/Ex2/testing_z@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/testing_u@2x.png
rename to public/flukemoni/Ex2/testing_z@2x.png
diff --git a/public/flukemoni/Ex2/unsaved_result.png b/public/flukemoni/Ex2/unsaved_result.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/unsaved_result@2x.png b/public/flukemoni/Ex2/unsaved_result@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/HOMEPAGE.html b/public/flukemoni/Ex3/HOMEPAGE.html
old mode 100644
new mode 100755
index f146346..b4ca6c1
--- a/public/flukemoni/Ex3/HOMEPAGE.html
+++ b/public/flukemoni/Ex3/HOMEPAGE.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_40 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 370px;
+		top: 135px;
+	}
+	#n_40_db {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_db {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 478px;
+	}
 	#rectangle_1 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -3108,6 +3144,14 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="homepage" src="homepage.png" srcset="homepage.png 1x, homepage@2x.png 2x">
 		
+	<svg class="n_40">
+		<ellipse id="n_40" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_db">
+		<ellipse id="n_40_db" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="rectangle_1">
 		<rect id="rectangle_1" rx="0" ry="0" x="0" y="0" width="441" height="101">
 		</rect>
diff --git a/public/flukemoni/Ex3/Project.html b/public/flukemoni/Ex3/Project.html
old mode 100644
new mode 100755
index 66be18c..70f8ed4
--- a/public/flukemoni/Ex3/Project.html
+++ b/public/flukemoni/Ex3/Project.html
@@ -58,7 +58,43 @@
 		top: 485px;
 		overflow: visible;
 	}
-	#n_upper_banner_dm {
+	#n_40_do {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_do {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_dp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_dp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 359px;
+		top: 283px;
+	}
+	#n_upper_banner_dq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -88,7 +124,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#rectangle_7_do {
+	#rectangle_7_ds {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +134,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_do {
+	.rectangle_7_ds {
 		position: absolute;
 		overflow: visible;
 		width: 453px;
@@ -3028,14 +3064,22 @@ window.application = new Application();
 		
 	<img id="project2" src="project2.png" srcset="project2.png 1x, project2@2x.png 2x">
 		
-	<img id="n_upper_banner_dm" src="n_upper_banner_dm.png" srcset="n_upper_banner_dm.png 1x, n_upper_banner_dm@2x.png 2x">
+	<svg class="n_40_do">
+		<ellipse id="n_40_do" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_dp">
+		<ellipse id="n_40_dp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_dq" src="n_upper_banner_dq.png" srcset="n_upper_banner_dq.png 1x, n_upper_banner_dq@2x.png 2x">
 		
 	<svg class="rectangle_5">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_5" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_do">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_do" rx="5" ry="5" x="0" y="0" width="453" height="52">
+	<svg class="rectangle_7_ds">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ds" rx="5" ry="5" x="0" y="0" width="453" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/Results.html b/public/flukemoni/Ex3/Results.html
old mode 100644
new mode 100755
index 9a87c97..dc0112b
--- a/public/flukemoni/Ex3/Results.html
+++ b/public/flukemoni/Ex3/Results.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ds {
+	#n_40_dw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_dw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_dx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_dx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 165px;
+	}
+	#n_41 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_41 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 216px;
+	}
+	#n_42 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_42 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 271px;
+	}
+	#n_43 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 324px;
+	}
+	#n_44 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_44 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 380px;
+	}
+	#n_45 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_45 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 434px;
+	}
+	#n_46 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_46 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 487px;
+	}
+	#n_47 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_47 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 382px;
+		top: 546px;
+	}
+	#n_48 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_48 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 598px;
+	}
+	#n_upper_banner_d {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +238,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_1_dt {
+	#rectangle_1_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +248,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_1_dt {
+	.rectangle_1_d {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -80,139 +260,6 @@
 		--web-action-target: manage.html;
 		cursor: pointer;
 	}
-	#rectangle_8_du {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_du {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 150px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test1_1.html;
-		cursor: pointer;
-	}
-	#rectangle_8_dv {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_dv {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 201px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test1_2.html;
-		cursor: pointer;
-	}
-	#rectangle_8_dw {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_dw {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 256px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test1_3.html;
-		cursor: pointer;
-	}
-	#rectangle_8_dx {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_dx {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 309px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test2___fault_info.html;
-		cursor: pointer;
-	}
-	#rectangle_8_dy {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_dy {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 365px;
-		transition: all 0.3s ease-out;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test3___fault_info.html;
-		cursor: pointer;
-	}
-	#rectangle_8_dz {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.rectangle_8_dz {
-		position: absolute;
-		overflow: visible;
-		width: 480px;
-		height: 51px;
-		left: 0px;
-		top: 419px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: test4___fault_info.html;
-		cursor: pointer;
-	}
 	#rectangle_8_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -229,10 +276,10 @@
 		width: 480px;
 		height: 51px;
 		left: 0px;
-		top: 472px;
+		top: 150px;
 		--web-animation: fadein 0.3s ease-out;
 		--web-action-type: page;
-		--web-action-target: test5___fault_info.html;
+		--web-action-target: test1_1.html;
 		cursor: pointer;
 	}
 	#rectangle_8_ea {
@@ -251,13 +298,13 @@
 		width: 480px;
 		height: 51px;
 		left: 0px;
-		top: 526px;
+		top: 201px;
 		--web-animation: fadein 0.3s ease-out;
 		--web-action-type: page;
-		--web-action-target: test6___fault_info.html;
+		--web-action-target: test1_2.html;
 		cursor: pointer;
 	}
-	#rectangle_5_d {
+	#rectangle_8_eb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -267,7 +314,140 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_d {
+	.rectangle_8_eb {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 256px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test1_3.html;
+		cursor: pointer;
+	}
+	#rectangle_8_ec {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_8_ec {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 309px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test2___fault_info.html;
+		cursor: pointer;
+	}
+	#rectangle_8_ed {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_8_ed {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 365px;
+		transition: all 0.3s ease-out;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test3___fault_info.html;
+		cursor: pointer;
+	}
+	#rectangle_8_ee {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_8_ee {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 419px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test4___fault_info.html;
+		cursor: pointer;
+	}
+	#rectangle_8_ef {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_8_ef {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 472px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test5___fault_info.html;
+		cursor: pointer;
+	}
+	#rectangle_8_eg {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_8_eg {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 51px;
+		left: 0px;
+		top: 526px;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: test6___fault_info.html;
+		cursor: pointer;
+	}
+	#rectangle_5_eg {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.rectangle_5_eg {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3195,34 +3375,50 @@ window.application = new Application();
 <div id="Results">
 	<img id="results" src="results.png" srcset="results.png 1x, results@2x.png 2x">
 		
-	<img id="n_upper_banner_ds" src="n_upper_banner_ds.png" srcset="n_upper_banner_ds.png 1x, n_upper_banner_ds@2x.png 2x">
+	<svg class="n_40_dw">
+		<ellipse id="n_40_dw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_dx">
+		<ellipse id="n_40_dx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_41">
+		<ellipse id="n_41" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_42">
+		<ellipse id="n_42" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43">
+		<ellipse id="n_43" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_44">
+		<ellipse id="n_44" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_45">
+		<ellipse id="n_45" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_46">
+		<ellipse id="n_46" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_47">
+		<ellipse id="n_47" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_48">
+		<ellipse id="n_48" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
 		
-	<svg class="rectangle_1_dt">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_1_dt" rx="10" ry="10" x="0" y="0" width="64" height="52">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_du">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_du" rx="0" ry="0" x="0" y="0" width="480" height="51">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_dv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_dv" rx="0" ry="0" x="0" y="0" width="480" height="51">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_dw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_dw" rx="0" ry="0" x="0" y="0" width="480" height="51">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_dx">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_dx" rx="0" ry="0" x="0" y="0" width="480" height="51">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_dy">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_dy" rx="0" ry="0" x="0" y="0" width="480" height="51">
-		</rect>
-	</svg>
-	<svg class="rectangle_8_dz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_dz" rx="0" ry="0" x="0" y="0" width="480" height="51">
+	<svg class="rectangle_1_d">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_1_d" rx="10" ry="10" x="0" y="0" width="64" height="52">
 		</rect>
 	</svg>
 	<svg class="rectangle_8_d">
@@ -3233,8 +3429,32 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ea" rx="0" ry="0" x="0" y="0" width="480" height="51">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_d">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_8_eb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_eb" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_8_ec">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ec" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_8_ed">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ed" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_8_ee">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ee" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_8_ef">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ef" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_8_eg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_eg" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_eg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_eg" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/common_help_wiremap.png b/public/flukemoni/Ex3/common_help_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/common_help_wiremap@2x.png b/public/flukemoni/Ex3/common_help_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/common_help_wiremap_uf.png b/public/flukemoni/Ex3/common_help_wiremap_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/common_help_wiremap_uf.png
rename to public/flukemoni/Ex3/common_help_wiremap_s.png
diff --git a/public/flukemoni/Ex3/common_help_wiremap_uf@2x.png b/public/flukemoni/Ex3/common_help_wiremap_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/common_help_wiremap_uf@2x.png
rename to public/flukemoni/Ex3/common_help_wiremap_s@2x.png
diff --git a/public/flukemoni/Ex3/common_help_wiremap_uk.png b/public/flukemoni/Ex3/common_help_wiremap_y.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/common_help_wiremap_uk.png
rename to public/flukemoni/Ex3/common_help_wiremap_y.png
diff --git a/public/flukemoni/Ex3/common_help_wiremap_uk@2x.png b/public/flukemoni/Ex3/common_help_wiremap_y@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/common_help_wiremap_uk@2x.png
rename to public/flukemoni/Ex3/common_help_wiremap_y@2x.png
diff --git a/public/flukemoni/Ex3/help_page_.html b/public/flukemoni/Ex3/help_page_.html
old mode 100644
new mode 100755
index 3bde95b..194e769
--- a/public/flukemoni/Ex3/help_page_.html
+++ b/public/flukemoni/Ex3/help_page_.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_eb {
+	#n_40_eq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_eq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_er {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ec {
+	#rectangle_5_es {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ec {
+	.rectangle_5_es {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2996,10 +3014,14 @@ window.application = new Application();
 <div id="help_page_">
 	<img id="common_help_wiremap" src="common_help_wiremap.png" srcset="common_help_wiremap.png 1x, common_help_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_eb" src="n_upper_banner_eb.png" srcset="n_upper_banner_eb.png 1x, n_upper_banner_eb@2x.png 2x">
+	<svg class="n_40_eq">
+		<ellipse id="n_40_eq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_er" src="n_upper_banner_er.png" srcset="n_upper_banner_er.png 1x, n_upper_banner_er@2x.png 2x">
 		
-	<svg class="rectangle_5_ec">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ec" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_es">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_es" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/help_page___1.html b/public/flukemoni/Ex3/help_page___1.html
old mode 100644
new mode 100755
index 5b1bb4c..13d20e3
--- a/public/flukemoni/Ex3/help_page___1.html
+++ b/public/flukemoni/Ex3/help_page___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#common_help_wiremap_uf {
+	#common_help_wiremap_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ug {
+	#n_40_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_v {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_uh {
+	#rectangle_5_baa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uh {
+	.rectangle_5_baa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="help_page__1">
-	<img id="common_help_wiremap_uf" src="common_help_wiremap_uf.png" srcset="common_help_wiremap_uf.png 1x, common_help_wiremap_uf@2x.png 2x">
+	<img id="common_help_wiremap_s" src="common_help_wiremap_s.png" srcset="common_help_wiremap_s.png 1x, common_help_wiremap_s@2x.png 2x">
 		
-	<img id="n_upper_banner_ug" src="n_upper_banner_ug.png" srcset="n_upper_banner_ug.png 1x, n_upper_banner_ug@2x.png 2x">
+	<svg class="n_40_t">
+		<ellipse id="n_40_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_v" src="n_upper_banner_v.png" srcset="n_upper_banner_v.png 1x, n_upper_banner_v@2x.png 2x">
 		
-	<svg class="rectangle_5_uh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/help_page___2.html b/public/flukemoni/Ex3/help_page___2.html
old mode 100644
new mode 100755
index b192eef..e3b5490
--- a/public/flukemoni/Ex3/help_page___2.html
+++ b/public/flukemoni/Ex3/help_page___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#common_help_wiremap_uk {
+	#common_help_wiremap_y {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ul {
+	#n_40_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_ {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_um {
+	#rectangle_5_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_um {
+	.rectangle_5_bab {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="help_page__2">
-	<img id="common_help_wiremap_uk" src="common_help_wiremap_uk.png" srcset="common_help_wiremap_uk.png 1x, common_help_wiremap_uk@2x.png 2x">
+	<img id="common_help_wiremap_y" src="common_help_wiremap_y.png" srcset="common_help_wiremap_y.png 1x, common_help_wiremap_y@2x.png 2x">
 		
-	<img id="n_upper_banner_ul" src="n_upper_banner_ul.png" srcset="n_upper_banner_ul.png 1x, n_upper_banner_ul@2x.png 2x">
+	<svg class="n_40_">
+		<ellipse id="n_40_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_" src="n_upper_banner_.png" srcset="n_upper_banner_.png 1x, n_upper_banner_@2x.png 2x">
 		
-	<svg class="rectangle_5_um">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_um" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bab">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bab" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/homepage.png b/public/flukemoni/Ex3/homepage.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/homepage@2x.png b/public/flukemoni/Ex3/homepage@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/manage.html b/public/flukemoni/Ex3/manage.html
old mode 100644
new mode 100755
index ccae0cf..4936891
--- a/public/flukemoni/Ex3/manage.html
+++ b/public/flukemoni/Ex3/manage.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#manage_d {
+	#manage_ej {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_d {
+	#n_40_ek {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ek {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_el {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ea {
+	#rectangle_5_em {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ea {
+	.rectangle_5_em {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2994,12 +3012,16 @@ window.application = new Application();
 </head>
 <body>
 <div id="manage">
-	<img id="manage_d" src="manage_d.png" srcset="manage_d.png 1x, manage_d@2x.png 2x">
+	<img id="manage_ej" src="manage_ej.png" srcset="manage_ej.png 1x, manage_ej@2x.png 2x">
 		
-	<img id="n_upper_banner_d" src="n_upper_banner_d.png" srcset="n_upper_banner_d.png 1x, n_upper_banner_d@2x.png 2x">
+	<svg class="n_40_ek">
+		<ellipse id="n_40_ek" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_el" src="n_upper_banner_el.png" srcset="n_upper_banner_el.png 1x, n_upper_banner_el@2x.png 2x">
 		
-	<svg class="rectangle_5_ea">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ea" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_em">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_em" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/manage_d.png b/public/flukemoni/Ex3/manage_ej.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/manage_d.png
rename to public/flukemoni/Ex3/manage_ej.png
diff --git a/public/flukemoni/Ex3/manage_d@2x.png b/public/flukemoni/Ex3/manage_ej@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/manage_d@2x.png
rename to public/flukemoni/Ex3/manage_ej@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner.png b/public/flukemoni/Ex3/n_upper_banner.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner@2x.png b/public/flukemoni/Ex3/n_upper_banner@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex2/n_upper_banner_xu.png b/public/flukemoni/Ex3/n_upper_banner_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xu.png
rename to public/flukemoni/Ex3/n_upper_banner_.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_xu@2x.png b/public/flukemoni/Ex3/n_upper_banner_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_xu@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yd.png b/public/flukemoni/Ex3/n_upper_banner_a.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yd.png
rename to public/flukemoni/Ex3/n_upper_banner_a.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yd@2x.png b/public/flukemoni/Ex3/n_upper_banner_a@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yd@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_a@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yj.png b/public/flukemoni/Ex3/n_upper_banner_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yj.png
rename to public/flukemoni/Ex3/n_upper_banner_b.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yj@2x.png b/public/flukemoni/Ex3/n_upper_banner_b@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yj@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_b@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yo.png b/public/flukemoni/Ex3/n_upper_banner_baa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yo.png
rename to public/flukemoni/Ex3/n_upper_banner_baa.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yo@2x.png b/public/flukemoni/Ex3/n_upper_banner_baa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yo@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_baa@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yu.png b/public/flukemoni/Ex3/n_upper_banner_bab.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yu.png
rename to public/flukemoni/Ex3/n_upper_banner_bab.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yu@2x.png b/public/flukemoni/Ex3/n_upper_banner_bab@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yu@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bab@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yz.png b/public/flukemoni/Ex3/n_upper_banner_bac.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yz.png
rename to public/flukemoni/Ex3/n_upper_banner_bac.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_yz@2x.png b/public/flukemoni/Ex3/n_upper_banner_bac@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_yz@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bac@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zi.png b/public/flukemoni/Ex3/n_upper_banner_bad.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zi.png
rename to public/flukemoni/Ex3/n_upper_banner_bad.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zi@2x.png b/public/flukemoni/Ex3/n_upper_banner_bad@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zi@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bad@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zo.png b/public/flukemoni/Ex3/n_upper_banner_bae.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zo.png
rename to public/flukemoni/Ex3/n_upper_banner_bae.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zo@2x.png b/public/flukemoni/Ex3/n_upper_banner_bae@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zo@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bae@2x.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zv.png b/public/flukemoni/Ex3/n_upper_banner_baf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zv.png
rename to public/flukemoni/Ex3/n_upper_banner_baf.png
diff --git a/public/flukemoni/Ex2/n_upper_banner_zv@2x.png b/public/flukemoni/Ex3/n_upper_banner_baf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex2/n_upper_banner_zv@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_baf@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_dm.png b/public/flukemoni/Ex3/n_upper_banner_bag.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_dm.png
rename to public/flukemoni/Ex3/n_upper_banner_bag.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_dm@2x.png b/public/flukemoni/Ex3/n_upper_banner_bag@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_dm@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bag@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ds.png b/public/flukemoni/Ex3/n_upper_banner_bah.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ds.png
rename to public/flukemoni/Ex3/n_upper_banner_bah.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ds@2x.png b/public/flukemoni/Ex3/n_upper_banner_bah@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ds@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bah@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eb.png b/public/flukemoni/Ex3/n_upper_banner_bai.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eb.png
rename to public/flukemoni/Ex3/n_upper_banner_bai.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eb@2x.png b/public/flukemoni/Ex3/n_upper_banner_bai@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eb@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bai@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eg.png b/public/flukemoni/Ex3/n_upper_banner_baj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eg.png
rename to public/flukemoni/Ex3/n_upper_banner_baj.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eg@2x.png b/public/flukemoni/Ex3/n_upper_banner_baj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eg@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_baj@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_en.png b/public/flukemoni/Ex3/n_upper_banner_bak.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_en.png
rename to public/flukemoni/Ex3/n_upper_banner_bak.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_en@2x.png b/public/flukemoni/Ex3/n_upper_banner_bak@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_en@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bak@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eu.png b/public/flukemoni/Ex3/n_upper_banner_bal.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eu.png
rename to public/flukemoni/Ex3/n_upper_banner_bal.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_eu@2x.png b/public/flukemoni/Ex3/n_upper_banner_bal@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_eu@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bal@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fa.png b/public/flukemoni/Ex3/n_upper_banner_bam.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fa.png
rename to public/flukemoni/Ex3/n_upper_banner_bam.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fa@2x.png b/public/flukemoni/Ex3/n_upper_banner_bam@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fa@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bam@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fh.png b/public/flukemoni/Ex3/n_upper_banner_ban.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fh.png
rename to public/flukemoni/Ex3/n_upper_banner_ban.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fh@2x.png b/public/flukemoni/Ex3/n_upper_banner_ban@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fh@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ban@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fo.png b/public/flukemoni/Ex3/n_upper_banner_bao.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fo.png
rename to public/flukemoni/Ex3/n_upper_banner_bao.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fo@2x.png b/public/flukemoni/Ex3/n_upper_banner_bao@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fo@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bao@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ft.png b/public/flukemoni/Ex3/n_upper_banner_bap.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ft.png
rename to public/flukemoni/Ex3/n_upper_banner_bap.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ft@2x.png b/public/flukemoni/Ex3/n_upper_banner_bap@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ft@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_bap@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fy.png b/public/flukemoni/Ex3/n_upper_banner_c.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fy.png
rename to public/flukemoni/Ex3/n_upper_banner_c.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_fy@2x.png b/public/flukemoni/Ex3/n_upper_banner_c@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_fy@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_c@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_d.png b/public/flukemoni/Ex3/n_upper_banner_d.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_d@2x.png b/public/flukemoni/Ex3/n_upper_banner_d@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ga.png b/public/flukemoni/Ex3/n_upper_banner_dq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ga.png
rename to public/flukemoni/Ex3/n_upper_banner_dq.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ga@2x.png b/public/flukemoni/Ex3/n_upper_banner_dq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ga@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_dq@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_e.png b/public/flukemoni/Ex3/n_upper_banner_e.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_e@2x.png b/public/flukemoni/Ex3/n_upper_banner_e@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_gg.png b/public/flukemoni/Ex3/n_upper_banner_el.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gg.png
rename to public/flukemoni/Ex3/n_upper_banner_el.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gg@2x.png b/public/flukemoni/Ex3/n_upper_banner_el@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gg@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_el@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gm.png b/public/flukemoni/Ex3/n_upper_banner_er.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gm.png
rename to public/flukemoni/Ex3/n_upper_banner_er.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gm@2x.png b/public/flukemoni/Ex3/n_upper_banner_er@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gm@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_er@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gs.png b/public/flukemoni/Ex3/n_upper_banner_ez.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gs.png
rename to public/flukemoni/Ex3/n_upper_banner_ez.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gs@2x.png b/public/flukemoni/Ex3/n_upper_banner_ez@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gs@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ez@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_f.png b/public/flukemoni/Ex3/n_upper_banner_f.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_f@2x.png b/public/flukemoni/Ex3/n_upper_banner_f@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_gy.png b/public/flukemoni/Ex3/n_upper_banner_fj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gy.png
rename to public/flukemoni/Ex3/n_upper_banner_fj.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_gy@2x.png b/public/flukemoni/Ex3/n_upper_banner_fj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_gy@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_fj@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_hg.png b/public/flukemoni/Ex3/n_upper_banner_fu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hg.png
rename to public/flukemoni/Ex3/n_upper_banner_fu.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_hg@2x.png b/public/flukemoni/Ex3/n_upper_banner_fu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hg@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_fu@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_g.png b/public/flukemoni/Ex3/n_upper_banner_g.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_g@2x.png b/public/flukemoni/Ex3/n_upper_banner_g@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_hr.png b/public/flukemoni/Ex3/n_upper_banner_gi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hr.png
rename to public/flukemoni/Ex3/n_upper_banner_gi.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_hr@2x.png b/public/flukemoni/Ex3/n_upper_banner_gi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hr@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_gi@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_hx.png b/public/flukemoni/Ex3/n_upper_banner_gp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hx.png
rename to public/flukemoni/Ex3/n_upper_banner_gp.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_hx@2x.png b/public/flukemoni/Ex3/n_upper_banner_gp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_hx@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_gp@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ia.png b/public/flukemoni/Ex3/n_upper_banner_gv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ia.png
rename to public/flukemoni/Ex3/n_upper_banner_gv.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ia@2x.png b/public/flukemoni/Ex3/n_upper_banner_gv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ia@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_gv@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_h.png b/public/flukemoni/Ex3/n_upper_banner_h.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_h@2x.png b/public/flukemoni/Ex3/n_upper_banner_h@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_if.png b/public/flukemoni/Ex3/n_upper_banner_ha.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_if.png
rename to public/flukemoni/Ex3/n_upper_banner_ha.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_if@2x.png b/public/flukemoni/Ex3/n_upper_banner_ha@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_if@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ha@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_in.png b/public/flukemoni/Ex3/n_upper_banner_he.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_in.png
rename to public/flukemoni/Ex3/n_upper_banner_he.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_in@2x.png b/public/flukemoni/Ex3/n_upper_banner_he@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_in@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_he@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_iy.png b/public/flukemoni/Ex3/n_upper_banner_hl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_iy.png
rename to public/flukemoni/Ex3/n_upper_banner_hl.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_iy@2x.png b/public/flukemoni/Ex3/n_upper_banner_hl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_iy@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_hl@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jc.png b/public/flukemoni/Ex3/n_upper_banner_hs.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jc.png
rename to public/flukemoni/Ex3/n_upper_banner_hs.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jc@2x.png b/public/flukemoni/Ex3/n_upper_banner_hs@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jc@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_hs@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jk.png b/public/flukemoni/Ex3/n_upper_banner_hz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jk.png
rename to public/flukemoni/Ex3/n_upper_banner_hz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jk@2x.png b/public/flukemoni/Ex3/n_upper_banner_hz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jk@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_hz@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jq.png b/public/flukemoni/Ex3/n_upper_banner_i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jq.png
rename to public/flukemoni/Ex3/n_upper_banner_i.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jq@2x.png b/public/flukemoni/Ex3/n_upper_banner_i@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_jq@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_i@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ka.png b/public/flukemoni/Ex3/n_upper_banner_ij.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ka.png
rename to public/flukemoni/Ex3/n_upper_banner_ij.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ka@2x.png b/public/flukemoni/Ex3/n_upper_banner_ij@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ka@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ij@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_kn.png b/public/flukemoni/Ex3/n_upper_banner_iz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_kn.png
rename to public/flukemoni/Ex3/n_upper_banner_iz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_kn@2x.png b/public/flukemoni/Ex3/n_upper_banner_iz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_kn@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_iz@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_j.png b/public/flukemoni/Ex3/n_upper_banner_j.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_j@2x.png b/public/flukemoni/Ex3/n_upper_banner_j@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ku.png b/public/flukemoni/Ex3/n_upper_banner_jb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ku.png
rename to public/flukemoni/Ex3/n_upper_banner_jb.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ku@2x.png b/public/flukemoni/Ex3/n_upper_banner_jb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ku@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_jb@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_lg.png b/public/flukemoni/Ex3/n_upper_banner_ji.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lg.png
rename to public/flukemoni/Ex3/n_upper_banner_ji.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_lg@2x.png b/public/flukemoni/Ex3/n_upper_banner_ji@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lg@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ji@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_lr.png b/public/flukemoni/Ex3/n_upper_banner_jp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lr.png
rename to public/flukemoni/Ex3/n_upper_banner_jp.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_lr@2x.png b/public/flukemoni/Ex3/n_upper_banner_jp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lr@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_jp@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_jw.png b/public/flukemoni/Ex3/n_upper_banner_jw.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_jw@2x.png b/public/flukemoni/Ex3/n_upper_banner_jw@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_k.png b/public/flukemoni/Ex3/n_upper_banner_k.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_k@2x.png b/public/flukemoni/Ex3/n_upper_banner_k@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_kg.png b/public/flukemoni/Ex3/n_upper_banner_kg.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_kg@2x.png b/public/flukemoni/Ex3/n_upper_banner_kg@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_lz.png b/public/flukemoni/Ex3/n_upper_banner_kx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lz.png
rename to public/flukemoni/Ex3/n_upper_banner_kx.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_lz@2x.png b/public/flukemoni/Ex3/n_upper_banner_kx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_lz@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_kx@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_l.png b/public/flukemoni/Ex3/n_upper_banner_l.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_l@2x.png b/public/flukemoni/Ex3/n_upper_banner_l@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_mf.png b/public/flukemoni/Ex3/n_upper_banner_le.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mf.png
rename to public/flukemoni/Ex3/n_upper_banner_le.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_mf@2x.png b/public/flukemoni/Ex3/n_upper_banner_le@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mf@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_le@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_mn.png b/public/flukemoni/Ex3/n_upper_banner_ln.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mn.png
rename to public/flukemoni/Ex3/n_upper_banner_ln.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_mn@2x.png b/public/flukemoni/Ex3/n_upper_banner_ln@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mn@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ln@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_mv.png b/public/flukemoni/Ex3/n_upper_banner_lu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mv.png
rename to public/flukemoni/Ex3/n_upper_banner_lu.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_mv@2x.png b/public/flukemoni/Ex3/n_upper_banner_lu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_mv@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_lu@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_m.png b/public/flukemoni/Ex3/n_upper_banner_m.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_m@2x.png b/public/flukemoni/Ex3/n_upper_banner_m@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_nb.png b/public/flukemoni/Ex3/n_upper_banner_ma.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nb.png
rename to public/flukemoni/Ex3/n_upper_banner_ma.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nb@2x.png b/public/flukemoni/Ex3/n_upper_banner_ma@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nb@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ma@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nj.png b/public/flukemoni/Ex3/n_upper_banner_mk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nj.png
rename to public/flukemoni/Ex3/n_upper_banner_mk.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nj@2x.png b/public/flukemoni/Ex3/n_upper_banner_mk@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nj@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_mk@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nz.png b/public/flukemoni/Ex3/n_upper_banner_mu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nz.png
rename to public/flukemoni/Ex3/n_upper_banner_mu.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_nz@2x.png b/public/flukemoni/Ex3/n_upper_banner_mu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_nz@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_mu@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_n.png b/public/flukemoni/Ex3/n_upper_banner_n.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_n@2x.png b/public/flukemoni/Ex3/n_upper_banner_n@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_of.png b/public/flukemoni/Ex3/n_upper_banner_nh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_of.png
rename to public/flukemoni/Ex3/n_upper_banner_nh.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_of@2x.png b/public/flukemoni/Ex3/n_upper_banner_nh@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_of@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_nh@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_on.png b/public/flukemoni/Ex3/n_upper_banner_ny.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_on.png
rename to public/flukemoni/Ex3/n_upper_banner_ny.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_on@2x.png b/public/flukemoni/Ex3/n_upper_banner_ny@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_on@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ny@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_o.png b/public/flukemoni/Ex3/n_upper_banner_o.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_o@2x.png b/public/flukemoni/Ex3/n_upper_banner_o@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ov.png b/public/flukemoni/Ex3/n_upper_banner_oo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ov.png
rename to public/flukemoni/Ex3/n_upper_banner_oo.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ov@2x.png b/public/flukemoni/Ex3/n_upper_banner_oo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ov@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_oo@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_p.png b/public/flukemoni/Ex3/n_upper_banner_p.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_p@2x.png b/public/flukemoni/Ex3/n_upper_banner_p@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_pa.png b/public/flukemoni/Ex3/n_upper_banner_pc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_pa.png
rename to public/flukemoni/Ex3/n_upper_banner_pc.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_pa@2x.png b/public/flukemoni/Ex3/n_upper_banner_pc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_pa@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_pc@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ph.png b/public/flukemoni/Ex3/n_upper_banner_po.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ph.png
rename to public/flukemoni/Ex3/n_upper_banner_po.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ph@2x.png b/public/flukemoni/Ex3/n_upper_banner_po@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ph@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_po@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_q.png b/public/flukemoni/Ex3/n_upper_banner_q.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_q@2x.png b/public/flukemoni/Ex3/n_upper_banner_q@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_pp.png b/public/flukemoni/Ex3/n_upper_banner_qc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_pp.png
rename to public/flukemoni/Ex3/n_upper_banner_qc.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_pp@2x.png b/public/flukemoni/Ex3/n_upper_banner_qc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_pp@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_qc@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_qd.png b/public/flukemoni/Ex3/n_upper_banner_qo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_qd.png
rename to public/flukemoni/Ex3/n_upper_banner_qo.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_qd@2x.png b/public/flukemoni/Ex3/n_upper_banner_qo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_qd@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_qo@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_r.png b/public/flukemoni/Ex3/n_upper_banner_r.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_r@2x.png b/public/flukemoni/Ex3/n_upper_banner_r@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ql.png b/public/flukemoni/Ex3/n_upper_banner_rc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ql.png
rename to public/flukemoni/Ex3/n_upper_banner_rc.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ql@2x.png b/public/flukemoni/Ex3/n_upper_banner_rc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ql@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_rc@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_qt.png b/public/flukemoni/Ex3/n_upper_banner_ro.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_qt.png
rename to public/flukemoni/Ex3/n_upper_banner_ro.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_qt@2x.png b/public/flukemoni/Ex3/n_upper_banner_ro@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_qt@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ro@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_s.png b/public/flukemoni/Ex3/n_upper_banner_s.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_s@2x.png b/public/flukemoni/Ex3/n_upper_banner_s@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_re.png b/public/flukemoni/Ex3/n_upper_banner_sc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_re.png
rename to public/flukemoni/Ex3/n_upper_banner_sc.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_re@2x.png b/public/flukemoni/Ex3/n_upper_banner_sc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_re@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_sc@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_so.png b/public/flukemoni/Ex3/n_upper_banner_so.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_so@2x.png b/public/flukemoni/Ex3/n_upper_banner_so@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_t.png b/public/flukemoni/Ex3/n_upper_banner_t.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_t@2x.png b/public/flukemoni/Ex3/n_upper_banner_t@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_rm.png b/public/flukemoni/Ex3/n_upper_banner_ta.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_rm.png
rename to public/flukemoni/Ex3/n_upper_banner_ta.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_rm@2x.png b/public/flukemoni/Ex3/n_upper_banner_ta@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_rm@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ta@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_rs.png b/public/flukemoni/Ex3/n_upper_banner_tg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_rs.png
rename to public/flukemoni/Ex3/n_upper_banner_tg.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_rs@2x.png b/public/flukemoni/Ex3/n_upper_banner_tg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_rs@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_tg@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_sg.png b/public/flukemoni/Ex3/n_upper_banner_tr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sg.png
rename to public/flukemoni/Ex3/n_upper_banner_tr.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_sg@2x.png b/public/flukemoni/Ex3/n_upper_banner_tr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sg@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_tr@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_u.png b/public/flukemoni/Ex3/n_upper_banner_u.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_u@2x.png b/public/flukemoni/Ex3/n_upper_banner_u@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_sw.png b/public/flukemoni/Ex3/n_upper_banner_ud.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sw.png
rename to public/flukemoni/Ex3/n_upper_banner_ud.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_sw@2x.png b/public/flukemoni/Ex3/n_upper_banner_ud@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_sw@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_ud@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_tc.png b/public/flukemoni/Ex3/n_upper_banner_uo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_tc.png
rename to public/flukemoni/Ex3/n_upper_banner_uo.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_tc@2x.png b/public/flukemoni/Ex3/n_upper_banner_uo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_tc@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_uo@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_tk.png b/public/flukemoni/Ex3/n_upper_banner_uz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_tk.png
rename to public/flukemoni/Ex3/n_upper_banner_uz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_tk@2x.png b/public/flukemoni/Ex3/n_upper_banner_uz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_tk@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_uz@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_v.png b/public/flukemoni/Ex3/n_upper_banner_v.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_v@2x.png b/public/flukemoni/Ex3/n_upper_banner_v@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ts.png b/public/flukemoni/Ex3/n_upper_banner_va.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ts.png
rename to public/flukemoni/Ex3/n_upper_banner_va.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ts@2x.png b/public/flukemoni/Ex3/n_upper_banner_va@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ts@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_va@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ug.png b/public/flukemoni/Ex3/n_upper_banner_vl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ug.png
rename to public/flukemoni/Ex3/n_upper_banner_vl.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ug@2x.png b/public/flukemoni/Ex3/n_upper_banner_vl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ug@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_vl@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ul.png b/public/flukemoni/Ex3/n_upper_banner_vz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ul.png
rename to public/flukemoni/Ex3/n_upper_banner_vz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ul@2x.png b/public/flukemoni/Ex3/n_upper_banner_vz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ul@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_vz@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_w.png b/public/flukemoni/Ex3/n_upper_banner_w.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_w@2x.png b/public/flukemoni/Ex3/n_upper_banner_w@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_ve.png b/public/flukemoni/Ex3/n_upper_banner_wc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ve.png
rename to public/flukemoni/Ex3/n_upper_banner_wc.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_ve@2x.png b/public/flukemoni/Ex3/n_upper_banner_wc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_ve@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_wc@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wq.png b/public/flukemoni/Ex3/n_upper_banner_wq.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_wq@2x.png b/public/flukemoni/Ex3/n_upper_banner_wq@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_vm.png b/public/flukemoni/Ex3/n_upper_banner_wz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_vm.png
rename to public/flukemoni/Ex3/n_upper_banner_wz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_vm@2x.png b/public/flukemoni/Ex3/n_upper_banner_wz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_vm@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_wz@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_x.png b/public/flukemoni/Ex3/n_upper_banner_x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_x@2x.png b/public/flukemoni/Ex3/n_upper_banner_x@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_vu.png b/public/flukemoni/Ex3/n_upper_banner_xj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_vu.png
rename to public/flukemoni/Ex3/n_upper_banner_xj.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_vu@2x.png b/public/flukemoni/Ex3/n_upper_banner_xj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_vu@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_xj@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wa.png b/public/flukemoni/Ex3/n_upper_banner_xu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wa.png
rename to public/flukemoni/Ex3/n_upper_banner_xu.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wa@2x.png b/public/flukemoni/Ex3/n_upper_banner_xu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wa@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_xu@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_y.png b/public/flukemoni/Ex3/n_upper_banner_y.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_y@2x.png b/public/flukemoni/Ex3/n_upper_banner_y@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/n_upper_banner_wi.png b/public/flukemoni/Ex3/n_upper_banner_yg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wi.png
rename to public/flukemoni/Ex3/n_upper_banner_yg.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wi@2x.png b/public/flukemoni/Ex3/n_upper_banner_yg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wi@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_yg@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wy.png b/public/flukemoni/Ex3/n_upper_banner_yr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wy.png
rename to public/flukemoni/Ex3/n_upper_banner_yr.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_wy@2x.png b/public/flukemoni/Ex3/n_upper_banner_yr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_wy@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_yr@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_yv.png b/public/flukemoni/Ex3/n_upper_banner_yv.png
deleted file mode 100644
index bfe1b03..0000000
Binary files a/public/flukemoni/Ex3/n_upper_banner_yv.png and /dev/null differ
diff --git a/public/flukemoni/Ex3/n_upper_banner_yv@2x.png b/public/flukemoni/Ex3/n_upper_banner_yv@2x.png
deleted file mode 100644
index 1b5a56d..0000000
Binary files a/public/flukemoni/Ex3/n_upper_banner_yv@2x.png and /dev/null differ
diff --git a/public/flukemoni/Ex3/n_upper_banner_xl.png b/public/flukemoni/Ex3/n_upper_banner_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xl.png
rename to public/flukemoni/Ex3/n_upper_banner_z.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_xl@2x.png b/public/flukemoni/Ex3/n_upper_banner_z@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xl@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_z@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_xz.png b/public/flukemoni/Ex3/n_upper_banner_zd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xz.png
rename to public/flukemoni/Ex3/n_upper_banner_zd.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_xz@2x.png b/public/flukemoni/Ex3/n_upper_banner_zd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_xz@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_zd@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_yf.png b/public/flukemoni/Ex3/n_upper_banner_zo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_yf.png
rename to public/flukemoni/Ex3/n_upper_banner_zo.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_yf@2x.png b/public/flukemoni/Ex3/n_upper_banner_zo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_yf@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_zo@2x.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_yn.png b/public/flukemoni/Ex3/n_upper_banner_zz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_yn.png
rename to public/flukemoni/Ex3/n_upper_banner_zz.png
diff --git a/public/flukemoni/Ex3/n_upper_banner_yn@2x.png b/public/flukemoni/Ex3/n_upper_banner_zz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/n_upper_banner_yn@2x.png
rename to public/flukemoni/Ex3/n_upper_banner_zz@2x.png
diff --git a/public/flukemoni/Ex3/project1.png b/public/flukemoni/Ex3/project1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/project1@2x.png b/public/flukemoni/Ex3/project1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/project2.png b/public/flukemoni/Ex3/project2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/project2@2x.png b/public/flukemoni/Ex3/project2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/results.png b/public/flukemoni/Ex3/results.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/results@2x.png b/public/flukemoni/Ex3/results@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_length.png b/public/flukemoni/Ex3/test1-1_length.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_length@2x.png b/public/flukemoni/Ex3/test1-1_length@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_performance.png b/public/flukemoni/Ex3/test1-1_performance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_performance@2x.png b/public/flukemoni/Ex3/test1-1_performance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_resistance.png b/public/flukemoni/Ex3/test1-1_resistance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_resistance@2x.png b/public/flukemoni/Ex3/test1-1_resistance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_wiremap.png b/public/flukemoni/Ex3/test1-1_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-1_wiremap@2x.png b/public/flukemoni/Ex3/test1-1_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_length.png b/public/flukemoni/Ex3/test1-2_length.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_length@2x.png b/public/flukemoni/Ex3/test1-2_length@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_performance.png b/public/flukemoni/Ex3/test1-2_performance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_performance@2x.png b/public/flukemoni/Ex3/test1-2_performance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_resistance.png b/public/flukemoni/Ex3/test1-2_resistance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_resistance@2x.png b/public/flukemoni/Ex3/test1-2_resistance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_wiremap.png b/public/flukemoni/Ex3/test1-2_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-2_wiremap@2x.png b/public/flukemoni/Ex3/test1-2_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_length.png b/public/flukemoni/Ex3/test1-3_length.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_length@2x.png b/public/flukemoni/Ex3/test1-3_length@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_performance.png b/public/flukemoni/Ex3/test1-3_performance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_performance@2x.png b/public/flukemoni/Ex3/test1-3_performance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_wiremap.png b/public/flukemoni/Ex3/test1-3_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3_wiremap@2x.png b/public/flukemoni/Ex3/test1-3_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3resistance.png b/public/flukemoni/Ex3/test1-3resistance.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1-3resistance@2x.png b/public/flukemoni/Ex3/test1-3resistance@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test1_1.html b/public/flukemoni/Ex3/test1_1.html
old mode 100644
new mode 100755
index 258aa7c..29d07f8
--- a/public/flukemoni/Ex3/test1_1.html
+++ b/public/flukemoni/Ex3/test1_1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_eg {
+	#n_40_ew {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ew {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_ex {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ex {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 98px;
+	}
+	#n_40_ey {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ey {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 545px;
+	}
+	#n_upper_banner_ez {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_eh {
+	#rectangle_5_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_eh {
+	.rectangle_5_e {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +134,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ei {
+	#rectangle_8_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ei {
+	.rectangle_8_e {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +156,7 @@
 		--web-action-target: test1_1_performance.html;
 		cursor: pointer;
 	}
-	#rectangle_5_ej {
+	#rectangle_5_fa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ej {
+	.rectangle_5_fa {
 		position: absolute;
 		overflow: visible;
 		width: 42px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="test1-1">
 	<img id="test1-1_wiremap" src="test1-1_wiremap.png" srcset="test1-1_wiremap.png 1x, test1-1_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_eg" src="n_upper_banner_eg.png" srcset="n_upper_banner_eg.png 1x, n_upper_banner_eg@2x.png 2x">
+	<svg class="n_40_ew">
+		<ellipse id="n_40_ew" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_ex">
+		<ellipse id="n_40_ex" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_ey">
+		<ellipse id="n_40_ey" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ez" src="n_upper_banner_ez.png" srcset="n_upper_banner_ez.png 1x, n_upper_banner_ez@2x.png 2x">
 		
-	<svg class="rectangle_5_eh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_eh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_e">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_e" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ei">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ei" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_e">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_e" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ej">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ej" rx="0" ry="0" x="0" y="0" width="42" height="31">
+	<svg class="rectangle_5_fa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fa" rx="0" ry="0" x="0" y="0" width="42" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_1___6.html b/public/flukemoni/Ex3/test1_1___6.html
old mode 100644
new mode 100755
index 8d3d615..bf8cd85
--- a/public/flukemoni/Ex3/test1_1___6.html
+++ b/public/flukemoni/Ex3/test1_1___6.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#n_upper_banner_fo {
+	#n_upper_banner_gp {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -40,7 +40,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fp {
+	#rectangle_5_gq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -50,7 +50,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fp {
+	.rectangle_5_gq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2972,10 +2972,10 @@ window.application = new Application();
 </head>
 <body>
 <div id="test1-1__6">
-	<img id="n_upper_banner_fo" src="n_upper_banner_fo.png" srcset="n_upper_banner_fo.png 1x, n_upper_banner_fo@2x.png 2x">
+	<img id="n_upper_banner_gp" src="n_upper_banner_gp.png" srcset="n_upper_banner_gp.png 1x, n_upper_banner_gp@2x.png 2x">
 		
-	<svg class="rectangle_5_fp">
-		<rect id="rectangle_5_fp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_gq">
+		<rect id="rectangle_5_gq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_1___length.html b/public/flukemoni/Ex3/test1_1___length.html
old mode 100644
new mode 100755
index fe0c81f..85e2f7a
--- a/public/flukemoni/Ex3/test1_1___length.html
+++ b/public/flukemoni/Ex3/test1_1___length.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ft {
+	#n_40_gu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_gu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_gv {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fu {
+	#rectangle_5_gw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fu {
+	.rectangle_5_gw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_fv {
+	#rectangle_5_gx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fv {
+	.rectangle_5_gx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-1__length">
 	<img id="test1-1_length" src="test1-1_length.png" srcset="test1-1_length.png 1x, test1-1_length@2x.png 2x">
 		
-	<img id="n_upper_banner_ft" src="n_upper_banner_ft.png" srcset="n_upper_banner_ft.png 1x, n_upper_banner_ft@2x.png 2x">
+	<svg class="n_40_gu">
+		<ellipse id="n_40_gu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_gv" src="n_upper_banner_gv.png" srcset="n_upper_banner_gv.png 1x, n_upper_banner_gv@2x.png 2x">
 		
-	<svg class="rectangle_5_fu">
-		<rect id="rectangle_5_fu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_gw">
+		<rect id="rectangle_5_gw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_fv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_gx">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_1___lenth___1.html b/public/flukemoni/Ex3/test1_1___lenth___1.html
old mode 100644
new mode 100755
index 49bd852..b478954
--- a/public/flukemoni/Ex3/test1_1___lenth___1.html
+++ b/public/flukemoni/Ex3/test1_1___lenth___1.html
@@ -32,7 +32,7 @@
 		--web-scale-on-resize: true;
 		--web-enable-deep-linking: true;
 	}
-	#n_upper_banner_fy {
+	#n_upper_banner_g {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -40,7 +40,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fz {
+	#rectangle_5_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -50,7 +50,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fz {
+	.rectangle_5_g {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -58,7 +58,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_f {
+	#rectangle_5_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +68,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_f {
+	.rectangle_5_ha {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -2990,14 +2990,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="test1-1__lenth__1">
-	<img id="n_upper_banner_fy" src="n_upper_banner_fy.png" srcset="n_upper_banner_fy.png 1x, n_upper_banner_fy@2x.png 2x">
+	<img id="n_upper_banner_g" src="n_upper_banner_g.png" srcset="n_upper_banner_g.png 1x, n_upper_banner_g@2x.png 2x">
 		
-	<svg class="rectangle_5_fz">
-		<rect id="rectangle_5_fz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_g">
+		<rect id="rectangle_5_g" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_f">
-		<rect id="rectangle_5_f" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ha">
+		<rect id="rectangle_5_ha" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_1___resistance.html b/public/flukemoni/Ex3/test1_1___resistance.html
old mode 100644
new mode 100755
index 3773eb4..c846eb5
--- a/public/flukemoni/Ex3/test1_1___resistance.html
+++ b/public/flukemoni/Ex3/test1_1___resistance.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_f {
+	#n_40_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_ha {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ga {
+	#rectangle_5_hb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ga {
+	.rectangle_5_hb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_gb {
+	#rectangle_5_hc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gb {
+	.rectangle_5_hc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-1__resistance">
 	<img id="test1-1_resistance" src="test1-1_resistance.png" srcset="test1-1_resistance.png 1x, test1-1_resistance@2x.png 2x">
 		
-	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
+	<svg class="n_40_g">
+		<ellipse id="n_40_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ha" src="n_upper_banner_ha.png" srcset="n_upper_banner_ha.png 1x, n_upper_banner_ha@2x.png 2x">
 		
-	<svg class="rectangle_5_ga">
-		<rect id="rectangle_5_ga" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hb">
+		<rect id="rectangle_5_hb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_gb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_1_performance.html b/public/flukemoni/Ex3/test1_1_performance.html
old mode 100644
new mode 100755
index 0ca1ae9..6ad8d3c
--- a/public/flukemoni/Ex3/test1_1_performance.html
+++ b/public/flukemoni/Ex3/test1_1_performance.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_e {
+	#n_40_fq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_fr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 160px;
+		top: 97px;
+	}
+	#n_49 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 271px;
+	}
+	#n_50 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 214px;
+	}
+	#n_upper_banner_fu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_e {
+	#rectangle_5_fv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_e {
+	.rectangle_5_fv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_e {
+	#rectangle_8_fw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_e {
+	.rectangle_8_fw {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +174,7 @@
 		--web-action-target: test1_1.html;
 		cursor: pointer;
 	}
-	#rectangle_7_e {
+	#rectangle_7_fx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_e {
+	.rectangle_7_fx {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -124,7 +196,7 @@
 		--web-action-target: test1_1___length.html;
 		cursor: pointer;
 	}
-	#rectangle_7_fa {
+	#rectangle_7_fy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_fa {
+	.rectangle_7_fy {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test1-1-performance">
 	<img id="test1-1_performance" src="test1-1_performance.png" srcset="test1-1_performance.png 1x, test1-1_performance@2x.png 2x">
 		
-	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
+	<svg class="n_40_fq">
+		<ellipse id="n_40_fq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fr">
+		<ellipse id="n_40_fr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49">
+		<ellipse id="n_49" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50">
+		<ellipse id="n_50" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_fu" src="n_upper_banner_fu.png" srcset="n_upper_banner_fu.png 1x, n_upper_banner_fu@2x.png 2x">
 		
-	<svg class="rectangle_5_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_e" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_fv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_e" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_fw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fw" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_e">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_e" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_fx">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fx" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_fa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fa" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_fy">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fy" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_2.html b/public/flukemoni/Ex3/test1_2.html
old mode 100644
new mode 100755
index e02d2a8..a5e06f3
--- a/public/flukemoni/Ex3/test1_2.html
+++ b/public/flukemoni/Ex3/test1_2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_en {
+	#n_40_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_fa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 98px;
+	}
+	#n_40_fb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 545px;
+	}
+	#n_upper_banner_e {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_eo {
+	#rectangle_5_fb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_eo {
+	.rectangle_5_fb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +134,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ep {
+	#rectangle_8_fb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ep {
+	.rectangle_8_fb {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +156,7 @@
 		--web-action-target: test1_2_performance.html;
 		cursor: pointer;
 	}
-	#rectangle_5_eq {
+	#rectangle_5_fc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_eq {
+	.rectangle_5_fc {
 		position: absolute;
 		overflow: visible;
 		width: 42px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="test1-2">
 	<img id="test1-2_wiremap" src="test1-2_wiremap.png" srcset="test1-2_wiremap.png 1x, test1-2_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_en" src="n_upper_banner_en.png" srcset="n_upper_banner_en.png 1x, n_upper_banner_en@2x.png 2x">
+	<svg class="n_40_e">
+		<ellipse id="n_40_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fa">
+		<ellipse id="n_40_fa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fb">
+		<ellipse id="n_40_fb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_e" src="n_upper_banner_e.png" srcset="n_upper_banner_e.png 1x, n_upper_banner_e@2x.png 2x">
 		
-	<svg class="rectangle_5_eo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_eo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_fb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ep">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ep" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_fb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fb" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_eq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_eq" rx="0" ry="0" x="0" y="0" width="42" height="31">
+	<svg class="rectangle_5_fc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fc" rx="0" ry="0" x="0" y="0" width="42" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_2___length.html b/public/flukemoni/Ex3/test1_2___length.html
old mode 100644
new mode 100755
index 6d4d128..cb2e2a2
--- a/public/flukemoni/Ex3/test1_2___length.html
+++ b/public/flukemoni/Ex3/test1_2___length.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ga {
+	#n_40_hd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_hd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_he {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gc {
+	#rectangle_5_hf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gc {
+	.rectangle_5_hf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_gd {
+	#rectangle_5_hg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gd {
+	.rectangle_5_hg {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-2__length">
 	<img id="test1-2_length" src="test1-2_length.png" srcset="test1-2_length.png 1x, test1-2_length@2x.png 2x">
 		
-	<img id="n_upper_banner_ga" src="n_upper_banner_ga.png" srcset="n_upper_banner_ga.png 1x, n_upper_banner_ga@2x.png 2x">
+	<svg class="n_40_hd">
+		<ellipse id="n_40_hd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_he" src="n_upper_banner_he.png" srcset="n_upper_banner_he.png 1x, n_upper_banner_he@2x.png 2x">
 		
-	<svg class="rectangle_5_gc">
-		<rect id="rectangle_5_gc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hf">
+		<rect id="rectangle_5_hf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_gd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gd" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hg" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_2___resistance.html b/public/flukemoni/Ex3/test1_2___resistance.html
old mode 100644
new mode 100755
index d9a8faa..6066b6a
--- a/public/flukemoni/Ex3/test1_2___resistance.html
+++ b/public/flukemoni/Ex3/test1_2___resistance.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_gg {
+	#n_40_hk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_hk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_hl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gh {
+	#rectangle_5_hm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gh {
+	.rectangle_5_hm {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_gi {
+	#rectangle_5_hn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gi {
+	.rectangle_5_hn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-2__resistance">
 	<img id="test1-2_resistance" src="test1-2_resistance.png" srcset="test1-2_resistance.png 1x, test1-2_resistance@2x.png 2x">
 		
-	<img id="n_upper_banner_gg" src="n_upper_banner_gg.png" srcset="n_upper_banner_gg.png 1x, n_upper_banner_gg@2x.png 2x">
+	<svg class="n_40_hk">
+		<ellipse id="n_40_hk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_hl" src="n_upper_banner_hl.png" srcset="n_upper_banner_hl.png 1x, n_upper_banner_hl@2x.png 2x">
 		
-	<svg class="rectangle_5_gh">
-		<rect id="rectangle_5_gh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hm">
+		<rect id="rectangle_5_hm" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_gi">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hn" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_2_performance.html b/public/flukemoni/Ex3/test1_2_performance.html
old mode 100644
new mode 100755
index bf23abb..76c2c27
--- a/public/flukemoni/Ex3/test1_2_performance.html
+++ b/public/flukemoni/Ex3/test1_2_performance.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_fa {
+	#n_40_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_ga {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ga {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 160px;
+		top: 97px;
+	}
+	#n_49_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 271px;
+	}
+	#n_50_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 214px;
+	}
+	#n_upper_banner_f {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fa {
+	#rectangle_5_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fa {
+	.rectangle_5_f {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_fb {
+	#rectangle_8_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_fb {
+	.rectangle_8_f {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +174,7 @@
 		--web-action-target: test1_2.html;
 		cursor: pointer;
 	}
-	#rectangle_7_fc {
+	#rectangle_7_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_fc {
+	.rectangle_7_f {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -124,7 +196,7 @@
 		--web-action-target: test1_2___length.html;
 		cursor: pointer;
 	}
-	#rectangle_7_fd {
+	#rectangle_7_ga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_fd {
+	.rectangle_7_ga {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test1-2-performance">
 	<img id="test1-2_performance" src="test1-2_performance.png" srcset="test1-2_performance.png 1x, test1-2_performance@2x.png 2x">
 		
-	<img id="n_upper_banner_fa" src="n_upper_banner_fa.png" srcset="n_upper_banner_fa.png 1x, n_upper_banner_fa@2x.png 2x">
+	<svg class="n_40_f">
+		<ellipse id="n_40_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_ga">
+		<ellipse id="n_40_ga" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_f">
+		<ellipse id="n_49_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_f">
+		<ellipse id="n_50_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_f" src="n_upper_banner_f.png" srcset="n_upper_banner_f.png 1x, n_upper_banner_f@2x.png 2x">
 		
-	<svg class="rectangle_5_fa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_f">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_f" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_fb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fb" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_f">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_f" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_fc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fc" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_f">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_f" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_fd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fd" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_ga">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ga" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_3.html b/public/flukemoni/Ex3/test1_3.html
old mode 100644
new mode 100755
index a9897e4..9ad4e5e
--- a/public/flukemoni/Ex3/test1_3.html
+++ b/public/flukemoni/Ex3/test1_3.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_eu {
+	#n_40_fg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_fh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 395px;
+		top: 98px;
+	}
+	#n_40_fi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_fi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 545px;
+	}
+	#n_upper_banner_fj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ev {
+	#rectangle_5_fk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ev {
+	.rectangle_5_fk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +134,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ew {
+	#rectangle_8_fl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ew {
+	.rectangle_8_fl {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +156,7 @@
 		--web-action-target: test1_3_performance.html;
 		cursor: pointer;
 	}
-	#rectangle_5_ex {
+	#rectangle_5_fm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ex {
+	.rectangle_5_fm {
 		position: absolute;
 		overflow: visible;
 		width: 42px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="test1-3">
 	<img id="test1-3_wiremap" src="test1-3_wiremap.png" srcset="test1-3_wiremap.png 1x, test1-3_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_eu" src="n_upper_banner_eu.png" srcset="n_upper_banner_eu.png 1x, n_upper_banner_eu@2x.png 2x">
+	<svg class="n_40_fg">
+		<ellipse id="n_40_fg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fh">
+		<ellipse id="n_40_fh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_fi">
+		<ellipse id="n_40_fi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_fj" src="n_upper_banner_fj.png" srcset="n_upper_banner_fj.png 1x, n_upper_banner_fj@2x.png 2x">
 		
-	<svg class="rectangle_5_ev">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ev" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_fk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ew">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ew" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_fl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fl" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ex">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ex" rx="0" ry="0" x="0" y="0" width="42" height="31">
+	<svg class="rectangle_5_fm">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fm" rx="0" ry="0" x="0" y="0" width="42" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_3___length.html b/public/flukemoni/Ex3/test1_3___length.html
old mode 100644
new mode 100755
index 24c4e01..7c473fd
--- a/public/flukemoni/Ex3/test1_3___length.html
+++ b/public/flukemoni/Ex3/test1_3___length.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_gm {
+	#n_40_hr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_hr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_hs {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gn {
+	#rectangle_5_ht {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gn {
+	.rectangle_5_ht {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_go {
+	#rectangle_5_hu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_go {
+	.rectangle_5_hu {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-3__length">
 	<img id="test1-3_length" src="test1-3_length.png" srcset="test1-3_length.png 1x, test1-3_length@2x.png 2x">
 		
-	<img id="n_upper_banner_gm" src="n_upper_banner_gm.png" srcset="n_upper_banner_gm.png 1x, n_upper_banner_gm@2x.png 2x">
+	<svg class="n_40_hr">
+		<ellipse id="n_40_hr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_hs" src="n_upper_banner_hs.png" srcset="n_upper_banner_hs.png 1x, n_upper_banner_hs@2x.png 2x">
 		
-	<svg class="rectangle_5_gn">
-		<rect id="rectangle_5_gn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ht">
+		<rect id="rectangle_5_ht" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_go">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_go" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_hu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hu" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_3__resistance.html b/public/flukemoni/Ex3/test1_3__resistance.html
old mode 100644
new mode 100755
index 3f4a0f6..d71e2a3
--- a/public/flukemoni/Ex3/test1_3__resistance.html
+++ b/public/flukemoni/Ex3/test1_3__resistance.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_gs {
+	#n_40_hy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_hy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_hz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gt {
+	#rectangle_5_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gt {
+	.rectangle_5_h {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_gu {
+	#rectangle_5_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gu {
+	.rectangle_5_ia {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test1-3_resistance">
 	<img id="test1-3resistance" src="test1-3resistance.png" srcset="test1-3resistance.png 1x, test1-3resistance@2x.png 2x">
 		
-	<img id="n_upper_banner_gs" src="n_upper_banner_gs.png" srcset="n_upper_banner_gs.png 1x, n_upper_banner_gs@2x.png 2x">
+	<svg class="n_40_hy">
+		<ellipse id="n_40_hy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_hz" src="n_upper_banner_hz.png" srcset="n_upper_banner_hz.png 1x, n_upper_banner_hz@2x.png 2x">
 		
-	<svg class="rectangle_5_gt">
-		<rect id="rectangle_5_gt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_h">
+		<rect id="rectangle_5_h" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_gu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ia">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ia" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test1_3_performance.html b/public/flukemoni/Ex3/test1_3_performance.html
old mode 100644
new mode 100755
index 798a29e..894f962
--- a/public/flukemoni/Ex3/test1_3_performance.html
+++ b/public/flukemoni/Ex3/test1_3_performance.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_fh {
+	#n_40_ge {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ge {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_40_gf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_gf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 160px;
+		top: 97px;
+	}
+	#n_49_gg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_gg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 271px;
+	}
+	#n_50_gh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_gh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 324px;
+		top: 214px;
+	}
+	#n_upper_banner_gi {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_fi {
+	#rectangle_5_gj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_fi {
+	.rectangle_5_gj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_fj {
+	#rectangle_8_gk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_fj {
+	.rectangle_8_gk {
 		position: absolute;
 		overflow: visible;
 		width: 240px;
@@ -102,7 +174,7 @@
 		--web-action-target: test1_3.html;
 		cursor: pointer;
 	}
-	#rectangle_7_fk {
+	#rectangle_7_gl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_fk {
+	.rectangle_7_gl {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -124,7 +196,7 @@
 		--web-action-target: test1_3___length.html;
 		cursor: pointer;
 	}
-	#rectangle_7_fl {
+	#rectangle_7_gm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_fl {
+	.rectangle_7_gm {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test1-3-performance">
 	<img id="test1-3_performance" src="test1-3_performance.png" srcset="test1-3_performance.png 1x, test1-3_performance@2x.png 2x">
 		
-	<img id="n_upper_banner_fh" src="n_upper_banner_fh.png" srcset="n_upper_banner_fh.png 1x, n_upper_banner_fh@2x.png 2x">
+	<svg class="n_40_ge">
+		<ellipse id="n_40_ge" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_gf">
+		<ellipse id="n_40_gf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_gg">
+		<ellipse id="n_49_gg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_gh">
+		<ellipse id="n_50_gh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_gi" src="n_upper_banner_gi.png" srcset="n_upper_banner_gi.png 1x, n_upper_banner_gi@2x.png 2x">
 		
-	<svg class="rectangle_5_fi">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_fi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_gj">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_gj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_fj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_fj" rx="0" ry="0" x="0" y="0" width="240" height="36">
+	<svg class="rectangle_8_gk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_gk" rx="0" ry="0" x="0" y="0" width="240" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_fk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fk" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_gl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_gl" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_fl">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_fl" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_gm">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_gm" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2_HDTDR.html b/public/flukemoni/Ex3/test2_HDTDR.html
old mode 100644
new mode 100755
index 5b630a7..9f39395
--- a/public/flukemoni/Ex3/test2_HDTDR.html
+++ b/public/flukemoni/Ex3/test2_HDTDR.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test2_HDTDR_hw {
+	#test2_HDTDR_jg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_hx {
+	#n_40_jh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_jh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_ji {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hy {
+	#rectangle_5_jj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hy {
+	.rectangle_5_jj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_hz {
+	#rectangle_5_jk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hz {
+	.rectangle_5_jk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test2_HDTDR">
-	<img id="test2_HDTDR_hw" src="test2_HDTDR_hw.png" srcset="test2_HDTDR_hw.png 1x, test2_HDTDR_hw@2x.png 2x">
+	<img id="test2_HDTDR_jg" src="test2_HDTDR_jg.png" srcset="test2_HDTDR_jg.png 1x, test2_HDTDR_jg@2x.png 2x">
 		
-	<img id="n_upper_banner_hx" src="n_upper_banner_hx.png" srcset="n_upper_banner_hx.png 1x, n_upper_banner_hx@2x.png 2x">
+	<svg class="n_40_jh">
+		<ellipse id="n_40_jh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ji" src="n_upper_banner_ji.png" srcset="n_upper_banner_ji.png 1x, n_upper_banner_ji@2x.png 2x">
 		
-	<svg class="rectangle_5_hy">
-		<rect id="rectangle_5_hy" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jj">
+		<rect id="rectangle_5_jj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_hz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jk" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2_HDTDR_hw.png b/public/flukemoni/Ex3/test2_HDTDR_jg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_HDTDR_hw.png
rename to public/flukemoni/Ex3/test2_HDTDR_jg.png
diff --git a/public/flukemoni/Ex3/test2_HDTDR_hw@2x.png b/public/flukemoni/Ex3/test2_HDTDR_jg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_HDTDR_hw@2x.png
rename to public/flukemoni/Ex3/test2_HDTDR_jg@2x.png
diff --git a/public/flukemoni/Ex3/test2_HDTDX.html b/public/flukemoni/Ex3/test2_HDTDX.html
old mode 100644
new mode 100755
index 9b6007c..ab56e57
--- a/public/flukemoni/Ex3/test2_HDTDX.html
+++ b/public/flukemoni/Ex3/test2_HDTDX.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test2_HDTDX_h {
+	#test2_HDTDX_jn {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_h {
+	#n_40_jo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_jo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_jp {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_h {
+	#rectangle_5_jq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_h {
+	.rectangle_5_jq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ia {
+	#rectangle_5_jr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ia {
+	.rectangle_5_jr {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test2_HDTDX">
-	<img id="test2_HDTDX_h" src="test2_HDTDX_h.png" srcset="test2_HDTDX_h.png 1x, test2_HDTDX_h@2x.png 2x">
+	<img id="test2_HDTDX_jn" src="test2_HDTDX_jn.png" srcset="test2_HDTDX_jn.png 1x, test2_HDTDX_jn@2x.png 2x">
 		
-	<img id="n_upper_banner_h" src="n_upper_banner_h.png" srcset="n_upper_banner_h.png 1x, n_upper_banner_h@2x.png 2x">
+	<svg class="n_40_jo">
+		<ellipse id="n_40_jo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_jp" src="n_upper_banner_jp.png" srcset="n_upper_banner_jp.png 1x, n_upper_banner_jp@2x.png 2x">
 		
-	<svg class="rectangle_5_h">
-		<rect id="rectangle_5_h" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jq">
+		<rect id="rectangle_5_jq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ia">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ia" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jr">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jr" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2_HDTDX_h.png b/public/flukemoni/Ex3/test2_HDTDX_jn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_HDTDX_h.png
rename to public/flukemoni/Ex3/test2_HDTDX_jn.png
diff --git a/public/flukemoni/Ex3/test2_HDTDX_h@2x.png b/public/flukemoni/Ex3/test2_HDTDX_jn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_HDTDX_h@2x.png
rename to public/flukemoni/Ex3/test2_HDTDX_jn@2x.png
diff --git a/public/flukemoni/Ex3/test2___fault_info.html b/public/flukemoni/Ex3/test2___fault_info.html
old mode 100644
new mode 100755
index daeb835..9ddaeb1
--- a/public/flukemoni/Ex3/test2___fault_info.html
+++ b/public/flukemoni/Ex3/test2___fault_info.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_hg {
+	#n_40_it {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_it {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_iu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_iu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_iv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_iv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_53 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 306px;
+		top: 277px;
+	}
+	#n_54 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 469px;
+	}
+	#n_55 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 527px;
+	}
+	#n_upper_banner_iz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +166,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hh {
+	#rectangle_5_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hh {
+	.rectangle_5_i {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +184,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_hi {
+	#rectangle_5_ja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hi {
+	.rectangle_5_ja {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -99,7 +207,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_hj {
+	#rectangle_8_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +217,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_hj {
+	.rectangle_8_i {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -121,7 +229,7 @@
 		--web-action-target: test2___wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_8_hk {
+	#rectangle_8_ja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -131,7 +239,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_hk {
+	.rectangle_8_ja {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -143,7 +251,7 @@
 		--web-action-target: test2___performance.html;
 		cursor: pointer;
 	}
-	#rectangle_7_hl {
+	#rectangle_7_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -153,7 +261,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_hl {
+	.rectangle_7_i {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -165,7 +273,7 @@
 		--web-action-target: test2_HDTDR.html;
 		cursor: pointer;
 	}
-	#rectangle_7_hm {
+	#rectangle_7_ja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -175,7 +283,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_hm {
+	.rectangle_7_ja {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -3125,30 +3233,54 @@ window.application = new Application();
 <div id="test2__fault_info">
 	<img id="test2_fault_info" src="test2_fault_info.png" srcset="test2_fault_info.png 1x, test2_fault_info@2x.png 2x">
 		
-	<img id="n_upper_banner_hg" src="n_upper_banner_hg.png" srcset="n_upper_banner_hg.png 1x, n_upper_banner_hg@2x.png 2x">
+	<svg class="n_40_it">
+		<ellipse id="n_40_it" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_iu">
+		<ellipse id="n_51_iu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_iv">
+		<ellipse id="n_52_iv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53">
+		<ellipse id="n_53" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54">
+		<ellipse id="n_54" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55">
+		<ellipse id="n_55" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_iz" src="n_upper_banner_iz.png" srcset="n_upper_banner_iz.png 1x, n_upper_banner_iz@2x.png 2x">
 		
-	<svg class="rectangle_5_hh">
-		<rect id="rectangle_5_hh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_i">
+		<rect id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_hi">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ja">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ja" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_hj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_hj" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_i">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_i" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_hk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_hk" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_ja">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ja" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_hl">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_hl" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_i">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_i" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_hm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_hm" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_ja">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ja" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
 	<svg class="n_3">
diff --git a/public/flukemoni/Ex3/test2___performance.html b/public/flukemoni/Ex3/test2___performance.html
old mode 100644
new mode 100755
index 59ad2f9..42cb157
--- a/public/flukemoni/Ex3/test2___performance.html
+++ b/public/flukemoni/Ex3/test2___performance.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_g {
+	#n_40_ig {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ig {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_ih {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_ih {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_ii {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_ii {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_ij {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ha {
+	#rectangle_5_ik {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ha {
+	.rectangle_5_ik {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_hb {
+	#rectangle_5_il {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hb {
+	.rectangle_5_il {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -106,7 +160,7 @@
 		top: 538px;
 		overflow: visible;
 	}
-	#rectangle_8_hb {
+	#rectangle_8_in {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +170,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_hb {
+	.rectangle_8_in {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -128,7 +182,7 @@
 		--web-action-target: test2___wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_8_hc {
+	#rectangle_8_io {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -138,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_hc {
+	.rectangle_8_io {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -150,7 +204,7 @@
 		--web-action-target: test2___fault_info.html;
 		cursor: pointer;
 	}
-	#rectangle_7_hc {
+	#rectangle_7_ip {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -160,7 +214,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_hc {
+	.rectangle_7_ip {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3088,28 +3142,40 @@ window.application = new Application();
 <div id="test2__performance">
 	<img id="test2__performance_1" src="test2__performance_1.png" srcset="test2__performance_1.png 1x, test2__performance_1@2x.png 2x">
 		
-	<img id="n_upper_banner_g" src="n_upper_banner_g.png" srcset="n_upper_banner_g.png 1x, n_upper_banner_g@2x.png 2x">
+	<svg class="n_40_ig">
+		<ellipse id="n_40_ig" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_ih">
+		<ellipse id="n_51_ih" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_ii">
+		<ellipse id="n_52_ii" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ij" src="n_upper_banner_ij.png" srcset="n_upper_banner_ij.png 1x, n_upper_banner_ij@2x.png 2x">
 		
-	<svg class="rectangle_5_ha">
-		<rect id="rectangle_5_ha" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ik">
+		<rect id="rectangle_5_ik" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_hb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_hb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_il">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_il" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<img id="test2__performance_2" src="test2__performance_2.png" srcset="test2__performance_2.png 1x, test2__performance_2@2x.png 2x">
 		
-	<svg class="rectangle_8_hb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_hb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_in">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_in" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_hc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_hc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_io">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_io" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_hc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_hc" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_ip">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ip" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2___wiremap.html b/public/flukemoni/Ex3/test2___wiremap.html
old mode 100644
new mode 100755
index 66ebbe4..b6ea2fc
--- a/public/flukemoni/Ex3/test2___wiremap.html
+++ b/public/flukemoni/Ex3/test2___wiremap.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_gy {
+	#n_40_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_52 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_h {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_gz {
+	#rectangle_5_ib {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_gz {
+	.rectangle_5_ib {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_g {
+	#rectangle_5_ic {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_g {
+	.rectangle_5_ic {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_g {
+	#rectangle_8_ib {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_g {
+	.rectangle_8_ib {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test2___performance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ha {
+	#rectangle_8_ic {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ha {
+	.rectangle_8_ic {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test2__wiremap">
 	<img id="test2_wiremap" src="test2_wiremap.png" srcset="test2_wiremap.png 1x, test2_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_gy" src="n_upper_banner_gy.png" srcset="n_upper_banner_gy.png 1x, n_upper_banner_gy@2x.png 2x">
+	<svg class="n_40_h">
+		<ellipse id="n_40_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51">
+		<ellipse id="n_51" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52">
+		<ellipse id="n_52" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_h" src="n_upper_banner_h.png" srcset="n_upper_banner_h.png 1x, n_upper_banner_h@2x.png 2x">
 		
-	<svg class="rectangle_5_gz">
-		<rect id="rectangle_5_gz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ib">
+		<rect id="rectangle_5_ib" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_g">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_g" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ic">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ic" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_g">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_g" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_ib">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ib" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ha">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ha" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_ic">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ic" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2__performance_1.png b/public/flukemoni/Ex3/test2__performance_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2__performance_1@2x.png b/public/flukemoni/Ex3/test2__performance_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2__performance_2.png b/public/flukemoni/Ex3/test2__performance_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2__performance_2@2x.png b/public/flukemoni/Ex3/test2__performance_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2_fault_cause.html b/public/flukemoni/Ex3/test2_fault_cause.html
old mode 100644
new mode 100755
index 2146bb2..73c874c
--- a/public/flukemoni/Ex3/test2_fault_cause.html
+++ b/public/flukemoni/Ex3/test2_fault_cause.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test2_fault_cause_h {
+	#test2_fault_cause_ju {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ia {
+	#n_40_jv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_jv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_jw {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ib {
+	#rectangle_5_jx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ib {
+	.rectangle_5_jx {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ic {
+	#rectangle_5_jy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ic {
+	.rectangle_5_jy {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test2_fault_cause">
-	<img id="test2_fault_cause_h" src="test2_fault_cause_h.png" srcset="test2_fault_cause_h.png 1x, test2_fault_cause_h@2x.png 2x">
+	<img id="test2_fault_cause_ju" src="test2_fault_cause_ju.png" srcset="test2_fault_cause_ju.png 1x, test2_fault_cause_ju@2x.png 2x">
 		
-	<img id="n_upper_banner_ia" src="n_upper_banner_ia.png" srcset="n_upper_banner_ia.png 1x, n_upper_banner_ia@2x.png 2x">
+	<svg class="n_40_jv">
+		<ellipse id="n_40_jv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_jw" src="n_upper_banner_jw.png" srcset="n_upper_banner_jw.png 1x, n_upper_banner_jw@2x.png 2x">
 		
-	<svg class="rectangle_5_ib">
-		<rect id="rectangle_5_ib" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jx">
+		<rect id="rectangle_5_jx" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ic">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ic" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jy">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jy" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2_fault_cause_h.png b/public/flukemoni/Ex3/test2_fault_cause_ju.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_fault_cause_h.png
rename to public/flukemoni/Ex3/test2_fault_cause_ju.png
diff --git a/public/flukemoni/Ex3/test2_fault_cause_h@2x.png b/public/flukemoni/Ex3/test2_fault_cause_ju@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_fault_cause_h@2x.png
rename to public/flukemoni/Ex3/test2_fault_cause_ju@2x.png
diff --git a/public/flukemoni/Ex3/test2_fault_info.png b/public/flukemoni/Ex3/test2_fault_info.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2_fault_info@2x.png b/public/flukemoni/Ex3/test2_fault_info@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2_length.html b/public/flukemoni/Ex3/test2_length.html
old mode 100644
new mode 100755
index 0a6516d..a43b8c8
--- a/public/flukemoni/Ex3/test2_length.html
+++ b/public/flukemoni/Ex3/test2_length.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test2_length_hq {
+	#test2_length_i {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_hr {
+	#n_40_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_jb {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_hs {
+	#rectangle_5_jc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_hs {
+	.rectangle_5_jc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ht {
+	#rectangle_5_jd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ht {
+	.rectangle_5_jd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test2_length">
-	<img id="test2_length_hq" src="test2_length_hq.png" srcset="test2_length_hq.png 1x, test2_length_hq@2x.png 2x">
+	<img id="test2_length_i" src="test2_length_i.png" srcset="test2_length_i.png 1x, test2_length_i@2x.png 2x">
 		
-	<img id="n_upper_banner_hr" src="n_upper_banner_hr.png" srcset="n_upper_banner_hr.png 1x, n_upper_banner_hr@2x.png 2x">
+	<svg class="n_40_ja">
+		<ellipse id="n_40_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_jb" src="n_upper_banner_jb.png" srcset="n_upper_banner_jb.png 1x, n_upper_banner_jb@2x.png 2x">
 		
-	<svg class="rectangle_5_hs">
-		<rect id="rectangle_5_hs" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jc">
+		<rect id="rectangle_5_jc" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ht">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ht" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_jd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test2_length_hq.png b/public/flukemoni/Ex3/test2_length_i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_length_hq.png
rename to public/flukemoni/Ex3/test2_length_i.png
diff --git a/public/flukemoni/Ex3/test2_length_hq@2x.png b/public/flukemoni/Ex3/test2_length_i@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test2_length_hq@2x.png
rename to public/flukemoni/Ex3/test2_length_i@2x.png
diff --git a/public/flukemoni/Ex3/test2_wiremap.png b/public/flukemoni/Ex3/test2_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test2_wiremap@2x.png b/public/flukemoni/Ex3/test2_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_HDTDR.html b/public/flukemoni/Ex3/test3_HDTDR.html
old mode 100644
new mode 100755
index f7ff747..02c3320
--- a/public/flukemoni/Ex3/test3_HDTDR.html
+++ b/public/flukemoni/Ex3/test3_HDTDR.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test3_HDTDR_jj {
+	#test3_HDTDR_c {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_jk {
+	#n_40 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jl {
+	#rectangle_5 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jl {
+	.rectangle_5 {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_jm {
+	#rectangle_5_dd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jm {
+	.rectangle_5_dd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3013,16 +3031,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test3_HDTDR">
-	<img id="test3_HDTDR_jj" src="test3_HDTDR_jj.png" srcset="test3_HDTDR_jj.png 1x, test3_HDTDR_jj@2x.png 2x">
+	<img id="test3_HDTDR_c" src="test3_HDTDR_c.png" srcset="test3_HDTDR_c.png 1x, test3_HDTDR_c@2x.png 2x">
 		
-	<img id="n_upper_banner_jk" src="n_upper_banner_jk.png" srcset="n_upper_banner_jk.png 1x, n_upper_banner_jk@2x.png 2x">
+	<svg class="n_40">
+		<ellipse id="n_40" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner" src="n_upper_banner.png" srcset="n_upper_banner.png 1x, n_upper_banner@2x.png 2x">
 		
-	<svg class="rectangle_5_jl">
-		<rect id="rectangle_5_jl" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5">
+		<rect id="rectangle_5" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_jm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_dd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_dd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3_HDTDR_jj.png b/public/flukemoni/Ex3/test3_HDTDR_c.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_HDTDR_jj.png
rename to public/flukemoni/Ex3/test3_HDTDR_c.png
diff --git a/public/flukemoni/Ex3/test3_HDTDR_jj@2x.png b/public/flukemoni/Ex3/test3_HDTDR_c@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_HDTDR_jj@2x.png
rename to public/flukemoni/Ex3/test3_HDTDR_c@2x.png
diff --git a/public/flukemoni/Ex3/test3_HDTDR_ll.png b/public/flukemoni/Ex3/test3_HDTDR_ll.png
new file mode 100755
index 0000000..c7051b8
Binary files /dev/null and b/public/flukemoni/Ex3/test3_HDTDR_ll.png differ
diff --git a/public/flukemoni/Ex3/test3_HDTDR_ll@2x.png b/public/flukemoni/Ex3/test3_HDTDR_ll@2x.png
new file mode 100755
index 0000000..b1f38fc
Binary files /dev/null and b/public/flukemoni/Ex3/test3_HDTDR_ll@2x.png differ
diff --git a/public/flukemoni/Ex3/test3_HDTDX.html b/public/flukemoni/Ex3/test3_HDTDX.html
old mode 100644
new mode 100755
index b8fe455..06b1e7e
--- a/public/flukemoni/Ex3/test3_HDTDX.html
+++ b/public/flukemoni/Ex3/test3_HDTDX.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test3_HDTDX_jp {
+	#test3_HDTDX_ls {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_jq {
+	#n_40_lt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_lt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_lu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jr {
+	#rectangle_5_lv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jr {
+	.rectangle_5_lv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_js {
+	#rectangle_5_lw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_js {
+	.rectangle_5_lw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3013,16 +3031,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test3_HDTDX">
-	<img id="test3_HDTDX_jp" src="test3_HDTDX_jp.png" srcset="test3_HDTDX_jp.png 1x, test3_HDTDX_jp@2x.png 2x">
+	<img id="test3_HDTDX_ls" src="test3_HDTDX_ls.png" srcset="test3_HDTDX_ls.png 1x, test3_HDTDX_ls@2x.png 2x">
 		
-	<img id="n_upper_banner_jq" src="n_upper_banner_jq.png" srcset="n_upper_banner_jq.png 1x, n_upper_banner_jq@2x.png 2x">
+	<svg class="n_40_lt">
+		<ellipse id="n_40_lt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_lu" src="n_upper_banner_lu.png" srcset="n_upper_banner_lu.png 1x, n_upper_banner_lu@2x.png 2x">
 		
-	<svg class="rectangle_5_jr">
-		<rect id="rectangle_5_jr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lv">
+		<rect id="rectangle_5_lv" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_js">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_js" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3_HDTDX_jp.png b/public/flukemoni/Ex3/test3_HDTDX_ls.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_HDTDX_jp.png
rename to public/flukemoni/Ex3/test3_HDTDX_ls.png
diff --git a/public/flukemoni/Ex3/test3_HDTDX_jp@2x.png b/public/flukemoni/Ex3/test3_HDTDX_ls@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_HDTDX_jp@2x.png
rename to public/flukemoni/Ex3/test3_HDTDX_ls@2x.png
diff --git a/public/flukemoni/Ex3/test3___fault_info.html b/public/flukemoni/Ex3/test3___fault_info.html
old mode 100644
new mode 100755
index d2e2058..df07c82
--- a/public/flukemoni/Ex3/test3___fault_info.html
+++ b/public/flukemoni/Ex3/test3___fault_info.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test3_wiremap_ix {
+	#test3_wiremap_kq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_iy {
+	#n_40_kr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_kr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_ks {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_ks {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_kt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_kt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_53_ku {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_ku {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 306px;
+		top: 277px;
+	}
+	#n_54_kv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_kv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 469px;
+	}
+	#n_55_kw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_kw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 527px;
+	}
+	#n_upper_banner_kx {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +166,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_iz {
+	#rectangle_5_ky {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_iz {
+	.rectangle_5_ky {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +184,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_i {
+	#rectangle_5_kz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_i {
+	.rectangle_5_kz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +202,7 @@
 		left: 21px;
 		top: 46px;
 	}
-	#rectangle_8_jc {
+	#rectangle_8_lc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_jc {
+	.rectangle_8_lc {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -117,7 +225,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ja {
+	#rectangle_8_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -127,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ja {
+	.rectangle_8_la {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -158,7 +266,7 @@
 		--web-action-target: test3_fault_cause.html;
 		cursor: pointer;
 	}
-	#rectangle_7_i {
+	#rectangle_7_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -168,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_i {
+	.rectangle_7_k {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -181,7 +289,7 @@
 		--web-action-target: test3_HDTDR.html;
 		cursor: pointer;
 	}
-	#rectangle_7_ja {
+	#rectangle_7_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -191,7 +299,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_ja {
+	.rectangle_7_la {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -204,7 +312,7 @@
 		--web-action-target: test3_HDTDX.html;
 		cursor: pointer;
 	}
-	#rectangle_8_jb {
+	#rectangle_8_lb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +322,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_jb {
+	.rectangle_8_lb {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -227,7 +335,7 @@
 		--web-action-target: test3___wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_8_jc {
+	#rectangle_8_lc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -237,7 +345,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_jc {
+	.rectangle_8_lc {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -250,7 +358,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_5_ja {
+	#rectangle_5_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -260,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ja {
+	.rectangle_5_k {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3187,48 +3295,72 @@ window.application = new Application();
 </head>
 <body>
 <div id="test3__fault_info">
-	<img id="test3_wiremap_ix" src="test3_wiremap_ix.png" srcset="test3_wiremap_ix.png 1x, test3_wiremap_ix@2x.png 2x">
+	<img id="test3_wiremap_kq" src="test3_wiremap_kq.png" srcset="test3_wiremap_kq.png 1x, test3_wiremap_kq@2x.png 2x">
 		
-	<img id="n_upper_banner_iy" src="n_upper_banner_iy.png" srcset="n_upper_banner_iy.png 1x, n_upper_banner_iy@2x.png 2x">
+	<svg class="n_40_kr">
+		<ellipse id="n_40_kr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_ks">
+		<ellipse id="n_51_ks" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_kt">
+		<ellipse id="n_52_kt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_ku">
+		<ellipse id="n_53_ku" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_kv">
+		<ellipse id="n_54_kv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_kw">
+		<ellipse id="n_55_kw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_kx" src="n_upper_banner_kx.png" srcset="n_upper_banner_kx.png 1x, n_upper_banner_kx@2x.png 2x">
 		
-	<svg class="rectangle_5_iz">
-		<rect id="rectangle_5_iz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ky">
+		<rect id="rectangle_5_ky" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_i">
-		<rect id="rectangle_5_i" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_kz">
+		<rect id="rectangle_5_kz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_jc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_jc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_lc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lc" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ja">
-		<rect id="rectangle_8_ja" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_la">
+		<rect id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 	<svg class="n_4">
 		<rect onclick="application.goToTargetView(event)" id="n_4" rx="10" ry="10" x="0" y="0" width="303" height="184">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_i">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_i" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_k">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_k" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_ja">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_ja" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_la">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_la" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_jb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_jb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_lb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lb" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_jc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_jc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_lc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lc" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ja">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ja" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_k">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3___insertion_loss.html b/public/flukemoni/Ex3/test3___insertion_loss.html
old mode 100644
new mode 100755
index 8940195..73ead55
--- a/public/flukemoni/Ex3/test3___insertion_loss.html
+++ b/public/flukemoni/Ex3/test3___insertion_loss.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_jc {
+	#n_40_lb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_lb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_le {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jd {
+	#rectangle_5_lf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jd {
+	.rectangle_5_lf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_je {
+	#rectangle_5_lg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_je {
+	.rectangle_5_lg {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3059,14 +3113,26 @@ window.application = new Application();
 <div id="test3__insertion_loss">
 	<img id="test3_loss" src="test3_loss.png" srcset="test3_loss.png 1x, test3_loss@2x.png 2x">
 		
-	<img id="n_upper_banner_jc" src="n_upper_banner_jc.png" srcset="n_upper_banner_jc.png 1x, n_upper_banner_jc@2x.png 2x">
+	<svg class="n_40_lb">
+		<ellipse id="n_40_lb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56">
+		<ellipse id="n_56" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57">
+		<ellipse id="n_57" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_le" src="n_upper_banner_le.png" srcset="n_upper_banner_le.png 1x, n_upper_banner_le@2x.png 2x">
 		
-	<svg class="rectangle_5_jd">
-		<rect id="rectangle_5_jd" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lf">
+		<rect id="rectangle_5_lf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_je">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_je" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_lg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lg" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="circle1">
diff --git a/public/flukemoni/Ex3/test3___insertion_loss___1.html b/public/flukemoni/Ex3/test3___insertion_loss___1.html
old mode 100644
new mode 100755
index 58de510..b132aa2
--- a/public/flukemoni/Ex3/test3___insertion_loss___1.html
+++ b/public/flukemoni/Ex3/test3___insertion_loss___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_j {
+	#n_40_ma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_ma {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_j {
+	#rectangle_5_mb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_j {
+	.rectangle_5_mb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3041,10 +3095,22 @@ window.application = new Application();
 <div id="test3__insertion_loss__1">
 	<img id="test3_loss_1" src="test3_loss_1.png" srcset="test3_loss_1.png 1x, test3_loss_1@2x.png 2x">
 		
-	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
+	<svg class="n_40_ma">
+		<ellipse id="n_40_ma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_l">
+		<ellipse id="n_56_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_l">
+		<ellipse id="n_57_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ma" src="n_upper_banner_ma.png" srcset="n_upper_banner_ma.png 1x, n_upper_banner_ma@2x.png 2x">
 		
-	<svg class="rectangle_5_j">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_mb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 	<svg class="circle_3">
diff --git a/public/flukemoni/Ex3/test3___insertion_loss___2.html b/public/flukemoni/Ex3/test3___insertion_loss___2.html
old mode 100644
new mode 100755
index 7fb2028..e9d9832
--- a/public/flukemoni/Ex3/test3___insertion_loss___2.html
+++ b/public/flukemoni/Ex3/test3___insertion_loss___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ka {
+	#n_40_mh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_mh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_mi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_mi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_mj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_mj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_mk {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ka {
+	#rectangle_5_ml {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ka {
+	.rectangle_5_ml {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -81,7 +135,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_kb {
+	#circle_3_mm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -95,7 +149,7 @@
 		--web-action-target: test3___insertion_loss___1.html;
 		cursor: pointer;
 	}
-	.circle_3_kb {
+	.circle_3_mm {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -103,7 +157,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_kc {
+	#circle_4_mn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -117,7 +171,7 @@
 		--web-action-target: test3___insertion_loss___3.html;
 		cursor: pointer;
 	}
-	.circle_4_kc {
+	.circle_4_mn {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3041,18 +3095,30 @@ window.application = new Application();
 <div id="test3__insertion_loss__2">
 	<img id="test3_loss_2" src="test3_loss_2.png" srcset="test3_loss_2.png 1x, test3_loss_2@2x.png 2x">
 		
-	<img id="n_upper_banner_ka" src="n_upper_banner_ka.png" srcset="n_upper_banner_ka.png 1x, n_upper_banner_ka@2x.png 2x">
-		
-	<svg class="rectangle_5_ka">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ka" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_kb">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_kb" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_mh">
+		<ellipse id="n_40_mh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_kc">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_kc" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_mi">
+		<ellipse id="n_56_mi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_mj">
+		<ellipse id="n_57_mj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_mk" src="n_upper_banner_mk.png" srcset="n_upper_banner_mk.png 1x, n_upper_banner_mk@2x.png 2x">
+		
+	<svg class="rectangle_5_ml">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ml" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_mm">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_mm" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_mn">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_mn" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3___insertion_loss___3.html b/public/flukemoni/Ex3/test3___insertion_loss___3.html
old mode 100644
new mode 100755
index 61aea04..ee08327
--- a/public/flukemoni/Ex3/test3___insertion_loss___3.html
+++ b/public/flukemoni/Ex3/test3___insertion_loss___3.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_kg {
+	#n_40_mr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_mr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ms {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ms {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_mt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_mt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_mu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kh {
+	#rectangle_5_mv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kh {
+	.rectangle_5_mv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +134,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_ki {
+	#circle_3_mw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +148,7 @@
 		--web-action-target: test3___insertion_loss___2.html;
 		cursor: pointer;
 	}
-	.circle_3_ki {
+	.circle_3_mw {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +156,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_kj {
+	#circle_4_mx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +170,7 @@
 		--web-action-target: test3___insertion_loss___4.html;
 		cursor: pointer;
 	}
-	.circle_4_kj {
+	.circle_4_mx {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="test3__insertion_loss__3">
 	<img id="test3_loss_3" src="test3_loss_3.png" srcset="test3_loss_3.png 1x, test3_loss_3@2x.png 2x">
 		
-	<img id="n_upper_banner_kg" src="n_upper_banner_kg.png" srcset="n_upper_banner_kg.png 1x, n_upper_banner_kg@2x.png 2x">
-		
-	<svg class="rectangle_5_kh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_kh" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_ki">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ki" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_mr">
+		<ellipse id="n_40_mr" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_kj">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_kj" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_ms">
+		<ellipse id="n_56_ms" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_mt">
+		<ellipse id="n_57_mt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_mu" src="n_upper_banner_mu.png" srcset="n_upper_banner_mu.png 1x, n_upper_banner_mu@2x.png 2x">
+		
+	<svg class="rectangle_5_mv">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_mw">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_mw" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_mx">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_mx" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3___insertion_loss___4.html b/public/flukemoni/Ex3/test3___insertion_loss___4.html
old mode 100644
new mode 100755
index 73fdee4..f712ffb
--- a/public/flukemoni/Ex3/test3___insertion_loss___4.html
+++ b/public/flukemoni/Ex3/test3___insertion_loss___4.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_kn {
+	#n_40_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_m {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ko {
+	#rectangle_5_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ko {
+	.rectangle_5_m {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +134,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_kp {
+	#circle_3_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +148,7 @@
 		--web-action-target: test3___insertion_loss___3.html;
 		cursor: pointer;
 	}
-	.circle_3_kp {
+	.circle_3_m {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +156,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_kq {
+	#circle_4_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +170,7 @@
 		--web-action-target: test3___insertion_loss.html;
 		cursor: pointer;
 	}
-	.circle_4_kq {
+	.circle_4_m {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3040,18 +3094,30 @@ window.application = new Application();
 <div id="test3__insertion_loss__4">
 	<img id="test3_loss_4" src="test3_loss_4.png" srcset="test3_loss_4.png 1x, test3_loss_4@2x.png 2x">
 		
-	<img id="n_upper_banner_kn" src="n_upper_banner_kn.png" srcset="n_upper_banner_kn.png 1x, n_upper_banner_kn@2x.png 2x">
-		
-	<svg class="rectangle_5_ko">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ko" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_kp">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_kp" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_m">
+		<ellipse id="n_40_m" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_kq">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_kq" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_m">
+		<ellipse id="n_56_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_m">
+		<ellipse id="n_57_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
+		
+	<svg class="rectangle_5_m">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_m">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_m" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_m">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_m" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3___perfomance.html b/public/flukemoni/Ex3/test3___perfomance.html
old mode 100644
new mode 100755
index 67bda59..a555f00
--- a/public/flukemoni/Ex3/test3___perfomance.html
+++ b/public/flukemoni/Ex3/test3___perfomance.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_in {
+	#n_40_kd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_kd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_ke {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_ke {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_kf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_kf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_kg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_io {
+	#rectangle_5_kh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_io {
+	.rectangle_5_kh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ip {
+	#rectangle_5_ki {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ip {
+	.rectangle_5_ki {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -99,7 +153,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_iq {
+	#rectangle_8_kj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +163,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_iq {
+	.rectangle_8_kj {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -117,7 +171,7 @@
 		left: 161px;
 		top: 91px;
 	}
-	#rectangle_8_ir {
+	#rectangle_8_kk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -127,7 +181,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ir {
+	.rectangle_8_kk {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -140,7 +194,7 @@
 		--web-action-target: test3___fault_info.html;
 		cursor: pointer;
 	}
-	#rectangle_8_is {
+	#rectangle_8_kl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -150,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_is {
+	.rectangle_8_kl {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -171,7 +225,7 @@
 		top: 537px;
 		overflow: visible;
 	}
-	#rectangle_7_iu {
+	#rectangle_7_kn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -181,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_iu {
+	.rectangle_7_kn {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3109,32 +3163,44 @@ window.application = new Application();
 <div id="test3__perfomance">
 	<img id="test3_performance_1" src="test3_performance_1.png" srcset="test3_performance_1.png 1x, test3_performance_1@2x.png 2x">
 		
-	<img id="n_upper_banner_in" src="n_upper_banner_in.png" srcset="n_upper_banner_in.png 1x, n_upper_banner_in@2x.png 2x">
+	<svg class="n_40_kd">
+		<ellipse id="n_40_kd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_ke">
+		<ellipse id="n_51_ke" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_kf">
+		<ellipse id="n_52_kf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_kg" src="n_upper_banner_kg.png" srcset="n_upper_banner_kg.png 1x, n_upper_banner_kg@2x.png 2x">
 		
-	<svg class="rectangle_5_io">
-		<rect id="rectangle_5_io" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_kh">
+		<rect id="rectangle_5_kh" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ip">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ip" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ki">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ki" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_iq">
-		<rect id="rectangle_8_iq" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_kj">
+		<rect id="rectangle_8_kj" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ir">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ir" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_kk">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_kk" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_is">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_is" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_kl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_kl" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 	<img id="test3_performance_2" src="test3_performance_2.png" srcset="test3_performance_2.png 1x, test3_performance_2@2x.png 2x">
 		
-	<svg class="rectangle_7_iu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_iu" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_kn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_kn" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3___wiremap.html b/public/flukemoni/Ex3/test3___wiremap.html
old mode 100644
new mode 100755
index fe1337f..1754ca3
--- a/public/flukemoni/Ex3/test3___wiremap.html
+++ b/public/flukemoni/Ex3/test3___wiremap.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_if {
+	#n_40_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_52_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_j {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ig {
+	#rectangle_5_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ig {
+	.rectangle_5_j {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ih {
+	#rectangle_5_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ih {
+	.rectangle_5_ka {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -99,7 +153,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ii {
+	#rectangle_8_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -109,7 +163,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ii {
+	.rectangle_8_j {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -122,7 +176,7 @@
 		--web-action-target: test3___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ij {
+	#rectangle_8_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ij {
+	.rectangle_8_ka {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3061,22 +3115,34 @@ window.application = new Application();
 <div id="test3__wiremap">
 	<img id="test3_wiremap" src="test3_wiremap.png" srcset="test3_wiremap.png 1x, test3_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_if" src="n_upper_banner_if.png" srcset="n_upper_banner_if.png 1x, n_upper_banner_if@2x.png 2x">
+	<svg class="n_40_j">
+		<ellipse id="n_40_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_j">
+		<ellipse id="n_51_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_j">
+		<ellipse id="n_52_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_j" src="n_upper_banner_j.png" srcset="n_upper_banner_j.png 1x, n_upper_banner_j@2x.png 2x">
 		
-	<svg class="rectangle_5_ig">
-		<rect id="rectangle_5_ig" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_j">
+		<rect id="rectangle_5_j" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ih">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ih" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ka">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ka" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ii">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ii" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_j">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_j" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ij">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ij" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_ka">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ka" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3_fault_cause.html b/public/flukemoni/Ex3/test3_fault_cause.html
old mode 100644
new mode 100755
index d0193c2..99707d3
--- a/public/flukemoni/Ex3/test3_fault_cause.html
+++ b/public/flukemoni/Ex3/test3_fault_cause.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test3_fault_cause_jv {
+	#test3_fault_cause_lz {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_jw {
+	#n_40_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_l {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_jx {
+	#rectangle_5_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jx {
+	.rectangle_5_l {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_jy {
+	#rectangle_5_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_jy {
+	.rectangle_5_ma {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3013,16 +3031,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test3_fault_cause">
-	<img id="test3_fault_cause_jv" src="test3_fault_cause_jv.png" srcset="test3_fault_cause_jv.png 1x, test3_fault_cause_jv@2x.png 2x">
+	<img id="test3_fault_cause_lz" src="test3_fault_cause_lz.png" srcset="test3_fault_cause_lz.png 1x, test3_fault_cause_lz@2x.png 2x">
 		
-	<img id="n_upper_banner_jw" src="n_upper_banner_jw.png" srcset="n_upper_banner_jw.png 1x, n_upper_banner_jw@2x.png 2x">
+	<svg class="n_40_l">
+		<ellipse id="n_40_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
 		
-	<svg class="rectangle_5_jx">
-		<rect id="rectangle_5_jx" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_l">
+		<rect id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_jy">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_jy" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ma">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ma" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test3_fault_cause_jv.png b/public/flukemoni/Ex3/test3_fault_cause_lz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_fault_cause_jv.png
rename to public/flukemoni/Ex3/test3_fault_cause_lz.png
diff --git a/public/flukemoni/Ex3/test3_fault_cause_jv@2x.png b/public/flukemoni/Ex3/test3_fault_cause_lz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_fault_cause_jv@2x.png
rename to public/flukemoni/Ex3/test3_fault_cause_lz@2x.png
diff --git a/public/flukemoni/Ex3/test3_loss.png b/public/flukemoni/Ex3/test3_loss.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss@2x.png b/public/flukemoni/Ex3/test3_loss@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_1.png b/public/flukemoni/Ex3/test3_loss_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_1@2x.png b/public/flukemoni/Ex3/test3_loss_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_2.png b/public/flukemoni/Ex3/test3_loss_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_2@2x.png b/public/flukemoni/Ex3/test3_loss_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_3.png b/public/flukemoni/Ex3/test3_loss_3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_3@2x.png b/public/flukemoni/Ex3/test3_loss_3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_4.png b/public/flukemoni/Ex3/test3_loss_4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_loss_4@2x.png b/public/flukemoni/Ex3/test3_loss_4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_performance_1.png b/public/flukemoni/Ex3/test3_performance_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_performance_1@2x.png b/public/flukemoni/Ex3/test3_performance_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_performance_2.png b/public/flukemoni/Ex3/test3_performance_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_performance_2@2x.png b/public/flukemoni/Ex3/test3_performance_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_wiremap.png b/public/flukemoni/Ex3/test3_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_wiremap@2x.png b/public/flukemoni/Ex3/test3_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test3_wiremap_ix.png b/public/flukemoni/Ex3/test3_wiremap_kq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_wiremap_ix.png
rename to public/flukemoni/Ex3/test3_wiremap_kq.png
diff --git a/public/flukemoni/Ex3/test3_wiremap_ix@2x.png b/public/flukemoni/Ex3/test3_wiremap_kq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test3_wiremap_ix@2x.png
rename to public/flukemoni/Ex3/test3_wiremap_kq@2x.png
diff --git a/public/flukemoni/Ex3/test4_HDTDR.png b/public/flukemoni/Ex3/test4_HDTDR.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDR@2x.png b/public/flukemoni/Ex3/test4_HDTDR@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDR___1.html b/public/flukemoni/Ex3/test4_HDTDR___1.html
old mode 100644
new mode 100755
index 6c36169..5a29423
--- a/public/flukemoni/Ex3/test4_HDTDR___1.html
+++ b/public/flukemoni/Ex3/test4_HDTDR___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_o {
+	#n_40_tf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_tf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_tg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_o {
+	#rectangle_5_th {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_o {
+	.rectangle_5_th {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_pa {
+	#rectangle_5_ti {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pa {
+	.rectangle_5_ti {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +116,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_o {
+	#circle_3_tj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_3_o {
+	.circle_3_tj {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -116,7 +134,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_o {
+	#circle_4_tk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_4_o {
+	.circle_4_tk {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3050,22 +3068,26 @@ window.application = new Application();
 <div id="test4_HDTDR__1">
 	<img id="test4_HDTDR" src="test4_HDTDR.png" srcset="test4_HDTDR.png 1x, test4_HDTDR@2x.png 2x">
 		
-	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
-		
-	<svg class="rectangle_5_o">
-		<rect id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_pa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pa" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_o">
-		<ellipse id="circle_3_o" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_tf">
+		<ellipse id="n_40_tf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_o">
-		<ellipse id="circle_4_o" rx="17.5" ry="18" cx="17.5" cy="18">
+	<img id="n_upper_banner_tg" src="n_upper_banner_tg.png" srcset="n_upper_banner_tg.png 1x, n_upper_banner_tg@2x.png 2x">
+		
+	<svg class="rectangle_5_th">
+		<rect id="rectangle_5_th" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_ti">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ti" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_tj">
+		<ellipse id="circle_3_tj" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_tk">
+		<ellipse id="circle_4_tk" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX.png b/public/flukemoni/Ex3/test4_HDTDX.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX@2x.png b/public/flukemoni/Ex3/test4_HDTDX@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX_.html b/public/flukemoni/Ex3/test4_HDTDX_.html
old mode 100644
new mode 100755
index 14fa943..ce555d6
--- a/public/flukemoni/Ex3/test4_HDTDX_.html
+++ b/public/flukemoni/Ex3/test4_HDTDX_.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_pa {
+	#n_40_to {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_to {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_tp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_tp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_tq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_tq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_tr {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pb {
+	#rectangle_5_ts {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pb {
+	.rectangle_5_ts {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_pc {
+	#rectangle_5_tt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pc {
+	.rectangle_5_tt {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_pc {
+	#circle_3_tu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___6.html;
 		cursor: pointer;
 	}
-	.circle_3_pc {
+	.circle_3_tu {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_pd {
+	#circle_4_tv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___1.html;
 		cursor: pointer;
 	}
-	.circle_4_pd {
+	.circle_4_tv {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX_">
 	<img id="test4_HDTDX" src="test4_HDTDX.png" srcset="test4_HDTDX.png 1x, test4_HDTDX@2x.png 2x">
 		
-	<img id="n_upper_banner_pa" src="n_upper_banner_pa.png" srcset="n_upper_banner_pa.png 1x, n_upper_banner_pa@2x.png 2x">
-		
-	<svg class="rectangle_5_pb">
-		<rect id="rectangle_5_pb" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_pc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pc" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_pc">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_pc" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_to">
+		<ellipse id="n_40_to" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_pd">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_pd" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_tp">
+		<ellipse id="n_56_tp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_tq">
+		<ellipse id="n_57_tq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_tr" src="n_upper_banner_tr.png" srcset="n_upper_banner_tr.png 1x, n_upper_banner_tr@2x.png 2x">
+		
+	<svg class="rectangle_5_ts">
+		<rect id="rectangle_5_ts" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_tt">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_tu">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_tu" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_tv">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_tv" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1236.png b/public/flukemoni/Ex3/test4_HDTDX__1236.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1236@2x.png b/public/flukemoni/Ex3/test4_HDTDX__1236@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1245.png b/public/flukemoni/Ex3/test4_HDTDX__1245.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1245@2x.png b/public/flukemoni/Ex3/test4_HDTDX__1245@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1278.png b/public/flukemoni/Ex3/test4_HDTDX__1278.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__1278@2x.png b/public/flukemoni/Ex3/test4_HDTDX__1278@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__3645.png b/public/flukemoni/Ex3/test4_HDTDX__3645.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__3645@2x.png b/public/flukemoni/Ex3/test4_HDTDX__3645@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__3678.png b/public/flukemoni/Ex3/test4_HDTDX__3678.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__3678@2x.png b/public/flukemoni/Ex3/test4_HDTDX__3678@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__4578.png b/public/flukemoni/Ex3/test4_HDTDX__4578.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX__4578@2x.png b/public/flukemoni/Ex3/test4_HDTDX__4578@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_HDTDX___1.html b/public/flukemoni/Ex3/test4_HDTDX___1.html
old mode 100644
new mode 100755
index 34d909b..29f65af
--- a/public/flukemoni/Ex3/test4_HDTDX___1.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ph {
+	#n_40_tz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_tz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_t {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pi {
+	#rectangle_5_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pi {
+	.rectangle_5_t {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_pj {
+	#rectangle_5_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pj {
+	.rectangle_5_ua {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_pk {
+	#circle_3_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX_.html;
 		cursor: pointer;
 	}
-	.circle_3_pk {
+	.circle_3_t {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_pl {
+	#circle_4_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___2.html;
 		cursor: pointer;
 	}
-	.circle_4_pl {
+	.circle_4_t {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__1">
 	<img id="test4_HDTDX__1236" src="test4_HDTDX__1236.png" srcset="test4_HDTDX__1236.png 1x, test4_HDTDX__1236@2x.png 2x">
 		
-	<img id="n_upper_banner_ph" src="n_upper_banner_ph.png" srcset="n_upper_banner_ph.png 1x, n_upper_banner_ph@2x.png 2x">
-		
-	<svg class="rectangle_5_pi">
-		<rect id="rectangle_5_pi" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_pj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pj" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_pk">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_pk" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_tz">
+		<ellipse id="n_40_tz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_pl">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_pl" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_t">
+		<ellipse id="n_56_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_t">
+		<ellipse id="n_57_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_t" src="n_upper_banner_t.png" srcset="n_upper_banner_t.png 1x, n_upper_banner_t@2x.png 2x">
+		
+	<svg class="rectangle_5_t">
+		<rect id="rectangle_5_t" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_ua">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ua" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_t">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_t" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_t">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_t" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX___2.html b/public/flukemoni/Ex3/test4_HDTDX___2.html
old mode 100644
new mode 100755
index c5f0faf..a7c3fbe
--- a/public/flukemoni/Ex3/test4_HDTDX___2.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_pp {
+	#n_40_ua {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ua {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ub {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ub {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_uc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_uc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_ud {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_pq {
+	#rectangle_5_ue {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pq {
+	.rectangle_5_ue {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_pr {
+	#rectangle_5_uf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pr {
+	.rectangle_5_uf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_ps {
+	#circle_3_ug {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___1.html;
 		cursor: pointer;
 	}
-	.circle_3_ps {
+	.circle_3_ug {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_pt {
+	#circle_4_uh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___3.html;
 		cursor: pointer;
 	}
-	.circle_4_pt {
+	.circle_4_uh {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__2">
 	<img id="test4_HDTDX__1245" src="test4_HDTDX__1245.png" srcset="test4_HDTDX__1245.png 1x, test4_HDTDX__1245@2x.png 2x">
 		
-	<img id="n_upper_banner_pp" src="n_upper_banner_pp.png" srcset="n_upper_banner_pp.png 1x, n_upper_banner_pp@2x.png 2x">
-		
-	<svg class="rectangle_5_pq">
-		<rect id="rectangle_5_pq" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_pr">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pr" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_ps">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ps" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_ua">
+		<ellipse id="n_40_ua" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_pt">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_pt" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_ub">
+		<ellipse id="n_56_ub" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_uc">
+		<ellipse id="n_57_uc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ud" src="n_upper_banner_ud.png" srcset="n_upper_banner_ud.png 1x, n_upper_banner_ud@2x.png 2x">
+		
+	<svg class="rectangle_5_ue">
+		<rect id="rectangle_5_ue" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_uf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_ug">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ug" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_uh">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_uh" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX___3.html b/public/flukemoni/Ex3/test4_HDTDX___3.html
old mode 100644
new mode 100755
index 8bf6b08..e6dc801
--- a/public/flukemoni/Ex3/test4_HDTDX___3.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___3.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_px {
+	#n_40_ul {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ul {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_um {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_um {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_un {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_un {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_uo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_py {
+	#rectangle_5_up {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_py {
+	.rectangle_5_up {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_pz {
+	#rectangle_5_uq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_pz {
+	.rectangle_5_uq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_p {
+	#circle_3_ur {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___2.html;
 		cursor: pointer;
 	}
-	.circle_3_p {
+	.circle_3_ur {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_p {
+	#circle_4_us {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___4.html;
 		cursor: pointer;
 	}
-	.circle_4_p {
+	.circle_4_us {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__3">
 	<img id="test4_HDTDX__1278" src="test4_HDTDX__1278.png" srcset="test4_HDTDX__1278.png 1x, test4_HDTDX__1278@2x.png 2x">
 		
-	<img id="n_upper_banner_px" src="n_upper_banner_px.png" srcset="n_upper_banner_px.png 1x, n_upper_banner_px@2x.png 2x">
-		
-	<svg class="rectangle_5_py">
-		<rect id="rectangle_5_py" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_pz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pz" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_p">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_p" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_ul">
+		<ellipse id="n_40_ul" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_p">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_p" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_um">
+		<ellipse id="n_56_um" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_un">
+		<ellipse id="n_57_un" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_uo" src="n_upper_banner_uo.png" srcset="n_upper_banner_uo.png 1x, n_upper_banner_uo@2x.png 2x">
+		
+	<svg class="rectangle_5_up">
+		<rect id="rectangle_5_up" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_uq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_ur">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ur" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_us">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_us" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX___4.html b/public/flukemoni/Ex3/test4_HDTDX___4.html
old mode 100644
new mode 100755
index fa46e16..6fcd686
--- a/public/flukemoni/Ex3/test4_HDTDX___4.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___4.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_p {
+	#n_40_uw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_uw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ux {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ux {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_uy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_uy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_uz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_p {
+	#rectangle_5_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_p {
+	.rectangle_5_u {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_qa {
+	#rectangle_5_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qa {
+	.rectangle_5_va {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_qa {
+	#circle_3_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___3.html;
 		cursor: pointer;
 	}
-	.circle_3_qa {
+	.circle_3_u {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_qa {
+	#circle_4_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___5.html;
 		cursor: pointer;
 	}
-	.circle_4_qa {
+	.circle_4_u {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__4">
 	<img id="test4_HDTDX__3645" src="test4_HDTDX__3645.png" srcset="test4_HDTDX__3645.png 1x, test4_HDTDX__3645@2x.png 2x">
 		
-	<img id="n_upper_banner_p" src="n_upper_banner_p.png" srcset="n_upper_banner_p.png 1x, n_upper_banner_p@2x.png 2x">
-		
-	<svg class="rectangle_5_p">
-		<rect id="rectangle_5_p" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_qa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qa" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_qa">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_qa" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_uw">
+		<ellipse id="n_40_uw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_qa">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_qa" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_ux">
+		<ellipse id="n_56_ux" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_uy">
+		<ellipse id="n_57_uy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_uz" src="n_upper_banner_uz.png" srcset="n_upper_banner_uz.png 1x, n_upper_banner_uz@2x.png 2x">
+		
+	<svg class="rectangle_5_u">
+		<rect id="rectangle_5_u" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_va">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_va" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_u">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_u" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_u">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_u" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX___5.html b/public/flukemoni/Ex3/test4_HDTDX___5.html
old mode 100644
new mode 100755
index c60b4b5..0391df7
--- a/public/flukemoni/Ex3/test4_HDTDX___5.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___5.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_qd {
+	#n_40_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_va {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qe {
+	#rectangle_5_vb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qe {
+	.rectangle_5_vb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_qf {
+	#rectangle_5_vc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qf {
+	.rectangle_5_vc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_qg {
+	#circle_3_vd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___4.html;
 		cursor: pointer;
 	}
-	.circle_3_qg {
+	.circle_3_vd {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_qh {
+	#circle_4_ve {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX___6.html;
 		cursor: pointer;
 	}
-	.circle_4_qh {
+	.circle_4_ve {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__5">
 	<img id="test4_HDTDX__3678" src="test4_HDTDX__3678.png" srcset="test4_HDTDX__3678.png 1x, test4_HDTDX__3678@2x.png 2x">
 		
-	<img id="n_upper_banner_qd" src="n_upper_banner_qd.png" srcset="n_upper_banner_qd.png 1x, n_upper_banner_qd@2x.png 2x">
-		
-	<svg class="rectangle_5_qe">
-		<rect id="rectangle_5_qe" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_qf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qf" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_qg">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_qg" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_u">
+		<ellipse id="n_40_u" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_qh">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_qh" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_u">
+		<ellipse id="n_56_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_u">
+		<ellipse id="n_57_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_va" src="n_upper_banner_va.png" srcset="n_upper_banner_va.png 1x, n_upper_banner_va@2x.png 2x">
+		
+	<svg class="rectangle_5_vb">
+		<rect id="rectangle_5_vb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_vc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_vd">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_vd" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_ve">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ve" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_HDTDX___6.html b/public/flukemoni/Ex3/test4_HDTDX___6.html
old mode 100644
new mode 100755
index bdb8d52..939da8b
--- a/public/flukemoni/Ex3/test4_HDTDX___6.html
+++ b/public/flukemoni/Ex3/test4_HDTDX___6.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ql {
+	#n_40_vi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_vi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_vj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_vj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_vk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_vk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_vl {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qm {
+	#rectangle_5_vm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qm {
+	.rectangle_5_vm {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_qn {
+	#rectangle_5_vn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qn {
+	.rectangle_5_vn {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_qo {
+	#circle_3_vo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test4_HDTDX___5.html;
 		cursor: pointer;
 	}
-	.circle_3_qo {
+	.circle_3_vo {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_qp {
+	#circle_4_vp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test4_HDTDX_.html;
 		cursor: pointer;
 	}
-	.circle_4_qp {
+	.circle_4_vp {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test4_HDTDX__6">
 	<img id="test4_HDTDX__4578" src="test4_HDTDX__4578.png" srcset="test4_HDTDX__4578.png 1x, test4_HDTDX__4578@2x.png 2x">
 		
-	<img id="n_upper_banner_ql" src="n_upper_banner_ql.png" srcset="n_upper_banner_ql.png 1x, n_upper_banner_ql@2x.png 2x">
-		
-	<svg class="rectangle_5_qm">
-		<rect id="rectangle_5_qm" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_qn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qn" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_qo">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_qo" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_vi">
+		<ellipse id="n_40_vi" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_qp">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_qp" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_vj">
+		<ellipse id="n_56_vj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_vk">
+		<ellipse id="n_57_vk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_vl" src="n_upper_banner_vl.png" srcset="n_upper_banner_vl.png 1x, n_upper_banner_vl@2x.png 2x">
+		
+	<svg class="rectangle_5_vm">
+		<rect id="rectangle_5_vm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_vn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_vo">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_vo" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_vp">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_vp" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4___fault_info.html b/public/flukemoni/Ex3/test4___fault_info.html
old mode 100644
new mode 100755
index 392e059..6d5399e
--- a/public/flukemoni/Ex3/test4___fault_info.html
+++ b/public/flukemoni/Ex3/test4___fault_info.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ku {
+	#n_40_nb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_nb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_nc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_nc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_nd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_nd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_53_ne {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_ne {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 306px;
+		top: 277px;
+	}
+	#n_54_nf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_nf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 469px;
+	}
+	#n_55_ng {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_ng {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 527px;
+	}
+	#n_upper_banner_nh {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +166,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_kv {
+	#rectangle_5_ni {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kv {
+	.rectangle_5_ni {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +184,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_kw {
+	#rectangle_5_nj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_kw {
+	.rectangle_5_nj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -94,7 +202,7 @@
 		left: 21px;
 		top: 46px;
 	}
-	#rectangle_8_la {
+	#rectangle_8_nq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_la {
+	.rectangle_8_nq {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -116,7 +224,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ky {
+	#rectangle_8_nl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ky {
+	.rectangle_8_nl {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -134,7 +242,7 @@
 		left: 321px;
 		top: 91px;
 	}
-	#n_4_kz {
+	#n_4_nm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_4_kz {
+	.n_4_nm {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -156,7 +264,7 @@
 		--web-action-target: test4_fault_cause.html;
 		cursor: pointer;
 	}
-	#rectangle_7_k {
+	#rectangle_7_nn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_k {
+	.rectangle_7_nn {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -178,7 +286,7 @@
 		--web-action-target: test4_HDTDR___1.html;
 		cursor: pointer;
 	}
-	#rectangle_7_la {
+	#rectangle_7_no {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_la {
+	.rectangle_7_no {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -200,7 +308,7 @@
 		--web-action-target: test4_HDTDX_.html;
 		cursor: pointer;
 	}
-	#rectangle_8_k {
+	#rectangle_8_np {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_k {
+	.rectangle_8_np {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -222,7 +330,7 @@
 		--web-action-target: test4__wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_8_la {
+	#rectangle_8_nq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +340,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_la {
+	.rectangle_8_nq {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -244,7 +352,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#rectangle_5_k {
+	#rectangle_5_nr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -254,7 +362,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_k {
+	.rectangle_5_nr {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3182,46 +3290,70 @@ window.application = new Application();
 <div id="test4__fault_info">
 	<img id="test4_fault_info" src="test4_fault_info.png" srcset="test4_fault_info.png 1x, test4_fault_info@2x.png 2x">
 		
-	<img id="n_upper_banner_ku" src="n_upper_banner_ku.png" srcset="n_upper_banner_ku.png 1x, n_upper_banner_ku@2x.png 2x">
+	<svg class="n_40_nb">
+		<ellipse id="n_40_nb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_nc">
+		<ellipse id="n_51_nc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_nd">
+		<ellipse id="n_52_nd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_ne">
+		<ellipse id="n_53_ne" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_nf">
+		<ellipse id="n_54_nf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_ng">
+		<ellipse id="n_55_ng" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_nh" src="n_upper_banner_nh.png" srcset="n_upper_banner_nh.png 1x, n_upper_banner_nh@2x.png 2x">
 		
-	<svg class="rectangle_5_kv">
-		<rect id="rectangle_5_kv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ni">
+		<rect id="rectangle_5_ni" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_kw">
-		<rect id="rectangle_5_kw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_nj">
+		<rect id="rectangle_5_nj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_la">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_nq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_nq" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ky">
-		<rect id="rectangle_8_ky" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_nl">
+		<rect id="rectangle_8_nl" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="n_4_kz">
-		<rect onclick="application.goToTargetView(event)" id="n_4_kz" rx="10" ry="10" x="0" y="0" width="303" height="184">
+	<svg class="n_4_nm">
+		<rect onclick="application.goToTargetView(event)" id="n_4_nm" rx="10" ry="10" x="0" y="0" width="303" height="184">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_k">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_k" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_nn">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_nn" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_la">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_la" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_no">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_no" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_k">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_k" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_np">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_np" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_la">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_la" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_nq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_nq" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_k">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_k" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_nr">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nr" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4___perfomance___1.html b/public/flukemoni/Ex3/test4___perfomance___1.html
old mode 100644
new mode 100755
index 38d9610..a7942ca
--- a/public/flukemoni/Ex3/test4___perfomance___1.html
+++ b/public/flukemoni/Ex3/test4___perfomance___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_lg {
+	#n_40_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_n {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_lh {
+	#rectangle_5_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lh {
+	.rectangle_5_oa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_li {
+	#rectangle_5_ob {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_li {
+	.rectangle_5_ob {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_lj {
+	#rectangle_8_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_lj {
+	.rectangle_8_oc {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -116,7 +170,7 @@
 		left: 161px;
 		top: 91px;
 	}
-	#rectangle_8_lk {
+	#rectangle_8_od {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_lk {
+	.rectangle_8_od {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -138,7 +192,7 @@
 		--web-action-target: test4___fault_info.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ll {
+	#rectangle_8_oe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +202,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ll {
+	.rectangle_8_oe {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -160,7 +214,7 @@
 		--web-action-target: test4__wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_7_lm {
+	#rectangle_7_of {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +224,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_lm {
+	.rectangle_7_of {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3106,30 +3160,42 @@ window.application = new Application();
 <div id="test4__perfomance__1">
 	<img id="test4_performance_1" src="test4_performance_1.png" srcset="test4_performance_1.png 1x, test4_performance_1@2x.png 2x">
 		
-	<img id="n_upper_banner_lg" src="n_upper_banner_lg.png" srcset="n_upper_banner_lg.png 1x, n_upper_banner_lg@2x.png 2x">
+	<svg class="n_40_n">
+		<ellipse id="n_40_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_n">
+		<ellipse id="n_51_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_n">
+		<ellipse id="n_52_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
 		
-	<svg class="rectangle_5_lh">
-		<rect id="rectangle_5_lh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_oa">
+		<rect id="rectangle_5_oa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_li">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_li" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ob">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ob" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_lj">
-		<rect id="rectangle_8_lj" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_oc">
+		<rect id="rectangle_8_oc" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_lk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lk" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_od">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_od" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ll">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ll" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_oe">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_oe" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_lm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_lm" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_of">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_of" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 	<img id="test4_performance_2" src="test4_performance_2.png" srcset="test4_performance_2.png 1x, test4_performance_2@2x.png 2x">
diff --git a/public/flukemoni/Ex3/test4__wiremap.html b/public/flukemoni/Ex3/test4__wiremap.html
old mode 100644
new mode 100755
index 013b1fb..bb7070c
--- a/public/flukemoni/Ex3/test4__wiremap.html
+++ b/public/flukemoni/Ex3/test4__wiremap.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test4_wiremap_k {
+	#test4_wiremap_nu {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_k {
+	#n_40_nv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_nv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_nw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_nw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_52_nx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_nx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_ny {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_la {
+	#rectangle_5_nz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_la {
+	.rectangle_5_nz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_lb {
+	#rectangle_5_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_lb {
+	.rectangle_5_n {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_lb {
+	#rectangle_8_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_lb {
+	.rectangle_8_n {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_lc {
+	#rectangle_8_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_lc {
+	.rectangle_8_oa {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3056,24 +3110,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="test4_wiremap">
-	<img id="test4_wiremap_k" src="test4_wiremap_k.png" srcset="test4_wiremap_k.png 1x, test4_wiremap_k@2x.png 2x">
+	<img id="test4_wiremap_nu" src="test4_wiremap_nu.png" srcset="test4_wiremap_nu.png 1x, test4_wiremap_nu@2x.png 2x">
 		
-	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
+	<svg class="n_40_nv">
+		<ellipse id="n_40_nv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_nw">
+		<ellipse id="n_51_nw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_nx">
+		<ellipse id="n_52_nx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ny" src="n_upper_banner_ny.png" srcset="n_upper_banner_ny.png 1x, n_upper_banner_ny@2x.png 2x">
 		
-	<svg class="rectangle_5_la">
-		<rect id="rectangle_5_la" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_nz">
+		<rect id="rectangle_5_nz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_lb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_lb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_n">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_lb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_n">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_n" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_lc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_lc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_oa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_oa" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_fault_cause.html b/public/flukemoni/Ex3/test4_fault_cause.html
old mode 100644
new mode 100755
index f5007f2..320feba
--- a/public/flukemoni/Ex3/test4_fault_cause.html
+++ b/public/flukemoni/Ex3/test4_fault_cause.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test4_fault_cause_ou {
+	#test4_fault_cause_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ov {
+	#n_40_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_ta {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ow {
+	#rectangle_5_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ow {
+	.rectangle_5_ta {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ox {
+	#rectangle_5_tb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ox {
+	.rectangle_5_tb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test4_fault_cause">
-	<img id="test4_fault_cause_ou" src="test4_fault_cause_ou.png" srcset="test4_fault_cause_ou.png 1x, test4_fault_cause_ou@2x.png 2x">
+	<img id="test4_fault_cause_s" src="test4_fault_cause_s.png" srcset="test4_fault_cause_s.png 1x, test4_fault_cause_s@2x.png 2x">
 		
-	<img id="n_upper_banner_ov" src="n_upper_banner_ov.png" srcset="n_upper_banner_ov.png 1x, n_upper_banner_ov@2x.png 2x">
+	<svg class="n_40_s">
+		<ellipse id="n_40_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ta" src="n_upper_banner_ta.png" srcset="n_upper_banner_ta.png 1x, n_upper_banner_ta@2x.png 2x">
 		
-	<svg class="rectangle_5_ow">
-		<rect id="rectangle_5_ow" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ta">
+		<rect id="rectangle_5_ta" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ox">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ox" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_tb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_fault_cause_ou.png b/public/flukemoni/Ex3/test4_fault_cause_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_fault_cause_ou.png
rename to public/flukemoni/Ex3/test4_fault_cause_s.png
diff --git a/public/flukemoni/Ex3/test4_fault_cause_ou@2x.png b/public/flukemoni/Ex3/test4_fault_cause_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_fault_cause_ou@2x.png
rename to public/flukemoni/Ex3/test4_fault_cause_s@2x.png
diff --git a/public/flukemoni/Ex3/test4_fault_info.png b/public/flukemoni/Ex3/test4_fault_info.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_fault_info@2x.png b/public/flukemoni/Ex3/test4_fault_info@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main.png b/public/flukemoni/Ex3/test4_next_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main@2x.png b/public/flukemoni/Ex3/test4_next_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1.html b/public/flukemoni/Ex3/test4_next_main_1.html
old mode 100644
new mode 100755
index 374c48e..82610f0
--- a/public/flukemoni/Ex3/test4_next_main_1.html
+++ b/public/flukemoni/Ex3/test4_next_main_1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_lr {
+	#n_40_ok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ol {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ol {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_om {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_om {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_oo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ls {
+	#rectangle_5_op {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ls {
+	.rectangle_5_op {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_lt {
+	#circle_3_oq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___3.html;
 		cursor: pointer;
 	}
-	.circle_3_lt {
+	.circle_3_oq {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_lu {
+	#circle_4_or {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___4.html;
 		cursor: pointer;
 	}
-	.circle_4_lu {
+	.circle_4_or {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3062,18 +3134,34 @@ window.application = new Application();
 <div id="test4_next_main_1">
 	<img id="test4_next_main" src="test4_next_main.png" srcset="test4_next_main.png 1x, test4_next_main@2x.png 2x">
 		
-	<img id="n_upper_banner_lr" src="n_upper_banner_lr.png" srcset="n_upper_banner_lr.png 1x, n_upper_banner_lr@2x.png 2x">
-		
-	<svg class="rectangle_5_ls">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ls" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_lt">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_lt" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_ok">
+		<ellipse id="n_40_ok" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_lu">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_lu" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_ol">
+		<ellipse id="n_56_ol" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_om">
+		<ellipse id="n_57_om" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58">
+		<ellipse id="n_58" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_oo" src="n_upper_banner_oo.png" srcset="n_upper_banner_oo.png 1x, n_upper_banner_oo@2x.png 2x">
+		
+	<svg class="rectangle_5_op">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_op" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_oq">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_oq" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_or">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_or" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 	<svg class="remote">
diff --git a/public/flukemoni/Ex3/test4_next_main_1236.png b/public/flukemoni/Ex3/test4_next_main_1236.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1236@2x.png b/public/flukemoni/Ex3/test4_next_main_1236@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1245.png b/public/flukemoni/Ex3/test4_next_main_1245.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1245@2x.png b/public/flukemoni/Ex3/test4_next_main_1245@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1278.png b/public/flukemoni/Ex3/test4_next_main_1278.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1278@2x.png b/public/flukemoni/Ex3/test4_next_main_1278@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_1___1.html b/public/flukemoni/Ex3/test4_next_main_1___1.html
old mode 100644
new mode 100755
index 5ea4e8d..d92e3e9
--- a/public/flukemoni/Ex3/test4_next_main_1___1.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_l {
+	#n_40_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_pa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_pa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_pb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_pb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_pc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ma {
+	#rectangle_5_pd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ma {
+	.rectangle_5_pd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_ma {
+	#circle_3_pe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___6.html;
 		cursor: pointer;
 	}
-	.circle_3_ma {
+	.circle_3_pe {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_ma {
+	#circle_4_pf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___2.html;
 		cursor: pointer;
 	}
-	.circle_4_ma {
+	.circle_4_pf {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_mb {
+	#remote_pg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_mb {
+	.remote_pg {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__1">
 	<img id="test4_next_main_3645" src="test4_next_main_3645.png" srcset="test4_next_main_3645.png 1x, test4_next_main_3645@2x.png 2x">
 		
-	<img id="n_upper_banner_l" src="n_upper_banner_l.png" srcset="n_upper_banner_l.png 1x, n_upper_banner_l@2x.png 2x">
+	<svg class="n_40_o">
+		<ellipse id="n_40_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_o">
+		<ellipse id="n_56_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_pa">
+		<ellipse id="n_57_pa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_pb">
+		<ellipse id="n_58_pb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_pc" src="n_upper_banner_pc.png" srcset="n_upper_banner_pc.png 1x, n_upper_banner_pc@2x.png 2x">
 		
-	<svg class="rectangle_5_ma">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ma" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_pd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_ma">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ma" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_pe">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_pe" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ma">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ma" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_pf">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_pf" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_mb">
-		<rect onclick="application.goToTargetView(event)" id="remote_mb" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_pg">
+		<rect onclick="application.goToTargetView(event)" id="remote_pg" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_1___2.html b/public/flukemoni/Ex3/test4_next_main_1___2.html
old mode 100644
new mode 100755
index 94c66bf..bc0b1ca
--- a/public/flukemoni/Ex3/test4_next_main_1___2.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_mf {
+	#n_40_pk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_pk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_pl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_pl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_pm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_pm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_pn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_pn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_po {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mg {
+	#rectangle_5_pp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mg {
+	.rectangle_5_pp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_mh {
+	#circle_3_pq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___1.html;
 		cursor: pointer;
 	}
-	.circle_3_mh {
+	.circle_3_pq {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_mi {
+	#circle_4_pr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___3.html;
 		cursor: pointer;
 	}
-	.circle_4_mi {
+	.circle_4_pr {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_mj {
+	#remote_ps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_mj {
+	.remote_ps {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__2">
 	<img id="test4_next_main_3678" src="test4_next_main_3678.png" srcset="test4_next_main_3678.png 1x, test4_next_main_3678@2x.png 2x">
 		
-	<img id="n_upper_banner_mf" src="n_upper_banner_mf.png" srcset="n_upper_banner_mf.png 1x, n_upper_banner_mf@2x.png 2x">
+	<svg class="n_40_pk">
+		<ellipse id="n_40_pk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_pl">
+		<ellipse id="n_56_pl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_pm">
+		<ellipse id="n_57_pm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_pn">
+		<ellipse id="n_58_pn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_po" src="n_upper_banner_po.png" srcset="n_upper_banner_po.png 1x, n_upper_banner_po@2x.png 2x">
 		
-	<svg class="rectangle_5_mg">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_pp">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_pp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_mh">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_mh" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_pq">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_pq" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_mi">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_mi" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_pr">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_pr" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_mj">
-		<rect onclick="application.goToTargetView(event)" id="remote_mj" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_ps">
+		<rect onclick="application.goToTargetView(event)" id="remote_ps" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_1___3.html b/public/flukemoni/Ex3/test4_next_main_1___3.html
old mode 100644
new mode 100755
index a95a6b0..53e18d7
--- a/public/flukemoni/Ex3/test4_next_main_1___3.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_mn {
+	#n_40_pw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_pw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_px {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_px {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_py {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_py {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_pz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_pz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_p {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mo {
+	#rectangle_5_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mo {
+	.rectangle_5_p {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_mp {
+	#circle_3_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___2.html;
 		cursor: pointer;
 	}
-	.circle_3_mp {
+	.circle_3_p {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_mq {
+	#circle_4_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1.html;
 		cursor: pointer;
 	}
-	.circle_4_mq {
+	.circle_4_p {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_mr {
+	#remote_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_mr {
+	.remote_p {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__3">
 	<img id="test4_next_main_4578" src="test4_next_main_4578.png" srcset="test4_next_main_4578.png 1x, test4_next_main_4578@2x.png 2x">
 		
-	<img id="n_upper_banner_mn" src="n_upper_banner_mn.png" srcset="n_upper_banner_mn.png 1x, n_upper_banner_mn@2x.png 2x">
+	<svg class="n_40_pw">
+		<ellipse id="n_40_pw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_px">
+		<ellipse id="n_56_px" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_py">
+		<ellipse id="n_57_py" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_pz">
+		<ellipse id="n_58_pz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_p" src="n_upper_banner_p.png" srcset="n_upper_banner_p.png 1x, n_upper_banner_p@2x.png 2x">
 		
-	<svg class="rectangle_5_mo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_p" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_mp">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_mp" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_p">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_p" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_mq">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_mq" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_p">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_p" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_mr">
-		<rect onclick="application.goToTargetView(event)" id="remote_mr" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_p">
+		<rect onclick="application.goToTargetView(event)" id="remote_p" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_1___4.html b/public/flukemoni/Ex3/test4_next_main_1___4.html
old mode 100644
new mode 100755
index 846fa60..1d6e16b
--- a/public/flukemoni/Ex3/test4_next_main_1___4.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___4.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_mv {
+	#n_40_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_qa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_qa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_qb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_qb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_qc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_mw {
+	#rectangle_5_qd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_mw {
+	.rectangle_5_qd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_mx {
+	#circle_3_qe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1.html;
 		cursor: pointer;
 	}
-	.circle_3_mx {
+	.circle_3_qe {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_my {
+	#circle_4_qf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___5.html;
 		cursor: pointer;
 	}
-	.circle_4_my {
+	.circle_4_qf {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_mz {
+	#remote_qg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_mz {
+	.remote_qg {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__4">
 	<img id="test4_next_main_1236" src="test4_next_main_1236.png" srcset="test4_next_main_1236.png 1x, test4_next_main_1236@2x.png 2x">
 		
-	<img id="n_upper_banner_mv" src="n_upper_banner_mv.png" srcset="n_upper_banner_mv.png 1x, n_upper_banner_mv@2x.png 2x">
+	<svg class="n_40_p">
+		<ellipse id="n_40_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_p">
+		<ellipse id="n_56_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_qa">
+		<ellipse id="n_57_qa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_qb">
+		<ellipse id="n_58_qb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_qc" src="n_upper_banner_qc.png" srcset="n_upper_banner_qc.png 1x, n_upper_banner_qc@2x.png 2x">
 		
-	<svg class="rectangle_5_mw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_mw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_qd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_mx">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_mx" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_qe">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_qe" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_my">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_my" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_qf">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_qf" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_mz">
-		<rect onclick="application.goToTargetView(event)" id="remote_mz" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_qg">
+		<rect onclick="application.goToTargetView(event)" id="remote_qg" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_1___5.html b/public/flukemoni/Ex3/test4_next_main_1___5.html
old mode 100644
new mode 100755
index cbe4076..7bbffae
--- a/public/flukemoni/Ex3/test4_next_main_1___5.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___5.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_m {
+	#n_40_qk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_qk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ql {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ql {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_qm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_qm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_qn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_qn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_qo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_m {
+	#rectangle_5_qp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_m {
+	.rectangle_5_qp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_m {
+	#circle_3_qq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___4.html;
 		cursor: pointer;
 	}
-	.circle_3_m {
+	.circle_3_qq {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_m {
+	#circle_4_qr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___6.html;
 		cursor: pointer;
 	}
-	.circle_4_m {
+	.circle_4_qr {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_m {
+	#remote_qs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_m {
+	.remote_qs {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__5">
 	<img id="test4_next_main_1245" src="test4_next_main_1245.png" srcset="test4_next_main_1245.png 1x, test4_next_main_1245@2x.png 2x">
 		
-	<img id="n_upper_banner_m" src="n_upper_banner_m.png" srcset="n_upper_banner_m.png 1x, n_upper_banner_m@2x.png 2x">
+	<svg class="n_40_qk">
+		<ellipse id="n_40_qk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_ql">
+		<ellipse id="n_56_ql" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_qm">
+		<ellipse id="n_57_qm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_qn">
+		<ellipse id="n_58_qn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_qo" src="n_upper_banner_qo.png" srcset="n_upper_banner_qo.png 1x, n_upper_banner_qo@2x.png 2x">
 		
-	<svg class="rectangle_5_m">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_m" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_qp">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_m">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_m" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_qq">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_qq" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_m">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_m" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_qr">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_qr" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_m">
-		<rect onclick="application.goToTargetView(event)" id="remote_m" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_qs">
+		<rect onclick="application.goToTargetView(event)" id="remote_qs" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_1___6.html b/public/flukemoni/Ex3/test4_next_main_1___6.html
old mode 100644
new mode 100755
index b50ff64..76e090c
--- a/public/flukemoni/Ex3/test4_next_main_1___6.html
+++ b/public/flukemoni/Ex3/test4_next_main_1___6.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_nb {
+	#n_40_qw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_qw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_qx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_qx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_qy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_qy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_qz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_qz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_q {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nc {
+	#rectangle_5_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nc {
+	.rectangle_5_q {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_nd {
+	#circle_3_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_main_1___5.html;
 		cursor: pointer;
 	}
-	.circle_3_nd {
+	.circle_3_q {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_ne {
+	#circle_4_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_main_1___1.html;
 		cursor: pointer;
 	}
-	.circle_4_ne {
+	.circle_4_q {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_nf {
+	#remote_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_nf {
+	.remote_q {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_main_1__6">
 	<img id="test4_next_main_1278" src="test4_next_main_1278.png" srcset="test4_next_main_1278.png 1x, test4_next_main_1278@2x.png 2x">
 		
-	<img id="n_upper_banner_nb" src="n_upper_banner_nb.png" srcset="n_upper_banner_nb.png 1x, n_upper_banner_nb@2x.png 2x">
+	<svg class="n_40_qw">
+		<ellipse id="n_40_qw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_qx">
+		<ellipse id="n_56_qx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_qy">
+		<ellipse id="n_57_qy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_qz">
+		<ellipse id="n_58_qz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
 		
-	<svg class="rectangle_5_nc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_q">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_nd">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_nd" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_q">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_q" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ne">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ne" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_q">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_q" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_nf">
-		<rect onclick="application.goToTargetView(event)" id="remote_nf" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_q">
+		<rect onclick="application.goToTargetView(event)" id="remote_q" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_main_3645.png b/public/flukemoni/Ex3/test4_next_main_3645.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_3645@2x.png b/public/flukemoni/Ex3/test4_next_main_3645@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_3678.png b/public/flukemoni/Ex3/test4_next_main_3678.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_3678@2x.png b/public/flukemoni/Ex3/test4_next_main_3678@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_4578.png b/public/flukemoni/Ex3/test4_next_main_4578.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_main_4578@2x.png b/public/flukemoni/Ex3/test4_next_main_4578@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote.html b/public/flukemoni/Ex3/test4_next_remote.html
old mode 100644
new mode 100755
index 169f955..6ad08f7
--- a/public/flukemoni/Ex3/test4_next_remote.html
+++ b/public/flukemoni/Ex3/test4_next_remote.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test4_next_remote_ly {
+	#test4_next_remote_ov {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_lz {
+	#n_40_ow {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ow {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ox {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ox {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_oy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_oy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_oz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_oz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_o {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_l {
+	#rectangle_5_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_l {
+	.rectangle_5_o {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_l {
+	#circle_3_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___6.html;
 		cursor: pointer;
 	}
-	.circle_3_l {
+	.circle_3_o {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_l {
+	#circle_4_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___1.html;
 		cursor: pointer;
 	}
-	.circle_4_l {
+	.circle_4_o {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_l {
+	#remote_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_l {
+	.remote_o {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="test4_next_remote">
-	<img id="test4_next_remote_ly" src="test4_next_remote_ly.png" srcset="test4_next_remote_ly.png 1x, test4_next_remote_ly@2x.png 2x">
+	<img id="test4_next_remote_ov" src="test4_next_remote_ov.png" srcset="test4_next_remote_ov.png 1x, test4_next_remote_ov@2x.png 2x">
 		
-	<img id="n_upper_banner_lz" src="n_upper_banner_lz.png" srcset="n_upper_banner_lz.png 1x, n_upper_banner_lz@2x.png 2x">
+	<svg class="n_40_ow">
+		<ellipse id="n_40_ow" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_ox">
+		<ellipse id="n_56_ox" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_oy">
+		<ellipse id="n_57_oy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_oz">
+		<ellipse id="n_58_oz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_o" src="n_upper_banner_o.png" srcset="n_upper_banner_o.png 1x, n_upper_banner_o@2x.png 2x">
 		
-	<svg class="rectangle_5_l">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_l" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_o">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_o" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_l">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_l" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_o">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_o" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_l">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_l" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_o">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_o" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_l">
-		<rect onclick="application.goToTargetView(event)" id="remote_l" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_o">
+		<rect onclick="application.goToTargetView(event)" id="remote_o" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote_1236.png b/public/flukemoni/Ex3/test4_next_remote_1236.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_1236@2x.png b/public/flukemoni/Ex3/test4_next_remote_1236@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_1245.png b/public/flukemoni/Ex3/test4_next_remote_1245.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_1245@2x.png b/public/flukemoni/Ex3/test4_next_remote_1245@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_1278.png b/public/flukemoni/Ex3/test4_next_remote_1278.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_1278@2x.png b/public/flukemoni/Ex3/test4_next_remote_1278@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_3645.png b/public/flukemoni/Ex3/test4_next_remote_3645.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_3645@2x.png b/public/flukemoni/Ex3/test4_next_remote_3645@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_3678.png b/public/flukemoni/Ex3/test4_next_remote_3678.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_3678@2x.png b/public/flukemoni/Ex3/test4_next_remote_3678@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_4578.png b/public/flukemoni/Ex3/test4_next_remote_4578.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote_4578@2x.png b/public/flukemoni/Ex3/test4_next_remote_4578@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_next_remote___1.html b/public/flukemoni/Ex3/test4_next_remote___1.html
old mode 100644
new mode 100755
index 551ed0a..f04d569
--- a/public/flukemoni/Ex3/test4_next_remote___1.html
+++ b/public/flukemoni/Ex3/test4_next_remote___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_nj {
+	#n_40_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_rb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_rb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_rc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_nk {
+	#rectangle_5_rd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_nk {
+	.rectangle_5_rd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_nl {
+	#circle_3_re {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote.html;
 		cursor: pointer;
 	}
-	.circle_3_nl {
+	.circle_3_re {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_nm {
+	#circle_4_rf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___2.html;
 		cursor: pointer;
 	}
-	.circle_4_nm {
+	.circle_4_rf {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_nn {
+	#remote_rg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_nn {
+	.remote_rg {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__1">
 	<img id="test4_next_remote_1236" src="test4_next_remote_1236.png" srcset="test4_next_remote_1236.png 1x, test4_next_remote_1236@2x.png 2x">
 		
-	<img id="n_upper_banner_nj" src="n_upper_banner_nj.png" srcset="n_upper_banner_nj.png 1x, n_upper_banner_nj@2x.png 2x">
+	<svg class="n_40_q">
+		<ellipse id="n_40_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_q">
+		<ellipse id="n_56_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_ra">
+		<ellipse id="n_57_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_rb">
+		<ellipse id="n_58_rb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_rc" src="n_upper_banner_rc.png" srcset="n_upper_banner_rc.png 1x, n_upper_banner_rc@2x.png 2x">
 		
-	<svg class="rectangle_5_nk">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_nk" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_rd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_nl">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_nl" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_re">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_re" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_nm">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_nm" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_rf">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_rf" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_nn">
-		<rect onclick="application.goToTargetView(event)" id="remote_nn" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_rg">
+		<rect onclick="application.goToTargetView(event)" id="remote_rg" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote___2.html b/public/flukemoni/Ex3/test4_next_remote___2.html
old mode 100644
new mode 100755
index f5da79f..8d0adaa
--- a/public/flukemoni/Ex3/test4_next_remote___2.html
+++ b/public/flukemoni/Ex3/test4_next_remote___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_nr {
+	#n_40_rk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_rk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_rl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_rl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_rm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_rm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_rn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_rn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_ro {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ns {
+	#rectangle_5_rp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ns {
+	.rectangle_5_rp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_nt {
+	#circle_3_rq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___1.html;
 		cursor: pointer;
 	}
-	.circle_3_nt {
+	.circle_3_rq {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_nu {
+	#circle_4_rr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___3.html;
 		cursor: pointer;
 	}
-	.circle_4_nu {
+	.circle_4_rr {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_nv {
+	#remote_rs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_nv {
+	.remote_rs {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__2">
 	<img id="test4_next_remote_1245" src="test4_next_remote_1245.png" srcset="test4_next_remote_1245.png 1x, test4_next_remote_1245@2x.png 2x">
 		
-	<img id="n_upper_banner_nr" src="n_upper_banner_nr.png" srcset="n_upper_banner_nr.png 1x, n_upper_banner_nr@2x.png 2x">
+	<svg class="n_40_rk">
+		<ellipse id="n_40_rk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_rl">
+		<ellipse id="n_56_rl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_rm">
+		<ellipse id="n_57_rm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_rn">
+		<ellipse id="n_58_rn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ro" src="n_upper_banner_ro.png" srcset="n_upper_banner_ro.png 1x, n_upper_banner_ro@2x.png 2x">
 		
-	<svg class="rectangle_5_ns">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ns" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_rp">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_nt">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_nt" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_rq">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_rq" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_nu">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_nu" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_rr">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_rr" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_nv">
-		<rect onclick="application.goToTargetView(event)" id="remote_nv" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_rs">
+		<rect onclick="application.goToTargetView(event)" id="remote_rs" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote___3.html b/public/flukemoni/Ex3/test4_next_remote___3.html
old mode 100644
new mode 100755
index 7cea754..c90c2d8
--- a/public/flukemoni/Ex3/test4_next_remote___3.html
+++ b/public/flukemoni/Ex3/test4_next_remote___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_nz {
+	#n_40_rw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_rw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_rx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_rx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_ry {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_ry {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_rz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_rz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_r {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_n {
+	#rectangle_5_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_n {
+	.rectangle_5_r {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_n {
+	#circle_3_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___2.html;
 		cursor: pointer;
 	}
-	.circle_3_n {
+	.circle_3_r {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_n {
+	#circle_4_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___4.html;
 		cursor: pointer;
 	}
-	.circle_4_n {
+	.circle_4_r {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_n {
+	#remote_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_n {
+	.remote_r {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__3">
 	<img id="test4_next_remote_1278" src="test4_next_remote_1278.png" srcset="test4_next_remote_1278.png 1x, test4_next_remote_1278@2x.png 2x">
 		
-	<img id="n_upper_banner_nz" src="n_upper_banner_nz.png" srcset="n_upper_banner_nz.png 1x, n_upper_banner_nz@2x.png 2x">
+	<svg class="n_40_rw">
+		<ellipse id="n_40_rw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_rx">
+		<ellipse id="n_56_rx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_ry">
+		<ellipse id="n_57_ry" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_rz">
+		<ellipse id="n_58_rz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
 		
-	<svg class="rectangle_5_n">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_n" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_r">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_n">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_n" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_r">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_r" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_n">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_n" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_r">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_r" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_n">
-		<rect onclick="application.goToTargetView(event)" id="remote_n" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_r">
+		<rect onclick="application.goToTargetView(event)" id="remote_r" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote___4.html b/public/flukemoni/Ex3/test4_next_remote___4.html
old mode 100644
new mode 100755
index 2abe1b4..edcc333
--- a/public/flukemoni/Ex3/test4_next_remote___4.html
+++ b/public/flukemoni/Ex3/test4_next_remote___4.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_n {
+	#n_40_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_sa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_sa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_sb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_sb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_sc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_oa {
+	#rectangle_5_sd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_oa {
+	.rectangle_5_sd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_oa {
+	#circle_3_se {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___3.html;
 		cursor: pointer;
 	}
-	.circle_3_oa {
+	.circle_3_se {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_oa {
+	#circle_4_sf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___5.html;
 		cursor: pointer;
 	}
-	.circle_4_oa {
+	.circle_4_sf {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_ob {
+	#remote_sg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_ob {
+	.remote_sg {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__4">
 	<img id="test4_next_remote_3645" src="test4_next_remote_3645.png" srcset="test4_next_remote_3645.png 1x, test4_next_remote_3645@2x.png 2x">
 		
-	<img id="n_upper_banner_n" src="n_upper_banner_n.png" srcset="n_upper_banner_n.png 1x, n_upper_banner_n@2x.png 2x">
+	<svg class="n_40_r">
+		<ellipse id="n_40_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_r">
+		<ellipse id="n_56_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_sa">
+		<ellipse id="n_57_sa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_sb">
+		<ellipse id="n_58_sb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_sc" src="n_upper_banner_sc.png" srcset="n_upper_banner_sc.png 1x, n_upper_banner_sc@2x.png 2x">
 		
-	<svg class="rectangle_5_oa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_sd">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_oa">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_oa" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_se">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_se" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_oa">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_oa" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_sf">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_sf" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_ob">
-		<rect onclick="application.goToTargetView(event)" id="remote_ob" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_sg">
+		<rect onclick="application.goToTargetView(event)" id="remote_sg" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote___5.html b/public/flukemoni/Ex3/test4_next_remote___5.html
old mode 100644
new mode 100755
index bba3ca4..4b62869
--- a/public/flukemoni/Ex3/test4_next_remote___5.html
+++ b/public/flukemoni/Ex3/test4_next_remote___5.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_of {
+	#n_40_sk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_sk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_sl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_sl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_sm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_sm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_sn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_sn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_so {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_og {
+	#rectangle_5_sp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_og {
+	.rectangle_5_sp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_oh {
+	#circle_3_sq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___4.html;
 		cursor: pointer;
 	}
-	.circle_3_oh {
+	.circle_3_sq {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_oi {
+	#circle_4_sr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote___6.html;
 		cursor: pointer;
 	}
-	.circle_4_oi {
+	.circle_4_sr {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_oj {
+	#remote_ss {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_oj {
+	.remote_ss {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__5">
 	<img id="test4_next_remote_3678" src="test4_next_remote_3678.png" srcset="test4_next_remote_3678.png 1x, test4_next_remote_3678@2x.png 2x">
 		
-	<img id="n_upper_banner_of" src="n_upper_banner_of.png" srcset="n_upper_banner_of.png 1x, n_upper_banner_of@2x.png 2x">
+	<svg class="n_40_sk">
+		<ellipse id="n_40_sk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_sl">
+		<ellipse id="n_56_sl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_sm">
+		<ellipse id="n_57_sm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_sn">
+		<ellipse id="n_58_sn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_so" src="n_upper_banner_so.png" srcset="n_upper_banner_so.png 1x, n_upper_banner_so@2x.png 2x">
 		
-	<svg class="rectangle_5_og">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_og" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_sp">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sp" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_oh">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_oh" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_sq">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_sq" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_oi">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_oi" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_sr">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_sr" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_oj">
-		<rect onclick="application.goToTargetView(event)" id="remote_oj" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_ss">
+		<rect onclick="application.goToTargetView(event)" id="remote_ss" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote___6.html b/public/flukemoni/Ex3/test4_next_remote___6.html
old mode 100644
new mode 100755
index 90df28e..a54be4b
--- a/public/flukemoni/Ex3/test4_next_remote___6.html
+++ b/public/flukemoni/Ex3/test4_next_remote___6.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_on {
+	#n_40_sw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_sw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_sx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_sx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_sy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_sy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_58_sz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_sz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 56px;
+		top: 600px;
+	}
+	#n_upper_banner_s {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_oo {
+	#rectangle_5_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_oo {
+	.rectangle_5_s {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test4___perfomance___1.html;
 		cursor: pointer;
 	}
-	#circle_3_op {
+	#circle_3_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test4_next_remote___5.html;
 		cursor: pointer;
 	}
-	.circle_3_op {
+	.circle_3_s {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_oq {
+	#circle_4_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test4_next_remote.html;
 		cursor: pointer;
 	}
-	.circle_4_oq {
+	.circle_4_s {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_or {
+	#remote_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_or {
+	.remote_s {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test4_next_remote__6">
 	<img id="test4_next_remote_4578" src="test4_next_remote_4578.png" srcset="test4_next_remote_4578.png 1x, test4_next_remote_4578@2x.png 2x">
 		
-	<img id="n_upper_banner_on" src="n_upper_banner_on.png" srcset="n_upper_banner_on.png 1x, n_upper_banner_on@2x.png 2x">
+	<svg class="n_40_sw">
+		<ellipse id="n_40_sw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_sx">
+		<ellipse id="n_56_sx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_sy">
+		<ellipse id="n_57_sy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_sz">
+		<ellipse id="n_58_sz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_s" src="n_upper_banner_s.png" srcset="n_upper_banner_s.png 1x, n_upper_banner_s@2x.png 2x">
 		
-	<svg class="rectangle_5_oo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_oo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_s">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_s" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_op">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_op" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_s">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_s" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_oq">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_oq" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_s">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_s" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_or">
-		<rect onclick="application.goToTargetView(event)" id="remote_or" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_s">
+		<rect onclick="application.goToTargetView(event)" id="remote_s" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test4_next_remote_ly.png b/public/flukemoni/Ex3/test4_next_remote_ov.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_next_remote_ly.png
rename to public/flukemoni/Ex3/test4_next_remote_ov.png
diff --git a/public/flukemoni/Ex3/test4_next_remote_ly@2x.png b/public/flukemoni/Ex3/test4_next_remote_ov@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_next_remote_ly@2x.png
rename to public/flukemoni/Ex3/test4_next_remote_ov@2x.png
diff --git a/public/flukemoni/Ex3/test4_performance_1.png b/public/flukemoni/Ex3/test4_performance_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_performance_1@2x.png b/public/flukemoni/Ex3/test4_performance_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_performance_2.png b/public/flukemoni/Ex3/test4_performance_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_performance_2@2x.png b/public/flukemoni/Ex3/test4_performance_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test4_wiremap_k.png b/public/flukemoni/Ex3/test4_wiremap_nu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_wiremap_k.png
rename to public/flukemoni/Ex3/test4_wiremap_nu.png
diff --git a/public/flukemoni/Ex3/test4_wiremap_k@2x.png b/public/flukemoni/Ex3/test4_wiremap_nu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test4_wiremap_k@2x.png
rename to public/flukemoni/Ex3/test4_wiremap_nu@2x.png
diff --git a/public/flukemoni/Ex3/test5_HDTDR-1.png b/public/flukemoni/Ex3/test5_HDTDR-1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-1@2x.png b/public/flukemoni/Ex3/test5_HDTDR-1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-2.png b/public/flukemoni/Ex3/test5_HDTDR-2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-2@2x.png b/public/flukemoni/Ex3/test5_HDTDR-2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-3.png b/public/flukemoni/Ex3/test5_HDTDR-3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-3@2x.png b/public/flukemoni/Ex3/test5_HDTDR-3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-4.png b/public/flukemoni/Ex3/test5_HDTDR-4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR-4@2x.png b/public/flukemoni/Ex3/test5_HDTDR-4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR.png b/public/flukemoni/Ex3/test5_HDTDR.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR@2x.png b/public/flukemoni/Ex3/test5_HDTDR@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDR___0.html b/public/flukemoni/Ex3/test5_HDTDR___0.html
old mode 100644
new mode 100755
index 635e8f1..c934d35
--- a/public/flukemoni/Ex3/test5_HDTDR___0.html
+++ b/public/flukemoni/Ex3/test5_HDTDR___0.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_rs {
+	#n_40_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_w {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rt {
+	#rectangle_5_xb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rt {
+	.rectangle_5_xb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ru {
+	#rectangle_5_xc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ru {
+	.rectangle_5_xc {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_rv {
+	#circle_3_xb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDR___4.html;
 		cursor: pointer;
 	}
-	.circle_3_rv {
+	.circle_3_xb {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_rw {
+	#circle_4_xc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDR___1.html;
 		cursor: pointer;
 	}
-	.circle_4_rw {
+	.circle_4_xc {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDR__0">
 	<img id="test5_HDTDR" src="test5_HDTDR.png" srcset="test5_HDTDR.png 1x, test5_HDTDR@2x.png 2x">
 		
-	<img id="n_upper_banner_rs" src="n_upper_banner_rs.png" srcset="n_upper_banner_rs.png 1x, n_upper_banner_rs@2x.png 2x">
-		
-	<svg class="rectangle_5_rt">
-		<rect id="rectangle_5_rt" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_ru">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ru" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_rv">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_rv" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_w">
+		<ellipse id="n_40_w" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_rw">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_rw" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_w">
+		<ellipse id="n_56_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_w">
+		<ellipse id="n_57_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_w" src="n_upper_banner_w.png" srcset="n_upper_banner_w.png 1x, n_upper_banner_w@2x.png 2x">
+		
+	<svg class="rectangle_5_xb">
+		<rect id="rectangle_5_xb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_xc">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_xb">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_xb" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_xc">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_xc" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDR___1.html b/public/flukemoni/Ex3/test5_HDTDR___1.html
old mode 100644
new mode 100755
index d0b7d50..06a4b6e
--- a/public/flukemoni/Ex3/test5_HDTDR___1.html
+++ b/public/flukemoni/Ex3/test5_HDTDR___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_r {
+	#n_40_xg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_xg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_xh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_xh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_xi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_xi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_xj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_r {
+	#rectangle_5_xk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_r {
+	.rectangle_5_xk {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_sa {
+	#rectangle_5_xl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sa {
+	.rectangle_5_xl {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_r {
+	#circle_3_xm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDR___0.html;
 		cursor: pointer;
 	}
-	.circle_3_r {
+	.circle_3_xm {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_r {
+	#circle_4_xn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDR___2.html;
 		cursor: pointer;
 	}
-	.circle_4_r {
+	.circle_4_xn {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDR__1">
 	<img id="test5_HDTDR-1" src="test5_HDTDR-1.png" srcset="test5_HDTDR-1.png 1x, test5_HDTDR-1@2x.png 2x">
 		
-	<img id="n_upper_banner_r" src="n_upper_banner_r.png" srcset="n_upper_banner_r.png 1x, n_upper_banner_r@2x.png 2x">
-		
-	<svg class="rectangle_5_r">
-		<rect id="rectangle_5_r" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_sa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sa" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_r">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_r" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_xg">
+		<ellipse id="n_40_xg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_r">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_r" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_xh">
+		<ellipse id="n_56_xh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_xi">
+		<ellipse id="n_57_xi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_xj" src="n_upper_banner_xj.png" srcset="n_upper_banner_xj.png 1x, n_upper_banner_xj@2x.png 2x">
+		
+	<svg class="rectangle_5_xk">
+		<rect id="rectangle_5_xk" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_xl">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xl" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_xm">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_xm" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_xn">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_xn" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDR___2.html b/public/flukemoni/Ex3/test5_HDTDR___2.html
old mode 100644
new mode 100755
index 9ea3a56..da2ca91
--- a/public/flukemoni/Ex3/test5_HDTDR___2.html
+++ b/public/flukemoni/Ex3/test5_HDTDR___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_sa {
+	#n_40_xr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_xr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_xs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_xs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_xt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_xt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_xu {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sb {
+	#rectangle_5_xv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sb {
+	.rectangle_5_xv {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_sc {
+	#rectangle_5_xw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sc {
+	.rectangle_5_xw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_sb {
+	#circle_3_xx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDR___1.html;
 		cursor: pointer;
 	}
-	.circle_3_sb {
+	.circle_3_xx {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_sc {
+	#circle_4_xy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDR___3.html;
 		cursor: pointer;
 	}
-	.circle_4_sc {
+	.circle_4_xy {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDR__2">
 	<img id="test5_HDTDR-2" src="test5_HDTDR-2.png" srcset="test5_HDTDR-2.png 1x, test5_HDTDR-2@2x.png 2x">
 		
-	<img id="n_upper_banner_sa" src="n_upper_banner_sa.png" srcset="n_upper_banner_sa.png 1x, n_upper_banner_sa@2x.png 2x">
-		
-	<svg class="rectangle_5_sb">
-		<rect id="rectangle_5_sb" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_sc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sc" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_sb">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_sb" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_xr">
+		<ellipse id="n_40_xr" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_sc">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_sc" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_xs">
+		<ellipse id="n_56_xs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_xt">
+		<ellipse id="n_57_xt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_xu" src="n_upper_banner_xu.png" srcset="n_upper_banner_xu.png 1x, n_upper_banner_xu@2x.png 2x">
+		
+	<svg class="rectangle_5_xv">
+		<rect id="rectangle_5_xv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_xw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_xx">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_xx" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_xy">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_xy" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDR___3.html b/public/flukemoni/Ex3/test5_HDTDR___3.html
old mode 100644
new mode 100755
index f208a2b..2c7814b
--- a/public/flukemoni/Ex3/test5_HDTDR___3.html
+++ b/public/flukemoni/Ex3/test5_HDTDR___3.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_sg {
+	#n_40_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_x {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sh {
+	#rectangle_5_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sh {
+	.rectangle_5_x {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_si {
+	#rectangle_5_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_si {
+	.rectangle_5_ya {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_sj {
+	#circle_3_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDR___2.html;
 		cursor: pointer;
 	}
-	.circle_3_sj {
+	.circle_3_x {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_sk {
+	#circle_4_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDR___4.html;
 		cursor: pointer;
 	}
-	.circle_4_sk {
+	.circle_4_x {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDR__3">
 	<img id="test5_HDTDR-3" src="test5_HDTDR-3.png" srcset="test5_HDTDR-3.png 1x, test5_HDTDR-3@2x.png 2x">
 		
-	<img id="n_upper_banner_sg" src="n_upper_banner_sg.png" srcset="n_upper_banner_sg.png 1x, n_upper_banner_sg@2x.png 2x">
-		
-	<svg class="rectangle_5_sh">
-		<rect id="rectangle_5_sh" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_si">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_si" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_sj">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_sj" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_x">
+		<ellipse id="n_40_x" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_sk">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_sk" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_x">
+		<ellipse id="n_56_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_x">
+		<ellipse id="n_57_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_x" src="n_upper_banner_x.png" srcset="n_upper_banner_x.png 1x, n_upper_banner_x@2x.png 2x">
+		
+	<svg class="rectangle_5_x">
+		<rect id="rectangle_5_x" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_ya">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ya" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_x">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_x" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_x">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_x" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDR___4.html b/public/flukemoni/Ex3/test5_HDTDR___4.html
old mode 100644
new mode 100755
index a962788..0856905
--- a/public/flukemoni/Ex3/test5_HDTDR___4.html
+++ b/public/flukemoni/Ex3/test5_HDTDR___4.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_so {
+	#n_40_yd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_yd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ye {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ye {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_yf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_yf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_yg {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sp {
+	#rectangle_5_yh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sp {
+	.rectangle_5_yh {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_sq {
+	#rectangle_5_yi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sq {
+	.rectangle_5_yi {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_sr {
+	#circle_3_yj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDR___3.html;
 		cursor: pointer;
 	}
-	.circle_3_sr {
+	.circle_3_yj {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 329px;
 		top: 519px;
 	}
-	#circle_4_ss {
+	#circle_4_yk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDR___0.html;
 		cursor: pointer;
 	}
-	.circle_4_ss {
+	.circle_4_yk {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDR__4">
 	<img id="test5_HDTDR-4" src="test5_HDTDR-4.png" srcset="test5_HDTDR-4.png 1x, test5_HDTDR-4@2x.png 2x">
 		
-	<img id="n_upper_banner_so" src="n_upper_banner_so.png" srcset="n_upper_banner_so.png 1x, n_upper_banner_so@2x.png 2x">
-		
-	<svg class="rectangle_5_sp">
-		<rect id="rectangle_5_sp" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_sq">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sq" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_sr">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_sr" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_yd">
+		<ellipse id="n_40_yd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ss">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ss" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_ye">
+		<ellipse id="n_56_ye" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_yf">
+		<ellipse id="n_57_yf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_yg" src="n_upper_banner_yg.png" srcset="n_upper_banner_yg.png 1x, n_upper_banner_yg@2x.png 2x">
+		
+	<svg class="rectangle_5_yh">
+		<rect id="rectangle_5_yh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_yi">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yi" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_yj">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_yj" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_yk">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_yk" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX-0.png b/public/flukemoni/Ex3/test5_HDTDX-0.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-0@2x.png b/public/flukemoni/Ex3/test5_HDTDX-0@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-1.png b/public/flukemoni/Ex3/test5_HDTDX-1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-1@2x.png b/public/flukemoni/Ex3/test5_HDTDX-1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-2.png b/public/flukemoni/Ex3/test5_HDTDX-2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-2@2x.png b/public/flukemoni/Ex3/test5_HDTDX-2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-3.png b/public/flukemoni/Ex3/test5_HDTDX-3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-3@2x.png b/public/flukemoni/Ex3/test5_HDTDX-3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-4.png b/public/flukemoni/Ex3/test5_HDTDX-4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-4@2x.png b/public/flukemoni/Ex3/test5_HDTDX-4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-5.png b/public/flukemoni/Ex3/test5_HDTDX-5.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-5@2x.png b/public/flukemoni/Ex3/test5_HDTDX-5@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-6.png b/public/flukemoni/Ex3/test5_HDTDX-6.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX-6@2x.png b/public/flukemoni/Ex3/test5_HDTDX-6@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_HDTDX___0.html b/public/flukemoni/Ex3/test5_HDTDX___0.html
old mode 100644
new mode 100755
index 96e7d7b..aca89d9
--- a/public/flukemoni/Ex3/test5_HDTDX___0.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___0.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_sw {
+	#n_40_yo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_yo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_yp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_yp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_yq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_yq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_yr {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_sx {
+	#rectangle_5_ys {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sx {
+	.rectangle_5_ys {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_sy {
+	#rectangle_5_yt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_sy {
+	.rectangle_5_yt {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_sz {
+	#circle_3_yu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___6.html;
 		cursor: pointer;
 	}
-	.circle_3_sz {
+	.circle_3_yu {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_s {
+	#circle_4_yv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___1.html;
 		cursor: pointer;
 	}
-	.circle_4_s {
+	.circle_4_yv {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__0">
 	<img id="test5_HDTDX-0" src="test5_HDTDX-0.png" srcset="test5_HDTDX-0.png 1x, test5_HDTDX-0@2x.png 2x">
 		
-	<img id="n_upper_banner_sw" src="n_upper_banner_sw.png" srcset="n_upper_banner_sw.png 1x, n_upper_banner_sw@2x.png 2x">
-		
-	<svg class="rectangle_5_sx">
-		<rect id="rectangle_5_sx" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_sy">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_sy" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_sz">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_sz" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_yo">
+		<ellipse id="n_40_yo" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_s">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_s" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_yp">
+		<ellipse id="n_56_yp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_yq">
+		<ellipse id="n_57_yq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_yr" src="n_upper_banner_yr.png" srcset="n_upper_banner_yr.png 1x, n_upper_banner_yr@2x.png 2x">
+		
+	<svg class="rectangle_5_ys">
+		<rect id="rectangle_5_ys" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_yt">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yt" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_yu">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_yu" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_yv">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_yv" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___1.html b/public/flukemoni/Ex3/test5_HDTDX___1.html
old mode 100644
new mode 100755
index 4a784d5..15ce3ad
--- a/public/flukemoni/Ex3/test5_HDTDX___1.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_s {
+	#n_40_yz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_yz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_y {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_s {
+	#rectangle_5_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_s {
+	.rectangle_5_y {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ta {
+	#rectangle_5_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ta {
+	.rectangle_5_za {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_s {
+	#circle_3_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___0.html;
 		cursor: pointer;
 	}
-	.circle_3_s {
+	.circle_3_y {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_ta {
+	#circle_4_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___2.html;
 		cursor: pointer;
 	}
-	.circle_4_ta {
+	.circle_4_y {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__1">
 	<img id="test5_HDTDX-1" src="test5_HDTDX-1.png" srcset="test5_HDTDX-1.png 1x, test5_HDTDX-1@2x.png 2x">
 		
-	<img id="n_upper_banner_s" src="n_upper_banner_s.png" srcset="n_upper_banner_s.png 1x, n_upper_banner_s@2x.png 2x">
-		
-	<svg class="rectangle_5_s">
-		<rect id="rectangle_5_s" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_ta">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ta" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_s">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_s" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_yz">
+		<ellipse id="n_40_yz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ta">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ta" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_y">
+		<ellipse id="n_56_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_y">
+		<ellipse id="n_57_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_y" src="n_upper_banner_y.png" srcset="n_upper_banner_y.png 1x, n_upper_banner_y@2x.png 2x">
+		
+	<svg class="rectangle_5_y">
+		<rect id="rectangle_5_y" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_za">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_za" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_y">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_y" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_y">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_y" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___2.html b/public/flukemoni/Ex3/test5_HDTDX___2.html
old mode 100644
new mode 100755
index 84437e8..408a3b0
--- a/public/flukemoni/Ex3/test5_HDTDX___2.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_tc {
+	#n_40_za {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_za {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_zb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_zb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_zc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_zc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_zd {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_td {
+	#rectangle_5_ze {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_td {
+	.rectangle_5_ze {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_te {
+	#rectangle_5_zf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_te {
+	.rectangle_5_zf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_tf {
+	#circle_3_zg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___1.html;
 		cursor: pointer;
 	}
-	.circle_3_tf {
+	.circle_3_zg {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_tg {
+	#circle_4_zh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___3.html;
 		cursor: pointer;
 	}
-	.circle_4_tg {
+	.circle_4_zh {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__2">
 	<img id="test5_HDTDX-2" src="test5_HDTDX-2.png" srcset="test5_HDTDX-2.png 1x, test5_HDTDX-2@2x.png 2x">
 		
-	<img id="n_upper_banner_tc" src="n_upper_banner_tc.png" srcset="n_upper_banner_tc.png 1x, n_upper_banner_tc@2x.png 2x">
-		
-	<svg class="rectangle_5_td">
-		<rect id="rectangle_5_td" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_te">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_te" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_tf">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_tf" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_za">
+		<ellipse id="n_40_za" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_tg">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_tg" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_zb">
+		<ellipse id="n_56_zb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_zc">
+		<ellipse id="n_57_zc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_zd" src="n_upper_banner_zd.png" srcset="n_upper_banner_zd.png 1x, n_upper_banner_zd@2x.png 2x">
+		
+	<svg class="rectangle_5_ze">
+		<rect id="rectangle_5_ze" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_zf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_zf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_zg">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_zg" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_zh">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_zh" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___3.html b/public/flukemoni/Ex3/test5_HDTDX___3.html
old mode 100644
new mode 100755
index f084c4a..6a1f75c
--- a/public/flukemoni/Ex3/test5_HDTDX___3.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___3.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_tk {
+	#n_40_zl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_zl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_zm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_zm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_zn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_zn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_zo {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_tl {
+	#rectangle_5_zp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_tl {
+	.rectangle_5_zp {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_tm {
+	#rectangle_5_zq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_tm {
+	.rectangle_5_zq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_tn {
+	#circle_3_zr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___2.html;
 		cursor: pointer;
 	}
-	.circle_3_tn {
+	.circle_3_zr {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_to {
+	#circle_4_zs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___4.html;
 		cursor: pointer;
 	}
-	.circle_4_to {
+	.circle_4_zs {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__3">
 	<img id="test5_HDTDX-3" src="test5_HDTDX-3.png" srcset="test5_HDTDX-3.png 1x, test5_HDTDX-3@2x.png 2x">
 		
-	<img id="n_upper_banner_tk" src="n_upper_banner_tk.png" srcset="n_upper_banner_tk.png 1x, n_upper_banner_tk@2x.png 2x">
-		
-	<svg class="rectangle_5_tl">
-		<rect id="rectangle_5_tl" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_tm">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tm" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_tn">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_tn" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_zl">
+		<ellipse id="n_40_zl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_to">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_to" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_zm">
+		<ellipse id="n_56_zm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_zn">
+		<ellipse id="n_57_zn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_zo" src="n_upper_banner_zo.png" srcset="n_upper_banner_zo.png 1x, n_upper_banner_zo@2x.png 2x">
+		
+	<svg class="rectangle_5_zp">
+		<rect id="rectangle_5_zp" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_zq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_zq" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_zr">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_zr" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_zs">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_zs" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___4.html b/public/flukemoni/Ex3/test5_HDTDX___4.html
old mode 100644
new mode 100755
index 8d6c5ab..2140f8c
--- a/public/flukemoni/Ex3/test5_HDTDX___4.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___4.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ts {
+	#n_40_zw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_zw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_zx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_zx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_zy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_zy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_zz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_tt {
+	#rectangle_5_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_tt {
+	.rectangle_5_z {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_tu {
+	#rectangle_5_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_tu {
+	.rectangle_5_a {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_tv {
+	#circle_3_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___3.html;
 		cursor: pointer;
 	}
-	.circle_3_tv {
+	.circle_3_z {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_tw {
+	#circle_4_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___5.html;
 		cursor: pointer;
 	}
-	.circle_4_tw {
+	.circle_4_z {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__4">
 	<img id="test5_HDTDX-4" src="test5_HDTDX-4.png" srcset="test5_HDTDX-4.png 1x, test5_HDTDX-4@2x.png 2x">
 		
-	<img id="n_upper_banner_ts" src="n_upper_banner_ts.png" srcset="n_upper_banner_ts.png 1x, n_upper_banner_ts@2x.png 2x">
-		
-	<svg class="rectangle_5_tt">
-		<rect id="rectangle_5_tt" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_tu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_tu" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_tv">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_tv" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_zw">
+		<ellipse id="n_40_zw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_tw">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_tw" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_zx">
+		<ellipse id="n_56_zx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_zy">
+		<ellipse id="n_57_zy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_zz" src="n_upper_banner_zz.png" srcset="n_upper_banner_zz.png 1x, n_upper_banner_zz@2x.png 2x">
+		
+	<svg class="rectangle_5_z">
+		<rect id="rectangle_5_z" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_a">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_a" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_z">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_z" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_z">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_z" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___5.html b/public/flukemoni/Ex3/test5_HDTDX___5.html
old mode 100644
new mode 100755
index 42a2087..52d3858
--- a/public/flukemoni/Ex3/test5_HDTDX___5.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___5.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_t {
+	#n_40_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_a {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_t {
+	#rectangle_5_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_t {
+	.rectangle_5_b {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ua {
+	#rectangle_5_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ua {
+	.rectangle_5_c {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_t {
+	#circle_3_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___4.html;
 		cursor: pointer;
 	}
-	.circle_3_t {
+	.circle_3_d {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_t {
+	#circle_4_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___6.html;
 		cursor: pointer;
 	}
-	.circle_4_t {
+	.circle_4_e {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__5">
 	<img id="test5_HDTDX-5" src="test5_HDTDX-5.png" srcset="test5_HDTDX-5.png 1x, test5_HDTDX-5@2x.png 2x">
 		
-	<img id="n_upper_banner_t" src="n_upper_banner_t.png" srcset="n_upper_banner_t.png 1x, n_upper_banner_t@2x.png 2x">
-		
-	<svg class="rectangle_5_t">
-		<rect id="rectangle_5_t" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_ua">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ua" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_t">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_t" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_z">
+		<ellipse id="n_40_z" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_t">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_t" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_z">
+		<ellipse id="n_56_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_z">
+		<ellipse id="n_57_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_a" src="n_upper_banner_a.png" srcset="n_upper_banner_a.png 1x, n_upper_banner_a@2x.png 2x">
+		
+	<svg class="rectangle_5_b">
+		<rect id="rectangle_5_b" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_c">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_c" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_d">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_d" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_e">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_e" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_HDTDX___6.html b/public/flukemoni/Ex3/test5_HDTDX___6.html
old mode 100644
new mode 100755
index 3a1aa7d..4664f6d
--- a/public/flukemoni/Ex3/test5_HDTDX___6.html
+++ b/public/flukemoni/Ex3/test5_HDTDX___6.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ua {
+	#n_40_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_upper_banner_u {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ub {
+	#rectangle_5_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ub {
+	.rectangle_5_ {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_uc {
+	#rectangle_5_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uc {
+	.rectangle_5_d {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#circle_3_ub {
+	#circle_3_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +166,7 @@
 		--web-action-target: test5_HDTDX___5.html;
 		cursor: pointer;
 	}
-	.circle_3_ub {
+	.circle_3_v {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -120,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_uc {
+	#circle_4_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +188,7 @@
 		--web-action-target: test5_HDTDX___0.html;
 		cursor: pointer;
 	}
-	.circle_4_uc {
+	.circle_4_v {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_HDTDX__6">
 	<img id="test5_HDTDX-6" src="test5_HDTDX-6.png" srcset="test5_HDTDX-6.png 1x, test5_HDTDX-6@2x.png 2x">
 		
-	<img id="n_upper_banner_ua" src="n_upper_banner_ua.png" srcset="n_upper_banner_ua.png 1x, n_upper_banner_ua@2x.png 2x">
-		
-	<svg class="rectangle_5_ub">
-		<rect id="rectangle_5_ub" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="rectangle_5_uc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uc" rx="0" ry="0" x="0" y="0" width="49" height="31">
-		</rect>
-	</svg>
-	<svg class="circle_3_ub">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ub" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_40_i">
+		<ellipse id="n_40_i" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_uc">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_uc" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="n_56_j">
+		<ellipse id="n_56_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_k">
+		<ellipse id="n_57_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_u" src="n_upper_banner_u.png" srcset="n_upper_banner_u.png 1x, n_upper_banner_u@2x.png 2x">
+		
+	<svg class="rectangle_5_">
+		<rect id="rectangle_5_" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="rectangle_5_d">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_d" rx="0" ry="0" x="0" y="0" width="49" height="31">
+		</rect>
+	</svg>
+	<svg class="circle_3_v">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_v" rx="17.5" ry="18" cx="17.5" cy="18">
+		</ellipse>
+	</svg>
+	<svg class="circle_4_v">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_v" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5___fault_info.html b/public/flukemoni/Ex3/test5___fault_info.html
old mode 100644
new mode 100755
index 3952e27..cc8043d
--- a/public/flukemoni/Ex3/test5___fault_info.html
+++ b/public/flukemoni/Ex3/test5___fault_info.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_qt {
+	#n_40_vt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_vt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_vu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_vu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_vv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_vv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_53_vw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_vw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 306px;
+		top: 277px;
+	}
+	#n_54_vx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_vx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 469px;
+	}
+	#n_55_vy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_vy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 527px;
+	}
+	#n_upper_banner_vz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +166,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_qu {
+	#rectangle_5_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_qu {
+	.rectangle_5_v {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +188,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_qv {
+	#rectangle_8_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_qv {
+	.rectangle_8_v {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -102,7 +210,7 @@
 		--web-action-target: test5__wiremap___1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_qw {
+	#rectangle_8_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +220,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_qw {
+	.rectangle_8_wa {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -146,7 +254,7 @@
 		--web-action-target: test5_fault_cause___1.html;
 		cursor: pointer;
 	}
-	#rectangle_7_qy {
+	#rectangle_7_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -156,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_qy {
+	.rectangle_7_v {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -168,7 +276,7 @@
 		--web-action-target: test5_HDTDR___0.html;
 		cursor: pointer;
 	}
-	#rectangle_7_qz {
+	#rectangle_7_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -178,7 +286,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_qz {
+	.rectangle_7_wa {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -3106,30 +3214,54 @@ window.application = new Application();
 <div id="test5__fault_info">
 	<img id="test5_fault_info" src="test5_fault_info.png" srcset="test5_fault_info.png 1x, test5_fault_info@2x.png 2x">
 		
-	<img id="n_upper_banner_qt" src="n_upper_banner_qt.png" srcset="n_upper_banner_qt.png 1x, n_upper_banner_qt@2x.png 2x">
+	<svg class="n_40_vt">
+		<ellipse id="n_40_vt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_vu">
+		<ellipse id="n_51_vu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_vv">
+		<ellipse id="n_52_vv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_vw">
+		<ellipse id="n_53_vw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_vx">
+		<ellipse id="n_54_vx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_vy">
+		<ellipse id="n_55_vy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_vz" src="n_upper_banner_vz.png" srcset="n_upper_banner_vz.png 1x, n_upper_banner_vz@2x.png 2x">
 		
-	<svg class="rectangle_5_qu">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_qu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_v">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_v" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_qv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_qv" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_v">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_v" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_qw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_qw" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_wa" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 	<svg class="rectangle_9">
 		<rect onclick="application.goToTargetView(event)" id="rectangle_9" rx="10" ry="10" x="0" y="0" width="303" height="184">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_qy">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_qy" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_v">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_v" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_qz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_qz" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_wa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_wa" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5___perfomance___2.html b/public/flukemoni/Ex3/test5___perfomance___2.html
old mode 100644
new mode 100755
index 3b665f5..0387da0
--- a/public/flukemoni/Ex3/test5___perfomance___2.html
+++ b/public/flukemoni/Ex3/test5___perfomance___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_q {
+	#n_40_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_wa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_wa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_wb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_wb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_wc {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_q {
+	#rectangle_5_wd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_q {
+	.rectangle_5_wd {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ra {
+	#rectangle_5_we {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ra {
+	.rectangle_5_we {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_q {
+	#rectangle_8_wf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_q {
+	.rectangle_8_wf {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -116,7 +170,7 @@
 		left: 161px;
 		top: 91px;
 	}
-	#rectangle_8_ra {
+	#rectangle_8_wg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ra {
+	.rectangle_8_wg {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -138,7 +192,7 @@
 		--web-action-target: test5___fault_info.html;
 		cursor: pointer;
 	}
-	#rectangle_8_rb {
+	#rectangle_8_wh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +202,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_rb {
+	.rectangle_8_wh {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -160,7 +214,7 @@
 		--web-action-target: test5__wiremap___1.html;
 		cursor: pointer;
 	}
-	#rectangle_7_q {
+	#rectangle_7_wi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +224,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_q {
+	.rectangle_7_wi {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3106,30 +3160,42 @@ window.application = new Application();
 <div id="test5__perfomance__2">
 	<img id="test5_performance_1" src="test5_performance_1.png" srcset="test5_performance_1.png 1x, test5_performance_1@2x.png 2x">
 		
-	<img id="n_upper_banner_q" src="n_upper_banner_q.png" srcset="n_upper_banner_q.png 1x, n_upper_banner_q@2x.png 2x">
+	<svg class="n_40_v">
+		<ellipse id="n_40_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_wa">
+		<ellipse id="n_51_wa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_wb">
+		<ellipse id="n_52_wb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_wc" src="n_upper_banner_wc.png" srcset="n_upper_banner_wc.png 1x, n_upper_banner_wc@2x.png 2x">
 		
-	<svg class="rectangle_5_q">
-		<rect id="rectangle_5_q" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_wd">
+		<rect id="rectangle_5_wd" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ra">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ra" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_we">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_we" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_q">
-		<rect id="rectangle_8_q" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wf">
+		<rect id="rectangle_8_wf" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ra">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ra" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wg">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_wg" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_rb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_rb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wh">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_wh" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_q">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_q" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_wi">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_wi" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 	<img id="test5_performance_2" src="test5_performance_2.png" srcset="test5_performance_2.png 1x, test5_performance_2@2x.png 2x">
diff --git a/public/flukemoni/Ex3/test5__wiremap___1.html b/public/flukemoni/Ex3/test5__wiremap___1.html
old mode 100644
new mode 100755
index 45d5f8b..a1ddac9
--- a/public/flukemoni/Ex3/test5__wiremap___1.html
+++ b/public/flukemoni/Ex3/test5__wiremap___1.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_re {
+	#n_40_wn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_wn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_wo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_wo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_52_wp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_wp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_wq {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rf {
+	#rectangle_5_wr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rf {
+	.rectangle_5_wr {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_rg {
+	#rectangle_5_ws {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rg {
+	.rectangle_5_ws {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_rh {
+	#rectangle_8_wt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_rh {
+	.rectangle_8_wt {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ri {
+	#rectangle_8_wu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ri {
+	.rectangle_8_wu {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3058,22 +3112,34 @@ window.application = new Application();
 <div id="test5_wiremap__1">
 	<img id="test5_wiremap" src="test5_wiremap.png" srcset="test5_wiremap.png 1x, test5_wiremap@2x.png 2x">
 		
-	<img id="n_upper_banner_re" src="n_upper_banner_re.png" srcset="n_upper_banner_re.png 1x, n_upper_banner_re@2x.png 2x">
+	<svg class="n_40_wn">
+		<ellipse id="n_40_wn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_wo">
+		<ellipse id="n_51_wo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_wp">
+		<ellipse id="n_52_wp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_wq" src="n_upper_banner_wq.png" srcset="n_upper_banner_wq.png 1x, n_upper_banner_wq@2x.png 2x">
 		
-	<svg class="rectangle_5_rf">
-		<rect id="rectangle_5_rf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_wr">
+		<rect id="rectangle_5_wr" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_rg">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_rg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ws">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ws" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_rh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_rh" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wt">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_wt" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ri">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ri" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_wu">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_wu" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_fault_cause.png b/public/flukemoni/Ex3/test5_fault_cause.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_fault_cause@2x.png b/public/flukemoni/Ex3/test5_fault_cause@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_fault_cause___1.html b/public/flukemoni/Ex3/test5_fault_cause___1.html
old mode 100644
new mode 100755
index 9816f27..65a5d1b
--- a/public/flukemoni/Ex3/test5_fault_cause___1.html
+++ b/public/flukemoni/Ex3/test5_fault_cause___1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_rm {
+	#n_40_wy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_wy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_wz {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_rn {
+	#rectangle_5_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_rn {
+	.rectangle_5_w {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ro {
+	#rectangle_5_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ro {
+	.rectangle_5_xa {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3014,14 +3032,18 @@ window.application = new Application();
 <div id="test5_fault_cause__1">
 	<img id="test5_fault_cause" src="test5_fault_cause.png" srcset="test5_fault_cause.png 1x, test5_fault_cause@2x.png 2x">
 		
-	<img id="n_upper_banner_rm" src="n_upper_banner_rm.png" srcset="n_upper_banner_rm.png 1x, n_upper_banner_rm@2x.png 2x">
+	<svg class="n_40_wy">
+		<ellipse id="n_40_wy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_wz" src="n_upper_banner_wz.png" srcset="n_upper_banner_wz.png 1x, n_upper_banner_wz@2x.png 2x">
 		
-	<svg class="rectangle_5_rn">
-		<rect id="rectangle_5_rn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_w">
+		<rect id="rectangle_5_w" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ro">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ro" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_xa">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xa" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_fault_info.png b/public/flukemoni/Ex3/test5_fault_info.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_fault_info@2x.png b/public/flukemoni/Ex3/test5_fault_info@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_performance_1.png b/public/flukemoni/Ex3/test5_performance_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_performance_1@2x.png b/public/flukemoni/Ex3/test5_performance_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_performance_2.png b/public/flukemoni/Ex3/test5_performance_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_performance_2@2x.png b/public/flukemoni/Ex3/test5_performance_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-0_up.png b/public/flukemoni/Ex3/test5_return_loss_main_-0_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test5_return_loss_main_-0_up.png
rename to public/flukemoni/Ex3/test5_return_loss_main_-0_.png
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-0_up@2x.png b/public/flukemoni/Ex3/test5_return_loss_main_-0_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test5_return_loss_main_-0_up@2x.png
rename to public/flukemoni/Ex3/test5_return_loss_main_-0_@2x.png
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-1.png b/public/flukemoni/Ex3/test5_return_loss_main_-1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-1@2x.png b/public/flukemoni/Ex3/test5_return_loss_main_-1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-2.png b/public/flukemoni/Ex3/test5_return_loss_main_-2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-2@2x.png b/public/flukemoni/Ex3/test5_return_loss_main_-2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-3.png b/public/flukemoni/Ex3/test5_return_loss_main_-3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-3@2x.png b/public/flukemoni/Ex3/test5_return_loss_main_-3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-4.png b/public/flukemoni/Ex3/test5_return_loss_main_-4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main_-4@2x.png b/public/flukemoni/Ex3/test5_return_loss_main_-4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_main__0.html b/public/flukemoni/Ex3/test5_return_loss_main__0.html
old mode 100644
new mode 100755
index 73e7d19..89290bd
--- a/public/flukemoni/Ex3/test5_return_loss_main__0.html
+++ b/public/flukemoni/Ex3/test5_return_loss_main__0.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test5_return_loss_main_-0_up {
+	#test5_return_loss_main_-0_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_uq {
+	#n_40_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_b {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_ur {
+	#rectangle_5_bac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ur {
+	.rectangle_5_bac {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_us {
+	#circle_3_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_main__0___4.html;
 		cursor: pointer;
 	}
-	.circle_3_us {
+	.circle_3_b {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_ut {
+	#circle_4_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_main__0___1.html;
 		cursor: pointer;
 	}
-	.circle_4_ut {
+	.circle_4_c {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 516px;
 	}
-	#remote_uu {
+	#remote_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_uu {
+	.remote_d {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3060,24 +3132,40 @@ window.application = new Application();
 </head>
 <body>
 <div id="test5_return_loss_main_-0">
-	<img id="test5_return_loss_main_-0_up" src="test5_return_loss_main_-0_up.png" srcset="test5_return_loss_main_-0_up.png 1x, test5_return_loss_main_-0_up@2x.png 2x">
+	<img id="test5_return_loss_main_-0_" src="test5_return_loss_main_-0_.png" srcset="test5_return_loss_main_-0_.png 1x, test5_return_loss_main_-0_@2x.png 2x">
 		
-	<img id="n_upper_banner_uq" src="n_upper_banner_uq.png" srcset="n_upper_banner_uq.png 1x, n_upper_banner_uq@2x.png 2x">
+	<svg class="n_40_a">
+		<ellipse id="n_40_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_">
+		<ellipse id="n_56_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_">
+		<ellipse id="n_57_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59">
+		<ellipse id="n_59" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_b" src="n_upper_banner_b.png" srcset="n_upper_banner_b.png 1x, n_upper_banner_b@2x.png 2x">
 		
-	<svg class="rectangle_5_ur">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ur" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bac">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bac" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_us">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_us" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_b">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_b" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ut">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_ut" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_c">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_c" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_uu">
-		<rect onclick="application.goToTargetView(event)" id="remote_uu" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_d">
+		<rect onclick="application.goToTargetView(event)" id="remote_d" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_main__0___1.html b/public/flukemoni/Ex3/test5_return_loss_main__0___1.html
old mode 100644
new mode 100755
index 9bc6776..b321eb4
--- a/public/flukemoni/Ex3/test5_return_loss_main__0___1.html
+++ b/public/flukemoni/Ex3/test5_return_loss_main__0___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_u {
+	#n_40_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_c {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_u {
+	#rectangle_5_bae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_u {
+	.rectangle_5_bae {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_va {
+	#circle_3_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_main__0.html;
 		cursor: pointer;
 	}
-	.circle_3_va {
+	.circle_3_ {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_va {
+	#circle_4_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_main__0___2.html;
 		cursor: pointer;
 	}
-	.circle_4_va {
+	.circle_4_ {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_va {
+	#remote_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_va {
+	.remote_ {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_main_-0__1">
 	<img id="test5_return_loss_main_-1" src="test5_return_loss_main_-1.png" srcset="test5_return_loss_main_-1.png 1x, test5_return_loss_main_-1@2x.png 2x">
 		
-	<img id="n_upper_banner_u" src="n_upper_banner_u.png" srcset="n_upper_banner_u.png 1x, n_upper_banner_u@2x.png 2x">
+	<svg class="n_40_y">
+		<ellipse id="n_40_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_v">
+		<ellipse id="n_56_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_v">
+		<ellipse id="n_57_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_w">
+		<ellipse id="n_59_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_c" src="n_upper_banner_c.png" srcset="n_upper_banner_c.png 1x, n_upper_banner_c@2x.png 2x">
 		
-	<svg class="rectangle_5_u">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_u" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bae">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bae" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_va">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_va" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_va">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_va" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_va">
-		<rect onclick="application.goToTargetView(event)" id="remote_va" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_">
+		<rect onclick="application.goToTargetView(event)" id="remote_" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_main__0___2.html b/public/flukemoni/Ex3/test5_return_loss_main__0___2.html
old mode 100644
new mode 100755
index 06809a7..16a90ed
--- a/public/flukemoni/Ex3/test5_return_loss_main__0___2.html
+++ b/public/flukemoni/Ex3/test5_return_loss_main__0___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_ve {
+	#n_40_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_i {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vf {
+	#rectangle_5_baf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vf {
+	.rectangle_5_baf {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_vg {
+	#circle_3_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_main__0___1.html;
 		cursor: pointer;
 	}
-	.circle_3_vg {
+	.circle_3_c {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_vh {
+	#circle_4_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_main__0___3.html;
 		cursor: pointer;
 	}
-	.circle_4_vh {
+	.circle_4_d {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_vi {
+	#remote_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_vi {
+	.remote_e {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_main_-0__2">
 	<img id="test5_return_loss_main_-2" src="test5_return_loss_main_-2.png" srcset="test5_return_loss_main_-2.png 1x, test5_return_loss_main_-2@2x.png 2x">
 		
-	<img id="n_upper_banner_ve" src="n_upper_banner_ve.png" srcset="n_upper_banner_ve.png 1x, n_upper_banner_ve@2x.png 2x">
+	<svg class="n_40_b">
+		<ellipse id="n_40_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_a">
+		<ellipse id="n_56_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_a">
+		<ellipse id="n_57_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_">
+		<ellipse id="n_59_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_i" src="n_upper_banner_i.png" srcset="n_upper_banner_i.png 1x, n_upper_banner_i@2x.png 2x">
 		
-	<svg class="rectangle_5_vf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vf" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baf">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baf" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_vg">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_vg" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_c">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_c" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_vh">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_vh" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_d">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_d" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_vi">
-		<rect onclick="application.goToTargetView(event)" id="remote_vi" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_e">
+		<rect onclick="application.goToTargetView(event)" id="remote_e" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_main__0___3.html b/public/flukemoni/Ex3/test5_return_loss_main__0___3.html
old mode 100644
new mode 100755
index 4bc8576..8db3f1a
--- a/public/flukemoni/Ex3/test5_return_loss_main__0___3.html
+++ b/public/flukemoni/Ex3/test5_return_loss_main__0___3.html
@@ -46,11 +46,83 @@
 		position: absolute;
 		width: 480px;
 		height: 640px;
-		left: 0px;
+		left: 1px;
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_vm {
+	#n_40_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_k {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vn {
+	#rectangle_5_bag {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vn {
+	.rectangle_5_bag {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_vo {
+	#circle_3_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_main__0___2.html;
 		cursor: pointer;
 	}
-	.circle_3_vo {
+	.circle_3_w {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_vp {
+	#circle_4_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_main__0___4.html;
 		cursor: pointer;
 	}
-	.circle_4_vp {
+	.circle_4_a {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_vq {
+	#remote_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_vq {
+	.remote_u {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_main_-0__3">
 	<img id="test5_return_loss_main_-3" src="test5_return_loss_main_-3.png" srcset="test5_return_loss_main_-3.png 1x, test5_return_loss_main_-3@2x.png 2x">
 		
-	<img id="n_upper_banner_vm" src="n_upper_banner_vm.png" srcset="n_upper_banner_vm.png 1x, n_upper_banner_vm@2x.png 2x">
+	<svg class="n_40_c">
+		<ellipse id="n_40_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_k">
+		<ellipse id="n_56_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_n">
+		<ellipse id="n_57_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_l">
+		<ellipse id="n_59_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_k" src="n_upper_banner_k.png" srcset="n_upper_banner_k.png 1x, n_upper_banner_k@2x.png 2x">
 		
-	<svg class="rectangle_5_vn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bag">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bag" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_vo">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_vo" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_w">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_w" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_vp">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_vp" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_a">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_a" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_vq">
-		<rect onclick="application.goToTargetView(event)" id="remote_vq" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_u">
+		<rect onclick="application.goToTargetView(event)" id="remote_u" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_main__0___4.html b/public/flukemoni/Ex3/test5_return_loss_main__0___4.html
old mode 100644
new mode 100755
index e218754..91997b7
--- a/public/flukemoni/Ex3/test5_return_loss_main__0___4.html
+++ b/public/flukemoni/Ex3/test5_return_loss_main__0___4.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_vu {
+	#n_40_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_baa {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_vv {
+	#rectangle_5_bah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_vv {
+	.rectangle_5_bah {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_vw {
+	#circle_3_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_main__0___3.html;
 		cursor: pointer;
 	}
-	.circle_3_vw {
+	.circle_3_a {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_vx {
+	#circle_4_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_main__0.html;
 		cursor: pointer;
 	}
-	.circle_4_vx {
+	.circle_4_b {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_vy {
+	#remote_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_vy {
+	.remote_a {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_main_-0__4">
 	<img id="test5_return_loss_main_-4" src="test5_return_loss_main_-4.png" srcset="test5_return_loss_main_-4.png 1x, test5_return_loss_main_-4@2x.png 2x">
 		
-	<img id="n_upper_banner_vu" src="n_upper_banner_vu.png" srcset="n_upper_banner_vu.png 1x, n_upper_banner_vu@2x.png 2x">
+	<svg class="n_40_d">
+		<ellipse id="n_40_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_b">
+		<ellipse id="n_56_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_b">
+		<ellipse id="n_57_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_x">
+		<ellipse id="n_59_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_baa" src="n_upper_banner_baa.png" srcset="n_upper_banner_baa.png 1x, n_upper_banner_baa@2x.png 2x">
 		
-	<svg class="rectangle_5_vv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_vv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bah">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bah" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_vw">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_vw" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_a">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_a" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_vx">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_vx" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_b">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_b" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_vy">
-		<rect onclick="application.goToTargetView(event)" id="remote_vy" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_a">
+		<rect onclick="application.goToTargetView(event)" id="remote_a" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-0.png b/public/flukemoni/Ex3/test5_return_loss_remote-0.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-0@2x.png b/public/flukemoni/Ex3/test5_return_loss_remote-0@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-1.png b/public/flukemoni/Ex3/test5_return_loss_remote-1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-1@2x.png b/public/flukemoni/Ex3/test5_return_loss_remote-1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-2.png b/public/flukemoni/Ex3/test5_return_loss_remote-2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-2@2x.png b/public/flukemoni/Ex3/test5_return_loss_remote-2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-3.png b/public/flukemoni/Ex3/test5_return_loss_remote-3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-3@2x.png b/public/flukemoni/Ex3/test5_return_loss_remote-3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-4.png b/public/flukemoni/Ex3/test5_return_loss_remote-4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote-4@2x.png b/public/flukemoni/Ex3/test5_return_loss_remote-4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote__0.html b/public/flukemoni/Ex3/test5_return_loss_remote__0.html
old mode 100644
new mode 100755
index 8caf815..efccd34
--- a/public/flukemoni/Ex3/test5_return_loss_remote__0.html
+++ b/public/flukemoni/Ex3/test5_return_loss_remote__0.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_uy {
+	#n_40_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_z {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_uz {
+	#rectangle_5_bad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_uz {
+	.rectangle_5_bad {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_u {
+	#circle_3_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_remote__0___4.html;
 		cursor: pointer;
 	}
-	.circle_3_u {
+	.circle_3_n {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_u {
+	#circle_4_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_remote__0___1.html;
 		cursor: pointer;
 	}
-	.circle_4_u {
+	.circle_4_w {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_u {
+	#remote_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_u {
+	.remote_t {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_remote_-0">
 	<img id="test5_return_loss_remote-0" src="test5_return_loss_remote-0.png" srcset="test5_return_loss_remote-0.png 1x, test5_return_loss_remote-0@2x.png 2x">
 		
-	<img id="n_upper_banner_uy" src="n_upper_banner_uy.png" srcset="n_upper_banner_uy.png 1x, n_upper_banner_uy@2x.png 2x">
+	<svg class="n_40_k">
+		<ellipse id="n_40_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_i">
+		<ellipse id="n_56_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_j">
+		<ellipse id="n_57_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_k">
+		<ellipse id="n_59_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_z" src="n_upper_banner_z.png" srcset="n_upper_banner_z.png 1x, n_upper_banner_z@2x.png 2x">
 		
-	<svg class="rectangle_5_uz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_uz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bad">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bad" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_u">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_u" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_n">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_n" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_u">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_u" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_w">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_w" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_u">
-		<rect onclick="application.goToTargetView(event)" id="remote_u" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_t">
+		<rect onclick="application.goToTargetView(event)" id="remote_t" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote__0___1.html b/public/flukemoni/Ex3/test5_return_loss_remote__0___1.html
old mode 100644
new mode 100755
index 684cd59..ffe88b4
--- a/public/flukemoni/Ex3/test5_return_loss_remote__0___1.html
+++ b/public/flukemoni/Ex3/test5_return_loss_remote__0___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_v {
+	#n_40_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_bab {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_v {
+	#rectangle_5_bai {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_v {
+	.rectangle_5_bai {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_v {
+	#circle_3_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_remote__0.html;
 		cursor: pointer;
 	}
-	.circle_3_v {
+	.circle_3_e {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_v {
+	#circle_4_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_remote__0___2.html;
 		cursor: pointer;
 	}
-	.circle_4_v {
+	.circle_4_f {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_v {
+	#remote_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_v {
+	.remote_f {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_remote_-0__1">
 	<img id="test5_return_loss_remote-1" src="test5_return_loss_remote-1.png" srcset="test5_return_loss_remote-1.png 1x, test5_return_loss_remote-1@2x.png 2x">
 		
-	<img id="n_upper_banner_v" src="n_upper_banner_v.png" srcset="n_upper_banner_v.png 1x, n_upper_banner_v@2x.png 2x">
+	<svg class="n_40_baa">
+		<ellipse id="n_40_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_c">
+		<ellipse id="n_56_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_c">
+		<ellipse id="n_57_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_a">
+		<ellipse id="n_59_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bab" src="n_upper_banner_bab.png" srcset="n_upper_banner_bab.png 1x, n_upper_banner_bab@2x.png 2x">
 		
-	<svg class="rectangle_5_v">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_v" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bai">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bai" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_v">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_v" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_e">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_e" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_v">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_v" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_f">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_f" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_v">
-		<rect onclick="application.goToTargetView(event)" id="remote_v" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_f">
+		<rect onclick="application.goToTargetView(event)" id="remote_f" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote__0___2.html b/public/flukemoni/Ex3/test5_return_loss_remote__0___2.html
old mode 100644
new mode 100755
index f7cb656..d616c01
--- a/public/flukemoni/Ex3/test5_return_loss_remote__0___2.html
+++ b/public/flukemoni/Ex3/test5_return_loss_remote__0___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_wa {
+	#n_40_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_bac {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wb {
+	#rectangle_5_baj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wb {
+	.rectangle_5_baj {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_wc {
+	#circle_3_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_remote__0___1.html;
 		cursor: pointer;
 	}
-	.circle_3_wc {
+	.circle_3_f {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_wd {
+	#circle_4_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_remote__0___3.html;
 		cursor: pointer;
 	}
-	.circle_4_wd {
+	.circle_4_g {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_we {
+	#remote_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_we {
+	.remote_v {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_remote_-0__2">
 	<img id="test5_return_loss_remote-2" src="test5_return_loss_remote-2.png" srcset="test5_return_loss_remote-2.png 1x, test5_return_loss_remote-2@2x.png 2x">
 		
-	<img id="n_upper_banner_wa" src="n_upper_banner_wa.png" srcset="n_upper_banner_wa.png 1x, n_upper_banner_wa@2x.png 2x">
+	<svg class="n_40_bab">
+		<ellipse id="n_40_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_n">
+		<ellipse id="n_56_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_o">
+		<ellipse id="n_57_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_m">
+		<ellipse id="n_59_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bac" src="n_upper_banner_bac.png" srcset="n_upper_banner_bac.png 1x, n_upper_banner_bac@2x.png 2x">
 		
-	<svg class="rectangle_5_wb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baj">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baj" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_wc">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_wc" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_f">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_f" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_wd">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_wd" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_g">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_g" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_we">
-		<rect onclick="application.goToTargetView(event)" id="remote_we" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_v">
+		<rect onclick="application.goToTargetView(event)" id="remote_v" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote__0___3.html b/public/flukemoni/Ex3/test5_return_loss_remote__0___3.html
old mode 100644
new mode 100755
index dd9789a..54cc939
--- a/public/flukemoni/Ex3/test5_return_loss_remote__0___3.html
+++ b/public/flukemoni/Ex3/test5_return_loss_remote__0___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_wi {
+	#n_40_bac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_bad {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wj {
+	#rectangle_5_bak {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wj {
+	.rectangle_5_bak {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_wk {
+	#circle_3_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_remote__0___2.html;
 		cursor: pointer;
 	}
-	.circle_3_wk {
+	.circle_3_g {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_wl {
+	#circle_4_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_remote__0___4.html;
 		cursor: pointer;
 	}
-	.circle_4_wl {
+	.circle_4_h {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_wm {
+	#remote_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_wm {
+	.remote_b {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_remote_-0__3">
 	<img id="test5_return_loss_remote-3" src="test5_return_loss_remote-3.png" srcset="test5_return_loss_remote-3.png 1x, test5_return_loss_remote-3@2x.png 2x">
 		
-	<img id="n_upper_banner_wi" src="n_upper_banner_wi.png" srcset="n_upper_banner_wi.png 1x, n_upper_banner_wi@2x.png 2x">
+	<svg class="n_40_bac">
+		<ellipse id="n_40_bac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_d">
+		<ellipse id="n_56_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_d">
+		<ellipse id="n_57_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_y">
+		<ellipse id="n_59_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bad" src="n_upper_banner_bad.png" srcset="n_upper_banner_bad.png 1x, n_upper_banner_bad@2x.png 2x">
 		
-	<svg class="rectangle_5_wj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wj" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bak">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bak" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_wk">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_wk" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_g">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_g" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_wl">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_wl" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_h">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_h" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_wm">
-		<rect onclick="application.goToTargetView(event)" id="remote_wm" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_b">
+		<rect onclick="application.goToTargetView(event)" id="remote_b" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_return_loss_remote__0___4.html b/public/flukemoni/Ex3/test5_return_loss_remote__0___4.html
old mode 100644
new mode 100755
index 33c2672..11e1e8f
--- a/public/flukemoni/Ex3/test5_return_loss_remote__0___4.html
+++ b/public/flukemoni/Ex3/test5_return_loss_remote__0___4.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_wq {
+	#n_40_bad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_56_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 337px;
+		top: 526px;
+	}
+	#n_57_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 441px;
+		top: 526px;
+	}
+	#n_59_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 600px;
+	}
+	#n_upper_banner_bae {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wr {
+	#rectangle_5_bal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wr {
+	.rectangle_5_bal {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: test5___perfomance___2.html;
 		cursor: pointer;
 	}
-	#circle_3_ws {
+	#circle_3_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -94,7 +166,7 @@
 		--web-action-target: test5_return_loss_remote__0___3.html;
 		cursor: pointer;
 	}
-	.circle_3_ws {
+	.circle_3_h {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -102,7 +174,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_wt {
+	#circle_4_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		--web-action-target: test5_return_loss_remote__0.html;
 		cursor: pointer;
 	}
-	.circle_4_wt {
+	.circle_4_i {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -124,7 +196,7 @@
 		left: 434px;
 		top: 519px;
 	}
-	#remote_wu {
+	#remote_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_wu {
+	.remote_g {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3062,22 +3134,38 @@ window.application = new Application();
 <div id="test5_return_loss_remote_-0__4">
 	<img id="test5_return_loss_remote-4" src="test5_return_loss_remote-4.png" srcset="test5_return_loss_remote-4.png 1x, test5_return_loss_remote-4@2x.png 2x">
 		
-	<img id="n_upper_banner_wq" src="n_upper_banner_wq.png" srcset="n_upper_banner_wq.png 1x, n_upper_banner_wq@2x.png 2x">
+	<svg class="n_40_bad">
+		<ellipse id="n_40_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_e">
+		<ellipse id="n_56_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_e">
+		<ellipse id="n_57_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_b">
+		<ellipse id="n_59_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bae" src="n_upper_banner_bae.png" srcset="n_upper_banner_bae.png 1x, n_upper_banner_bae@2x.png 2x">
 		
-	<svg class="rectangle_5_wr">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wr" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bal">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bal" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_ws">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_3_ws" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_h">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_3_h" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_wt">
-		<ellipse onclick="application.goToTargetView(event)" id="circle_4_wt" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_i">
+		<ellipse onclick="application.goToTargetView(event)" id="circle_4_i" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_wu">
-		<rect onclick="application.goToTargetView(event)" id="remote_wu" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_g">
+		<rect onclick="application.goToTargetView(event)" id="remote_g" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test5_wiremap.png b/public/flukemoni/Ex3/test5_wiremap.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test5_wiremap@2x.png b/public/flukemoni/Ex3/test5_wiremap@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6___fault_info.html b/public/flukemoni/Ex3/test6___fault_info.html
old mode 100644
new mode 100755
index f171be8..93a55d5
--- a/public/flukemoni/Ex3/test6___fault_info.html
+++ b/public/flukemoni/Ex3/test6___fault_info.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_wy {
+	#n_40_bae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_53_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 306px;
+		top: 277px;
+	}
+	#n_upper_banner_baf {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +130,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_wz {
+	#rectangle_5_bam {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_wz {
+	.rectangle_5_bam {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_w {
+	#rectangle_8_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_w {
+	.rectangle_8_o {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -102,7 +174,7 @@
 		--web-action-target: test6__wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_8_xa {
+	#rectangle_8_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -112,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xa {
+	.rectangle_8_p {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -124,7 +196,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_9_w {
+	#rectangle_9_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -134,7 +206,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_9_w {
+	.rectangle_9_p {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -146,7 +218,7 @@
 		--web-action-target: test6_fault_cause.html;
 		cursor: pointer;
 	}
-	#rectangle_7_w {
+	#rectangle_7_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -156,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_w {
+	.rectangle_7_q {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -164,7 +236,7 @@
 		left: 167px;
 		top: 455px;
 	}
-	#rectangle_7_xa {
+	#rectangle_7_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -174,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_xa {
+	.rectangle_7_r {
 		position: absolute;
 		overflow: visible;
 		width: 303px;
@@ -3098,30 +3170,46 @@ window.application = new Application();
 <div id="test6__fault_info">
 	<img id="test6_fault_info" src="test6_fault_info.png" srcset="test6_fault_info.png 1x, test6_fault_info@2x.png 2x">
 		
-	<img id="n_upper_banner_wy" src="n_upper_banner_wy.png" srcset="n_upper_banner_wy.png 1x, n_upper_banner_wy@2x.png 2x">
+	<svg class="n_40_bae">
+		<ellipse id="n_40_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_i">
+		<ellipse id="n_51_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_k">
+		<ellipse id="n_52_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_k">
+		<ellipse id="n_53_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_baf" src="n_upper_banner_baf.png" srcset="n_upper_banner_baf.png 1x, n_upper_banner_baf@2x.png 2x">
 		
-	<svg class="rectangle_5_wz">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_wz" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bam">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bam" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_w">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_w" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_o">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_o" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_xa" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_p" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_9_w">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_9_w" rx="10" ry="10" x="0" y="0" width="303" height="184">
+	<svg class="rectangle_9_p">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_9_p" rx="10" ry="10" x="0" y="0" width="303" height="184">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_w">
-		<rect id="rectangle_7_w" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_q">
+		<rect id="rectangle_7_q" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_xa">
-		<rect id="rectangle_7_xa" rx="5" ry="5" x="0" y="0" width="303" height="52">
+	<svg class="rectangle_7_r">
+		<rect id="rectangle_7_r" rx="5" ry="5" x="0" y="0" width="303" height="52">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6___perfomance.html b/public/flukemoni/Ex3/test6___perfomance.html
old mode 100644
new mode 100755
index 5567417..6367f83
--- a/public/flukemoni/Ex3/test6___perfomance.html
+++ b/public/flukemoni/Ex3/test6___perfomance.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_w {
+	#n_40_baf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_baf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 70px;
+		top: 98px;
+	}
+	#n_52_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_bag {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_w {
+	#rectangle_5_ban {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_w {
+	.rectangle_5_ban {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_xa {
+	#rectangle_5_bao {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xa {
+	.rectangle_5_bao {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_xb {
+	#rectangle_8_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xb {
+	.rectangle_8_ {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -116,7 +170,7 @@
 		left: 161px;
 		top: 91px;
 	}
-	#rectangle_8_xc {
+	#rectangle_8_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xc {
+	.rectangle_8_a {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -138,7 +192,7 @@
 		--web-action-target: test6___fault_info.html;
 		cursor: pointer;
 	}
-	#rectangle_8_xd {
+	#rectangle_8_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +202,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xd {
+	.rectangle_8_b {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -160,7 +214,7 @@
 		--web-action-target: test6__wiremap.html;
 		cursor: pointer;
 	}
-	#rectangle_7_xe {
+	#rectangle_7_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +224,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_xe {
+	.rectangle_7_ {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -182,7 +236,7 @@
 		--web-action-target: test6_resistance_1.html;
 		cursor: pointer;
 	}
-	#rectangle_7_xf {
+	#rectangle_7_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_xf {
+	.rectangle_7_a {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -204,7 +258,7 @@
 		--web-action-target: test6_return_loss_main.html;
 		cursor: pointer;
 	}
-	#rectangle_7_xg {
+	#rectangle_7_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +268,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_7_xg {
+	.rectangle_7_b {
 		position: absolute;
 		overflow: visible;
 		width: 439px;
@@ -3150,38 +3204,50 @@ window.application = new Application();
 <div id="test6__perfomance">
 	<img id="test6_performance_1" src="test6_performance_1.png" srcset="test6_performance_1.png 1x, test6_performance_1@2x.png 2x">
 		
-	<img id="n_upper_banner_w" src="n_upper_banner_w.png" srcset="n_upper_banner_w.png 1x, n_upper_banner_w@2x.png 2x">
+	<svg class="n_40_baf">
+		<ellipse id="n_40_baf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_w">
+		<ellipse id="n_51_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_x">
+		<ellipse id="n_52_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bag" src="n_upper_banner_bag.png" srcset="n_upper_banner_bag.png 1x, n_upper_banner_bag@2x.png 2x">
 		
-	<svg class="rectangle_5_w">
-		<rect id="rectangle_5_w" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ban">
+		<rect id="rectangle_5_ban" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_xa">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xa" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bao">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bao" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xb">
-		<rect id="rectangle_8_xb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_">
+		<rect id="rectangle_8_" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_xc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_a">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_a" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xd">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_xd" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_b">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_b" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_xe">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_xe" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_xf">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_xf" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_a">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_a" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
-	<svg class="rectangle_7_xg">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_7_xg" rx="5" ry="5" x="0" y="0" width="439" height="52">
+	<svg class="rectangle_7_b">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_7_b" rx="5" ry="5" x="0" y="0" width="439" height="52">
 		</rect>
 	</svg>
 	<img id="test6_performance_2" src="test6_performance_2.png" srcset="test6_performance_2.png 1x, test6_performance_2@2x.png 2x">
diff --git a/public/flukemoni/Ex3/test6__wiremap.html b/public/flukemoni/Ex3/test6__wiremap.html
old mode 100644
new mode 100755
index 5fa4bbe..71d826f
--- a/public/flukemoni/Ex3/test6__wiremap.html
+++ b/public/flukemoni/Ex3/test6__wiremap.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_wiremap_xk {
+	#test6_wiremap_a {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_xl {
+	#n_40_bag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_51_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 98px;
+	}
+	#n_52_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 388px;
+		top: 98px;
+	}
+	#n_upper_banner_bah {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_xm {
+	#rectangle_5_bap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xm {
+	.rectangle_5_bap {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_xn {
+	#rectangle_5_baq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xn {
+	.rectangle_5_baq {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: Results.html;
 		cursor: pointer;
 	}
-	#rectangle_8_xo {
+	#rectangle_8_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xo {
+	.rectangle_8_h {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_xp {
+	#rectangle_8_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_xp {
+	.rectangle_8_l {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3056,24 +3110,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_wiremap">
-	<img id="test6_wiremap_xk" src="test6_wiremap_xk.png" srcset="test6_wiremap_xk.png 1x, test6_wiremap_xk@2x.png 2x">
+	<img id="test6_wiremap_a" src="test6_wiremap_a.png" srcset="test6_wiremap_a.png 1x, test6_wiremap_a@2x.png 2x">
 		
-	<img id="n_upper_banner_xl" src="n_upper_banner_xl.png" srcset="n_upper_banner_xl.png 1x, n_upper_banner_xl@2x.png 2x">
+	<svg class="n_40_bag">
+		<ellipse id="n_40_bag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_c">
+		<ellipse id="n_51_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_d">
+		<ellipse id="n_52_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bah" src="n_upper_banner_bah.png" srcset="n_upper_banner_bah.png 1x, n_upper_banner_bah@2x.png 2x">
 		
-	<svg class="rectangle_5_xm">
-		<rect id="rectangle_5_xm" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bap">
+		<rect id="rectangle_5_bap" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_xn">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xn" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baq">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baq" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_xo" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_h">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_h" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_xp">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_xp" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_l">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_l" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_fault_cause.html b/public/flukemoni/Ex3/test6_fault_cause.html
old mode 100644
new mode 100755
index 0419f68..bdf11ae
--- a/public/flukemoni/Ex3/test6_fault_cause.html
+++ b/public/flukemoni/Ex3/test6_fault_cause.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_fault_cause_xs {
+	#test6_fault_cause_l {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_xt {
+	#n_40_bah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_upper_banner_bai {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +76,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_xu {
+	#rectangle_5_bar {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xu {
+	.rectangle_5_bar {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +94,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_xv {
+	#rectangle_5_bas {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_xv {
+	.rectangle_5_bas {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -3012,16 +3030,20 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_fault_cause">
-	<img id="test6_fault_cause_xs" src="test6_fault_cause_xs.png" srcset="test6_fault_cause_xs.png 1x, test6_fault_cause_xs@2x.png 2x">
+	<img id="test6_fault_cause_l" src="test6_fault_cause_l.png" srcset="test6_fault_cause_l.png 1x, test6_fault_cause_l@2x.png 2x">
 		
-	<img id="n_upper_banner_xt" src="n_upper_banner_xt.png" srcset="n_upper_banner_xt.png 1x, n_upper_banner_xt@2x.png 2x">
+	<svg class="n_40_bah">
+		<ellipse id="n_40_bah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bai" src="n_upper_banner_bai.png" srcset="n_upper_banner_bai.png 1x, n_upper_banner_bai@2x.png 2x">
 		
-	<svg class="rectangle_5_xu">
-		<rect id="rectangle_5_xu" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bar">
+		<rect id="rectangle_5_bar" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_xv">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_xv" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bas">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bas" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_fault_cause_xs.png b/public/flukemoni/Ex3/test6_fault_cause_l.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_fault_cause_xs.png
rename to public/flukemoni/Ex3/test6_fault_cause_l.png
diff --git a/public/flukemoni/Ex3/test6_fault_cause_xs@2x.png b/public/flukemoni/Ex3/test6_fault_cause_l@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_fault_cause_xs@2x.png
rename to public/flukemoni/Ex3/test6_fault_cause_l@2x.png
diff --git a/public/flukemoni/Ex3/test6_fault_info.png b/public/flukemoni/Ex3/test6_fault_info.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_fault_info@2x.png b/public/flukemoni/Ex3/test6_fault_info@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_next_main.png b/public/flukemoni/Ex3/test6_next_main.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_next_main@2x.png b/public/flukemoni/Ex3/test6_next_main@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_performance_1.png b/public/flukemoni/Ex3/test6_performance_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_performance_1@2x.png b/public/flukemoni/Ex3/test6_performance_1@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_performance_2.png b/public/flukemoni/Ex3/test6_performance_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_performance_2@2x.png b/public/flukemoni/Ex3/test6_performance_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex3/test6_resistance-1_xy.png b/public/flukemoni/Ex3/test6_resistance-1_s.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-1_xy.png
rename to public/flukemoni/Ex3/test6_resistance-1_s.png
diff --git a/public/flukemoni/Ex3/test6_resistance-1_xy@2x.png b/public/flukemoni/Ex3/test6_resistance-1_s@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-1_xy@2x.png
rename to public/flukemoni/Ex3/test6_resistance-1_s@2x.png
diff --git a/public/flukemoni/Ex3/test6_resistance-2_x.png b/public/flukemoni/Ex3/test6_resistance-2_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-2_x.png
rename to public/flukemoni/Ex3/test6_resistance-2_.png
diff --git a/public/flukemoni/Ex3/test6_resistance-2_x@2x.png b/public/flukemoni/Ex3/test6_resistance-2_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-2_x@2x.png
rename to public/flukemoni/Ex3/test6_resistance-2_@2x.png
diff --git a/public/flukemoni/Ex3/test6_resistance-3_ye.png b/public/flukemoni/Ex3/test6_resistance-3_e.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-3_ye.png
rename to public/flukemoni/Ex3/test6_resistance-3_e.png
diff --git a/public/flukemoni/Ex3/test6_resistance-3_ye@2x.png b/public/flukemoni/Ex3/test6_resistance-3_e@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_resistance-3_ye@2x.png
rename to public/flukemoni/Ex3/test6_resistance-3_e@2x.png
diff --git a/public/flukemoni/Ex3/test6_resistance_1.html b/public/flukemoni/Ex3/test6_resistance_1.html
old mode 100644
new mode 100755
index a4c3d52..f41258e
--- a/public/flukemoni/Ex3/test6_resistance_1.html
+++ b/public/flukemoni/Ex3/test6_resistance_1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_resistance-1_xy {
+	#test6_resistance-1_s {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_xz {
+	#n_40_bai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 236px;
+		top: 99px;
+	}
+	#n_61 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 397px;
+		top: 99px;
+	}
+	#n_upper_banner_baj {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_x {
+	#rectangle_5_bat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_x {
+	.rectangle_5_bat {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_ya {
+	#rectangle_5_bau {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_ya {
+	.rectangle_5_bau {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_x {
+	#rectangle_8_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_x {
+	.rectangle_8_z {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test6_resistance_2.html;
 		cursor: pointer;
 	}
-	#rectangle_8_ya {
+	#rectangle_8_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_ya {
+	.rectangle_8_c {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3056,24 +3110,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_resistance-1">
-	<img id="test6_resistance-1_xy" src="test6_resistance-1_xy.png" srcset="test6_resistance-1_xy.png 1x, test6_resistance-1_xy@2x.png 2x">
+	<img id="test6_resistance-1_s" src="test6_resistance-1_s.png" srcset="test6_resistance-1_s.png 1x, test6_resistance-1_s@2x.png 2x">
 		
-	<img id="n_upper_banner_xz" src="n_upper_banner_xz.png" srcset="n_upper_banner_xz.png 1x, n_upper_banner_xz@2x.png 2x">
+	<svg class="n_40_bai">
+		<ellipse id="n_40_bai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60">
+		<ellipse id="n_60" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61">
+		<ellipse id="n_61" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_baj" src="n_upper_banner_baj.png" srcset="n_upper_banner_baj.png 1x, n_upper_banner_baj@2x.png 2x">
 		
-	<svg class="rectangle_5_x">
-		<rect id="rectangle_5_x" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bat">
+		<rect id="rectangle_5_bat" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_ya">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ya" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bau">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bau" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_x">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_x" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_z">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_z" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_ya">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_ya" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_c">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_c" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_resistance_2.html b/public/flukemoni/Ex3/test6_resistance_2.html
old mode 100644
new mode 100755
index 4fdf474..0d52469
--- a/public/flukemoni/Ex3/test6_resistance_2.html
+++ b/public/flukemoni/Ex3/test6_resistance_2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_resistance-2_x {
+	#test6_resistance-2_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_x {
+	#n_40_baj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_baj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 78px;
+		top: 99px;
+	}
+	#n_61_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 397px;
+		top: 99px;
+	}
+	#n_upper_banner_bak {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yb {
+	#rectangle_5_bav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yb {
+	.rectangle_5_bav {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_yc {
+	#rectangle_5_baw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yc {
+	.rectangle_5_baw {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_yb {
+	#rectangle_8_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_yb {
+	.rectangle_8_g {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test6_resistance_1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_yc {
+	#rectangle_8_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_yc {
+	.rectangle_8_m {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3056,24 +3110,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_resistance-2">
-	<img id="test6_resistance-2_x" src="test6_resistance-2_x.png" srcset="test6_resistance-2_x.png 1x, test6_resistance-2_x@2x.png 2x">
+	<img id="test6_resistance-2_" src="test6_resistance-2_.png" srcset="test6_resistance-2_.png 1x, test6_resistance-2_@2x.png 2x">
 		
-	<img id="n_upper_banner_x" src="n_upper_banner_x.png" srcset="n_upper_banner_x.png 1x, n_upper_banner_x@2x.png 2x">
+	<svg class="n_40_baj">
+		<ellipse id="n_40_baj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_">
+		<ellipse id="n_60_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_">
+		<ellipse id="n_61_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bak" src="n_upper_banner_bak.png" srcset="n_upper_banner_bak.png 1x, n_upper_banner_bak@2x.png 2x">
 		
-	<svg class="rectangle_5_yb">
-		<rect id="rectangle_5_yb" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bav">
+		<rect id="rectangle_5_bav" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_yc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baw">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baw" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_yb">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_yb" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_g">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_g" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_yc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_yc" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_m">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_m" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_resistance_3.html b/public/flukemoni/Ex3/test6_resistance_3.html
old mode 100644
new mode 100755
index 056e631..a830726
--- a/public/flukemoni/Ex3/test6_resistance_3.html
+++ b/public/flukemoni/Ex3/test6_resistance_3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_resistance-3_ye {
+	#test6_resistance-3_e {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_yf {
+	#n_40_bak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 236px;
+		top: 99px;
+	}
+	#n_61_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 75px;
+		top: 99px;
+	}
+	#n_upper_banner_bal {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +112,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yg {
+	#rectangle_5_bax {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +122,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yg {
+	.rectangle_5_bax {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -76,7 +130,7 @@
 		left: 19px;
 		top: 48px;
 	}
-	#rectangle_5_yh {
+	#rectangle_5_bay {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +140,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yh {
+	.rectangle_5_bay {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -98,7 +152,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#rectangle_8_yi {
+	#rectangle_8_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_yi {
+	.rectangle_8_q {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -120,7 +174,7 @@
 		--web-action-target: test6_resistance_1.html;
 		cursor: pointer;
 	}
-	#rectangle_8_yj {
+	#rectangle_8_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_8_yj {
+	.rectangle_8_r {
 		position: absolute;
 		overflow: visible;
 		width: 156px;
@@ -3056,24 +3110,36 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_resistance-3">
-	<img id="test6_resistance-3_ye" src="test6_resistance-3_ye.png" srcset="test6_resistance-3_ye.png 1x, test6_resistance-3_ye@2x.png 2x">
+	<img id="test6_resistance-3_e" src="test6_resistance-3_e.png" srcset="test6_resistance-3_e.png 1x, test6_resistance-3_e@2x.png 2x">
 		
-	<img id="n_upper_banner_yf" src="n_upper_banner_yf.png" srcset="n_upper_banner_yf.png 1x, n_upper_banner_yf@2x.png 2x">
+	<svg class="n_40_bak">
+		<ellipse id="n_40_bak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_g">
+		<ellipse id="n_60_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_h">
+		<ellipse id="n_61_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bal" src="n_upper_banner_bal.png" srcset="n_upper_banner_bal.png 1x, n_upper_banner_bal@2x.png 2x">
 		
-	<svg class="rectangle_5_yg">
-		<rect id="rectangle_5_yg" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bax">
+		<rect id="rectangle_5_bax" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_5_yh">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yh" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bay">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bay" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_yi">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_yi" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_q">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_q" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
-	<svg class="rectangle_8_yj">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_8_yj" rx="0" ry="0" x="0" y="0" width="156" height="36">
+	<svg class="rectangle_8_r">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_8_r" rx="0" ry="0" x="0" y="0" width="156" height="36">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_return_loss_main.html b/public/flukemoni/Ex3/test6_return_loss_main.html
old mode 100644
new mode 100755
index 88c8f4d..18cc523
--- a/public/flukemoni/Ex3/test6_return_loss_main.html
+++ b/public/flukemoni/Ex3/test6_return_loss_main.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_return_loss_main_ym {
+	#test6_return_loss_main_p {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_yn {
+	#n_40_bal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 53px;
+		top: 600px;
+	}
+	#n_upper_banner_bam {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yo {
+	#rectangle_5_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yo {
+	.rectangle_5_baz {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_yp {
+	#circle_3_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_3_yp {
+	.circle_3_i {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -98,7 +134,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_yq {
+	#circle_4_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_4_yq {
+	.circle_4_j {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -116,7 +152,7 @@
 		left: 434px;
 		top: 516px;
 	}
-	#remote_yr {
+	#remote_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_yr {
+	.remote_w {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3052,24 +3088,32 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_return_loss_main">
-	<img id="test6_return_loss_main_ym" src="test6_return_loss_main_ym.png" srcset="test6_return_loss_main_ym.png 1x, test6_return_loss_main_ym@2x.png 2x">
+	<img id="test6_return_loss_main_p" src="test6_return_loss_main_p.png" srcset="test6_return_loss_main_p.png 1x, test6_return_loss_main_p@2x.png 2x">
 		
-	<img id="n_upper_banner_yn" src="n_upper_banner_yn.png" srcset="n_upper_banner_yn.png 1x, n_upper_banner_yn@2x.png 2x">
+	<svg class="n_40_bal">
+		<ellipse id="n_40_bal" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_r">
+		<ellipse id="n_60_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bam" src="n_upper_banner_bam.png" srcset="n_upper_banner_bam.png 1x, n_upper_banner_bam@2x.png 2x">
 		
-	<svg class="rectangle_5_yo">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yo" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_baz">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_baz" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_yp">
-		<ellipse id="circle_3_yp" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_i">
+		<ellipse id="circle_3_i" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_yq">
-		<ellipse id="circle_4_yq" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_j">
+		<ellipse id="circle_4_j" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_yr">
-		<rect onclick="application.goToTargetView(event)" id="remote_yr" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_w">
+		<rect onclick="application.goToTargetView(event)" id="remote_w" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_return_loss_main_ym.png b/public/flukemoni/Ex3/test6_return_loss_main_p.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_loss_main_ym.png
rename to public/flukemoni/Ex3/test6_return_loss_main_p.png
diff --git a/public/flukemoni/Ex3/test6_return_loss_main_ym@2x.png b/public/flukemoni/Ex3/test6_return_loss_main_p@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_loss_main_ym@2x.png
rename to public/flukemoni/Ex3/test6_return_loss_main_p@2x.png
diff --git a/public/flukemoni/Ex3/test6_return_loss_remote.html b/public/flukemoni/Ex3/test6_return_loss_remote.html
old mode 100644
new mode 100755
index c04453c..6d24687
--- a/public/flukemoni/Ex3/test6_return_loss_remote.html
+++ b/public/flukemoni/Ex3/test6_return_loss_remote.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_return_loss_remote_y {
+	#test6_return_loss_remote_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_y {
+	#n_40_ban {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ban {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 53px;
+		top: 600px;
+	}
+	#n_upper_banner_bao {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_y {
+	#rectangle_5_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_y {
+	.rectangle_5_bba {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_y {
+	#circle_3_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_3_y {
+	.circle_3_k {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -98,7 +134,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_y {
+	#circle_4_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_4_y {
+	.circle_4_l {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -116,7 +152,7 @@
 		left: 434px;
 		top: 516px;
 	}
-	#remote_y {
+	#remote_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_y {
+	.remote_h {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3052,24 +3088,32 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_return_loss_remote">
-	<img id="test6_return_loss_remote_y" src="test6_return_loss_remote_y.png" srcset="test6_return_loss_remote_y.png 1x, test6_return_loss_remote_y@2x.png 2x">
+	<img id="test6_return_loss_remote_" src="test6_return_loss_remote_.png" srcset="test6_return_loss_remote_.png 1x, test6_return_loss_remote_@2x.png 2x">
 		
-	<img id="n_upper_banner_y" src="n_upper_banner_y.png" srcset="n_upper_banner_y.png 1x, n_upper_banner_y@2x.png 2x">
+	<svg class="n_40_ban">
+		<ellipse id="n_40_ban" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_b">
+		<ellipse id="n_60_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bao" src="n_upper_banner_bao.png" srcset="n_upper_banner_bao.png 1x, n_upper_banner_bao@2x.png 2x">
 		
-	<svg class="rectangle_5_y">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_y" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bba">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bba" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_y">
-		<ellipse id="circle_3_y" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_k">
+		<ellipse id="circle_3_k" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_y">
-		<ellipse id="circle_4_y" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_l">
+		<ellipse id="circle_4_l" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_y">
-		<rect onclick="application.goToTargetView(event)" id="remote_y" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_h">
+		<rect onclick="application.goToTargetView(event)" id="remote_h" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_return_loss_remote_y.png b/public/flukemoni/Ex3/test6_return_loss_remote_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_loss_remote_y.png
rename to public/flukemoni/Ex3/test6_return_loss_remote_.png
diff --git a/public/flukemoni/Ex3/test6_return_loss_remote_y@2x.png b/public/flukemoni/Ex3/test6_return_loss_remote_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_loss_remote_y@2x.png
rename to public/flukemoni/Ex3/test6_return_loss_remote_@2x.png
diff --git a/public/flukemoni/Ex3/test6_return_netx_main.html b/public/flukemoni/Ex3/test6_return_netx_main.html
old mode 100644
new mode 100755
index 61b62a9..761278d
--- a/public/flukemoni/Ex3/test6_return_netx_main.html
+++ b/public/flukemoni/Ex3/test6_return_netx_main.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_yv {
+	#n_40_bam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 53px;
+		top: 600px;
+	}
+	#n_upper_banner_ban {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_yw {
+	#rectangle_5_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_yw {
+	.rectangle_5_ba {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_yx {
+	#circle_3_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_3_yx {
+	.circle_3_j {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -98,7 +134,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_yy {
+	#circle_4_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_4_yy {
+	.circle_4_k {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -116,7 +152,7 @@
 		left: 434px;
 		top: 516px;
 	}
-	#remote_yz {
+	#remote_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_yz {
+	.remote_c {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3054,22 +3090,30 @@ window.application = new Application();
 <div id="test6_return_netx_main">
 	<img id="test6_next_main" src="test6_next_main.png" srcset="test6_next_main.png 1x, test6_next_main@2x.png 2x">
 		
-	<img id="n_upper_banner_yv" src="n_upper_banner_yv.png" srcset="n_upper_banner_yv.png 1x, n_upper_banner_yv@2x.png 2x">
+	<svg class="n_40_bam">
+		<ellipse id="n_40_bam" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_a">
+		<ellipse id="n_60_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_ban" src="n_upper_banner_ban.png" srcset="n_upper_banner_ban.png 1x, n_upper_banner_ban@2x.png 2x">
 		
-	<svg class="rectangle_5_yw">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_yw" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_ba">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_ba" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_yx">
-		<ellipse id="circle_3_yx" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_j">
+		<ellipse id="circle_3_j" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_yy">
-		<ellipse id="circle_4_yy" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_k">
+		<ellipse id="circle_4_k" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_yz">
-		<rect onclick="application.goToTargetView(event)" id="remote_yz" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_c">
+		<rect onclick="application.goToTargetView(event)" id="remote_c" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_return_netx_remote.html b/public/flukemoni/Ex3/test6_return_netx_remote.html
old mode 100644
new mode 100755
index cb3f566..fcc975b
--- a/public/flukemoni/Ex3/test6_return_netx_remote.html
+++ b/public/flukemoni/Ex3/test6_return_netx_remote.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#test6_return_netx_remote_za {
+	#test6_return_netx_remote_j {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#n_upper_banner_zb {
+	#n_40_bao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_60_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 53px;
+		top: 600px;
+	}
+	#n_upper_banner_bap {
 		position: absolute;
 		width: 480px;
 		height: 30px;
@@ -58,7 +94,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#rectangle_5_zc {
+	#rectangle_5_bbb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +104,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.rectangle_5_zc {
+	.rectangle_5_bbb {
 		position: absolute;
 		overflow: visible;
 		width: 49px;
@@ -80,7 +116,7 @@
 		--web-action-target: test6___perfomance.html;
 		cursor: pointer;
 	}
-	#circle_3_zd {
+	#circle_3_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_3_zd {
+	.circle_3_l {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -98,7 +134,7 @@
 		left: 331px;
 		top: 517px;
 	}
-	#circle_4_ze {
+	#circle_4_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.circle_4_ze {
+	.circle_4_n {
 		position: absolute;
 		overflow: visible;
 		width: 35px;
@@ -116,7 +152,7 @@
 		left: 434px;
 		top: 516px;
 	}
-	#remote_zf {
+	#remote_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.remote_zf {
+	.remote_x {
 		position: absolute;
 		overflow: visible;
 		width: 114px;
@@ -3052,24 +3088,32 @@ window.application = new Application();
 </head>
 <body>
 <div id="test6_return_netx_remote">
-	<img id="test6_return_netx_remote_za" src="test6_return_netx_remote_za.png" srcset="test6_return_netx_remote_za.png 1x, test6_return_netx_remote_za@2x.png 2x">
+	<img id="test6_return_netx_remote_j" src="test6_return_netx_remote_j.png" srcset="test6_return_netx_remote_j.png 1x, test6_return_netx_remote_j@2x.png 2x">
 		
-	<img id="n_upper_banner_zb" src="n_upper_banner_zb.png" srcset="n_upper_banner_zb.png 1x, n_upper_banner_zb@2x.png 2x">
+	<svg class="n_40_bao">
+		<ellipse id="n_40_bao" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_l">
+		<ellipse id="n_60_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<img id="n_upper_banner_bap" src="n_upper_banner_bap.png" srcset="n_upper_banner_bap.png 1x, n_upper_banner_bap@2x.png 2x">
 		
-	<svg class="rectangle_5_zc">
-		<rect onclick="application.goToTargetView(event)" id="rectangle_5_zc" rx="0" ry="0" x="0" y="0" width="49" height="31">
+	<svg class="rectangle_5_bbb">
+		<rect onclick="application.goToTargetView(event)" id="rectangle_5_bbb" rx="0" ry="0" x="0" y="0" width="49" height="31">
 		</rect>
 	</svg>
-	<svg class="circle_3_zd">
-		<ellipse id="circle_3_zd" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_3_l">
+		<ellipse id="circle_3_l" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="circle_4_ze">
-		<ellipse id="circle_4_ze" rx="17.5" ry="18" cx="17.5" cy="18">
+	<svg class="circle_4_n">
+		<ellipse id="circle_4_n" rx="17.5" ry="18" cx="17.5" cy="18">
 		</ellipse>
 	</svg>
-	<svg class="remote_zf">
-		<rect onclick="application.goToTargetView(event)" id="remote_zf" rx="8" ry="8" x="0" y="0" width="114" height="51">
+	<svg class="remote_x">
+		<rect onclick="application.goToTargetView(event)" id="remote_x" rx="8" ry="8" x="0" y="0" width="114" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex3/test6_return_netx_remote_za.png b/public/flukemoni/Ex3/test6_return_netx_remote_j.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_netx_remote_za.png
rename to public/flukemoni/Ex3/test6_return_netx_remote_j.png
diff --git a/public/flukemoni/Ex3/test6_return_netx_remote_za@2x.png b/public/flukemoni/Ex3/test6_return_netx_remote_j@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_return_netx_remote_za@2x.png
rename to public/flukemoni/Ex3/test6_return_netx_remote_j@2x.png
diff --git a/public/flukemoni/Ex3/test6_wiremap_xk.png b/public/flukemoni/Ex3/test6_wiremap_a.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_wiremap_xk.png
rename to public/flukemoni/Ex3/test6_wiremap_a.png
diff --git a/public/flukemoni/Ex3/test6_wiremap_xk@2x.png b/public/flukemoni/Ex3/test6_wiremap_a@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex3/test6_wiremap_xk@2x.png
rename to public/flukemoni/Ex3/test6_wiremap_a@2x.png
diff --git a/public/flukemoni/Ex4/HOMAPAGE-BG.png b/public/flukemoni/Ex4/HOMAPAGE-BG.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/HOMEPAGE.html b/public/flukemoni/Ex4/HOMEPAGE.html
old mode 100644
new mode 100755
index c64b9b3..3ee8ae7
--- a/public/flukemoni/Ex4/HOMEPAGE.html
+++ b/public/flukemoni/Ex4/HOMEPAGE.html
@@ -48,6 +48,78 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 367px;
+		top: 230px;
+	}
+	#n_17_df {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_df {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 479px;
+	}
+	#n_20 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 412px;
+		top: 596px;
+	}
+	#n_18 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 207px;
+		top: 600px;
+	}
 	#SeclectLIMTbutton1 {
 		position: absolute;
 		width: 435px;
@@ -90,7 +162,7 @@
 		--web-action-target: SetREF.html;
 		cursor: pointer;
 	}
-	#SETREFButton_dh {
+	#SETREFButton_dl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETREFButton_dh {
+	.SETREFButton_dl {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -121,7 +193,7 @@
 		--web-action-target: TEST.html;
 		cursor: pointer;
 	}
-	#TestButton_dj {
+	#TestButton_dn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -131,7 +203,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestButton_dj {
+	.TestButton_dn {
 		position: absolute;
 		overflow: visible;
 		width: 111px;
@@ -3086,6 +3158,22 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="HOMAPAGE-BG" src="HOMAPAGE-BG.png" srcset="HOMAPAGE-BG.png 1x">
 		
+	<svg class="n_17">
+		<ellipse id="n_17" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_df">
+		<ellipse id="n_17_df" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20">
+		<ellipse id="n_20" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18">
+		<ellipse id="n_18" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="SeclectLIMTbutton1" class="SeclectLIMTbutton1">
 		<svg class="button1">
 			<rect id="button1" rx="0" ry="0" x="0" y="0" width="435" height="93">
@@ -3093,14 +3181,14 @@ window.application = new Application();
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SETREFButton" class="SETREFButton">
-		<svg class="SETREFButton_dh">
-			<rect id="SETREFButton_dh" rx="0" ry="0" x="0" y="0" width="100" height="51">
+		<svg class="SETREFButton_dl">
+			<rect id="SETREFButton_dl" rx="0" ry="0" x="0" y="0" width="100" height="51">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestButton" class="TestButton">
-		<svg class="TestButton_dj">
-			<rect id="TestButton_dj" rx="0" ry="0" x="0" y="0" width="111" height="51">
+		<svg class="TestButton_dn">
+			<rect id="TestButton_dn" rx="0" ry="0" x="0" y="0" width="111" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.css b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.css
old mode 100644
new mode 100755
index 69473bf..d20eb12
--- a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.css
+++ b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.css
@@ -42,6 +42,60 @@
 	top: 0px;
 	overflow: visible;
 }
+#n_17_dt {
+	opacity: 0.8;
+	fill: rgba(249,188,18,1);
+	stroke: rgba(249,188,18,1);
+	stroke-width: 4px;
+	stroke-linejoin: miter;
+	stroke-linecap: butt;
+	stroke-miterlimit: 4;
+	shape-rendering: auto;
+}
+.n_17_dt {
+	position: absolute;
+	overflow: visible;
+	width: 22px;
+	height: 22px;
+	left: 32px;
+	top: 51px;
+}
+#n_17_du {
+	opacity: 0.8;
+	fill: rgba(249,188,18,1);
+	stroke: rgba(249,188,18,1);
+	stroke-width: 4px;
+	stroke-linejoin: miter;
+	stroke-linecap: butt;
+	stroke-miterlimit: 4;
+	shape-rendering: auto;
+}
+.n_17_du {
+	position: absolute;
+	overflow: visible;
+	width: 22px;
+	height: 22px;
+	left: 34px;
+	top: 599px;
+}
+#n_20_dv {
+	opacity: 0.8;
+	fill: rgba(249,188,18,1);
+	stroke: rgba(146,135,105,1);
+	stroke-width: 1px;
+	stroke-linejoin: miter;
+	stroke-linecap: butt;
+	stroke-miterlimit: 4;
+	shape-rendering: auto;
+}
+.n_20_dv {
+	position: absolute;
+	overflow: visible;
+	width: 22px;
+	height: 22px;
+	left: 412px;
+	top: 596px;
+}
 #back {
 	opacity: 0;
 	position: absolute;
@@ -55,7 +109,7 @@
 	--web-action-target: HOMEPAGE.html;
 	cursor: pointer;
 }
-#back_dq {
+#back_dx {
 	opacity: 0.25;
 	fill: rgba(255,255,255,1);
 	stroke: rgba(112,112,112,1);
@@ -65,7 +119,7 @@
 	stroke-miterlimit: 4;
 	shape-rendering: auto;
 }
-.back_dq {
+.back_dx {
 	position: absolute;
 	overflow: visible;
 	width: 59px;
@@ -86,7 +140,7 @@
 	--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 	cursor: pointer;
 }
-#NewTestbutton_ds {
+#NewTestbutton_dz {
 	fill: rgba(255,255,255,1);
 	stroke: rgba(112,112,112,1);
 	stroke-width: 1px;
@@ -95,7 +149,7 @@
 	stroke-miterlimit: 4;
 	shape-rendering: auto;
 }
-.NewTestbutton_ds {
+.NewTestbutton_dz {
 	position: absolute;
 	overflow: visible;
 	width: 82px;
@@ -115,7 +169,7 @@
 	--web-action-target: HOMEPAGE.html;
 	cursor: pointer;
 }
-#UseSelectbutton_du {
+#UseSelectbutton_d {
 	opacity: 0;
 	fill: rgba(255,255,255,1);
 	stroke: rgba(112,112,112,1);
@@ -125,7 +179,7 @@
 	stroke-miterlimit: 4;
 	shape-rendering: auto;
 }
-.UseSelectbutton_du {
+.UseSelectbutton_d {
 	position: absolute;
 	overflow: visible;
 	width: 113px;
diff --git a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.html b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.html
old mode 100644
new mode 100755
index 66d7a51..f29fab3
--- a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.html
+++ b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.html
@@ -12,21 +12,33 @@
 <div id="HOMEPAGE-ChangeTest">
 	<img id="n_2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAUACAYAAACI7jsVAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF7svWl/XOd15btrwDzPI0kQnGeKkmgNjEzL8hBP3Umn04lv377+GPelX96v0J1c/xT/HCVXcRTbHcuOLNuSLckaKIqkOIkDCJIAMRAAMQ9VqKq71nPqgIVSYSwUUBTXwyCwyKpT5/zPAarWWXuvHTCzBL60REAEREAEREAEREAEREAEREAEROALTSAgAfyFPr86OBEQAREQAREQAREQAREQAREQgSQBCWBdCiIgAiIgAiIgAiIgAiIgAiIgAo8FAQngx+I06yBFQAREQAREQAREQAREQAREQAQkgHUNiIAIiIAIiIAIiIAIiIAIiIAIPBYEJIAfi9OsgxQBERABERABERABERABERABEZAA1jUgAiIgAiIgAiIgAiIgAiIgAiLwWBCQAH4sTrMOUgREQAREQAREQAREQAREQAREQAJY14AIiIAIiIAIiIAIiIAIiIAIiMBjQUAC+LE4zTpIERABERABERABERABERABERABCWBdAyIgAiIgAiIgAiIgAiIgAiIgAo8FgVUJ4KqqKuvo6LDq6urHAsp6D3J0dNS6u7ttbGxsvZvQ80RABERABERABERABERABERABHJEYFUC+NixY/aDH/zAjh8/nqPd+GJs9ty5c/byyy/b+fPnvxgHpKMQAREQAREQAREQAREQAREQgS8QgVUJ4C9/+cv2wx/+0E6fPv0FOvSNP5S33nrLcXr77bc3fuPaogiIgAiIgAiIgAiIgAiIgAiIQFYEJICzwrf4yRLAGwhTmxIBERABERABERABERABERCBDSawLgE8Fpm0O1ODxu+P86oqLLftZY3G71wSwI/z1aBjFwEREAEREAEREAEREAERyHcC6xLAnz7osle63rRPR7vy/fhyun9Hqjvt+50v2ZGaTgngnJLWxkVABERABERABERABERABEQgewLrEsDvDFyw/+fiK/bu4KfZ78EjvIXnG4/Y/334+3aq6agE8CN8HrXrIiACIiACIiACIiACIiACjwcBCeAszrMEcBbw9FQREAEREAEREAEREAEREAER2GQCEsBZAJcAzgKenioCIiACIiACIiACIiACIiACm0xAAjgL4BLAWcDTU0VABERABERABERABERABERgkwlIAGcBPF0Anzt3zl5++WXj99Q1Ojpq3d3dNjY2lsWr6akiIAIiIAIiIAIiIAIiIAIiIALZEJAAzoJeugD2hS6/py5fGJ8/fz6LV9NTRUAEREAEREAEREAEREAEREAEsiEgAZwFvXQBvNSmNB84C8h6qgiIgAiIgAiIgAiIgAiIgAhsEAEJ4CxASgBnAU9PFQEREAEREAEREAEREAEREIFNJiABnAVwCeAs4OmpIiACIiACIiACIiACIiACIrDJBCSAswAuAZwFPD1VBERABERABERABERABERABDaZgARwFsAlgLOAp6eKgAiIgAiIgAiIgAiIgAiIwCYTkADOArgEcBbw9FQREAEREAEREAEREAEREAER2GQCEsBZAJcAzgKenioCIiACIiACIiACIiACIiACm0xAAjgL4BLAWcDTU0VABERABERABERABERABERgkwlIAGcBXAI4C3h6qgiIgAiIgAiIgAiIgAiIgAhsMgEJ4CyASwBnAU9PFQEREAEREAEREAEREAEREIFNJiABnAVwCeAs4OmpIiACIiACIiACIiACIiACIrDJBCSAswAuAZwFPD1VBERABERABERABERABERABDaZgARwFsAlgLOAp6eKgAiIgAiIgAiIgAiIgAiIwCYTkADOArgEcBbw9FQREAEREAEREAEREAEREAER2GQCEsBZAE8XwKOjo9bd3W38nrrOnTtnL7/8sp0/fz6LV9NTRUAEREAEREAEREAEREAEREAEsiEgAZwFvXQB7Atdfk9dvjAeGxvL4tX0VBEQAREQAREQAREQAREQAREQgWwISABnQS9dAL/11lv2wx/+0N5+++0stqqnioAIiIAIiIAIiIAIiIAIiIAI5IKABHAWVCWAs4Cnp4qACIiACIiACIiACIiACIjAJhOQAM4CuARwFvD0VBEQAREQAREQAREQAREQARHYZAISwFkAlwDOAp6eKgIiIAIiIAIiIAIiIAIiIAKbTGBdAvjTB132Steb9ulo1ybvbn693JHqTvt+50t2pKbT7Zh6gPPr/GhvREAEREAEREAEREAEREAERCCVwLoE8Fhk0u5MDRq/P86rqrDctpc1Gr9LAD/OV4KOXQREQAREQAREQAREQARE4FEgsC4B/Cgc2FbsoxzgraCu1xQBERABERABERABERABERCB1RGQAF4dp1U9SgJ4VZj0IBEQAREQAREQAREQAREQARHYEgKrEsDHjh2zH/zgB3b8+PEt2clH5UXPnTtnL7/8sp0/f/5R2WXtpwiIgAiIgAiIgAiIgAiIgAg8NgRWJYCrqqqso6PDqqurHxsw6znQ0dFR6+7utrGxsfU8Xc8RAREQAREQAREQAREQAREQARHIIYFVCeAcvr42LQIiIAIiIAIiIAIiIAIiIAIiIAKbQkACeFMw60VEQAREQAREQAREQAREQAREQAS2moAE8FafAb2+CIiACIiACIiACIiACIiACIjAphCQAN4UzHoRERABERABERABERABERABERCBrSYgAbzVZ0CvLwIiIAIiIAIiIAIiIAIiIAIisCkEJIA3BbNeRAREQAREQAREQAREQAREQAREYKsJSABv9RnQ64uACIiACIiACIiACIiACIiACGwKAQngTcGsFxEBERABERABERABERABERABEdhqAhLAW30G9PoiIAIiIAIiIAIiIAIiIAIiIAKbQkACeFMw60VEQAREQAREQAREQAREQAREQAS2mkCgvLw8sdU7odcXAREQAREQAREQAREQAREQAREQgVwTCOzevVsCONeUtX0REAEREAEREAEREAEREAEREIEtJxB44oknJIC3/DRoB0RABERABERABERABERABERABHJNQAI414S1fREQAREQAREQAREQAREQAREQgbwgIAGcF6dBOyECIiACIiACIiACIiACIiACIpBrAhLAuSas7YuACIiACIiACIiACIiACIiACOQFAQngvDgN2gkREAEREAEREAEREAEREAEREIFcE5AAzjVhbV8EREAEREAEREAEREAEREAERCAvCEgA58Vp0E6IgAiIgAiIgAiIgAiIgAiIgAjkmoAEcK4Ja/siIAIiIAIiIAIiIAIiIAIiIAJ5QUACOC9Og3ZCBERABERABERABERABERABEQg1wQkgHNNWNsXAREQAREQAREQAREQAREQARHICwISwHlxGrQTIiACIiACIiACIiACIiACIiACuSYgAZxrwtq+CIiACIiACIiACIiACIiACIhAXhCQAM6L06CdEAEREAEREAEREAEREAEREAERyDUBCeBcE9b2RUAEREAEREAEREAEREAEREAE8oKABHBenAbthAiIgAiIgAiIgAiIgAiIgAiIQK4JSADnmrC2LwIiIAIiIAIi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CLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAkHu3kwAAIABJREFUAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRgADcUWOoCgECBAgQIECAAAECBAi0ExCA29kqmQABAgQIECBAgAABAgQ6EhCAO2oMVSFAgAABAgQIECBAgACBdgICcDtbJRMgQIAAAQIECBAgQIBARwICcEeNoSoECBAgQIAAAQIECBAg0E5AAG5nq2QCBAgQIECAAAECBAgQ6EhAAO6oMVSFAAECBAgQIECAAAECBNoJCMDtbJVMgAABAgQIECBAgAABAh0JCMAdNYaqECBAgAABAgQIECBAgEA7AQG4na2SCRAgQIAAAQIECBAgQKAjAQG4o8ZQFQIECBAgQIAAAQIECBBoJyAAt7NVMgECBAgQIECAAAECBAh0JCAAd9QYqkKAAAECBAgQIECAAAEC7QQE4Ha2SiZAgAABAgQIECBAgACBjgQE4I4aQ1UIECBAgAABAgQIECBAoJ2AANzOVskECBAgQIAAAQIECBAg0JGAANxRY6gKAQIECBAgQIAAAQIECLQTEIDb2SqZAAECBAgQIECAAAECBDoSEIA7agxVIUCAAAECBAgQIECAAIF2AgJwO1slEyBAgAABAgQIECBAgEBHAgJwR42hKgQIECBAgAABAgQIECDQTkAAbmerZAIECBAgQIAAAQIECBDoSEAA7qgxVIUAAQIECBAgQIAAAQIE2gkIwO1slUyAAAECBAgQIECAAAECHQkIwB01hqoQIECAAAECBAgQIECAQDsBAbidrZIJECBAgAABAgQIECBAoCMBAbijxlAVAgQIECBAgAABAgQIEGgnIAC3s1UyAQIECBAgQIAAAQIECHQkIAB31BiqQoAAAQIECBAgQIAAAQLtBATgdrZKJkCAAAECBAgQIECAAIGOBATgjhpDVQgQIECAAAECBAgQIECgnYAA3M5WyQQIECBAgAABAgQIECDQkYAA3FFjqAoBAgQIECBAgAABAgQItBMQgNvZKpkAAQIECBAgQIAAAQIEOhIQgDtqDFUhQIAAAQIECBAgQIAAgXYCAnA7WyUTIECAAAECBAgQIECAQEcCAnBHjaEqBAgQIECAAAECBAgQINBOQABuZ6tkAgQIECBAgAABAgQIEOhIQADuqDFUhQABAgQIECBAgAABAgTaCQjA7WyVTIAAAQIECBAgQIAAAQIdCQjAHTWGqhAgQIAAAQIECBAgQIBAOwEBuJ2tkgkQIECAAAECBAgQIECgIwEBuKPGUBUCBAgQIECAAAECBAgQaCcgALezVTIBAgQIECBAgAABAgQIdCQgAHfUGKpCgAABAgQIECBAgAABAu0EBOB2tkomQIAAAQIECBAgQIAAgY4EBOCOGkNVCBAgQIAAAQIECBAgQKCdgADczlbJBAgQIECAAAECBAgQINCRwJI//M/+8OIV1+fKn3nFL+mJ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">
 		
+	<svg class="n_17_dt">
+		<ellipse id="n_17_dt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_du">
+		<ellipse id="n_17_du" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_dv">
+		<ellipse id="n_20_dv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="back" class="back">
-		<svg class="back_dq">
-			<rect id="back_dq" rx="0" ry="0" x="0" y="0" width="59" height="38">
+		<svg class="back_dx">
+			<rect id="back_dx" rx="0" ry="0" x="0" y="0" width="59" height="38">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="NewTestbutton" class="NewTestbutton">
-		<svg class="NewTestbutton_ds">
-			<rect id="NewTestbutton_ds" rx="0" ry="0" x="0" y="0" width="82" height="52">
+		<svg class="NewTestbutton_dz">
+			<rect id="NewTestbutton_dz" rx="0" ry="0" x="0" y="0" width="82" height="52">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="UseSelectbutton" class="UseSelectbutton">
-		<svg class="UseSelectbutton_du">
-			<rect id="UseSelectbutton_du" rx="0" ry="0" x="0" y="0" width="113" height="52">
+		<svg class="UseSelectbutton_d">
+			<rect id="UseSelectbutton_d" rx="0" ry="0" x="0" y="0" width="113" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.js b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest.js
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html
old mode 100644
new mode 100755
index 665b7a4..a86c4e0
--- a/public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html
+++ b/public/flukemoni/Ex4/HOMEPAGE_ChangeTest_NewTest.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_1_dx {
+	#n_1_d {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,6 +50,96 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_17_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 51px;
+	}
+	#n_17_ea {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_ea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 147px;
+	}
+	#n_19 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_19 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 249px;
+	}
+	#n_20_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 341px;
+		top: 341px;
+	}
+	#n_20_ea {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 419px;
+		top: 599px;
+	}
 	#backbutton {
 		opacity: 0;
 		position: absolute;
@@ -63,7 +153,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest.html;
 		cursor: pointer;
 	}
-	#backbutton_dz {
+	#backbutton_eb {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_dz {
+	.backbutton_eb {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -92,7 +182,7 @@
 		--web-action-target: _NewTest_TestType.html;
 		cursor: pointer;
 	}
-	#TestType_d {
+	#TestType_ed {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_d {
+	.TestType_ed {
 		position: absolute;
 		overflow: visible;
 		width: 409px;
@@ -122,7 +212,7 @@
 		--web-action-target: _NewTest_FiberType.html;
 		cursor: pointer;
 	}
-	#FiberType_d {
+	#FiberType_ef {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +222,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.FiberType_d {
+	.FiberType_ef {
 		position: absolute;
 		overflow: visible;
 		width: 409px;
@@ -152,7 +242,7 @@
 		--web-action-target: _NewTest_TestLimt.html;
 		cursor: pointer;
 	}
-	#TestLimt_d {
+	#TestLimt_eh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestLimt_d {
+	.TestLimt_eh {
 		position: absolute;
 		overflow: visible;
 		width: 406px;
@@ -182,7 +272,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest.html;
 		cursor: pointer;
 	}
-	#SaveButton_d {
+	#SaveButton_ej {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +282,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveButton_d {
+	.SaveButton_ej {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3114,35 +3204,55 @@ window.application = new Application();
 </head>
 <body>
 <div id="HOMEPAGE-ChangeTest-NewTest">
-	<img id="n_1_dx" src="n_1_dx.png" srcset="n_1_dx.png 1x, n_1_dx@2x.png 2x">
+	<img id="n_1_d" src="n_1_d.png" srcset="n_1_d.png 1x, n_1_d@2x.png 2x">
 		
+	<svg class="n_17_d">
+		<ellipse id="n_17_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_17_ea">
+		<ellipse id="n_17_ea" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_19">
+		<ellipse id="n_19" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_d">
+		<ellipse id="n_20_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ea">
+		<ellipse id="n_20_ea" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="backbutton" class="backbutton">
-		<svg class="backbutton_dz">
-			<rect id="backbutton_dz" rx="0" ry="0" x="0" y="0" width="53" height="32">
+		<svg class="backbutton_eb">
+			<rect id="backbutton_eb" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestType" class="TestType">
-		<svg class="TestType_d">
-			<rect id="TestType_d" rx="0" ry="0" x="0" y="0" width="409" height="47">
+		<svg class="TestType_ed">
+			<rect id="TestType_ed" rx="0" ry="0" x="0" y="0" width="409" height="47">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="FiberType" class="FiberType">
-		<svg class="FiberType_d">
-			<rect id="FiberType_d" rx="0" ry="0" x="0" y="0" width="409" height="41">
+		<svg class="FiberType_ef">
+			<rect id="FiberType_ef" rx="0" ry="0" x="0" y="0" width="409" height="41">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestLimt" class="TestLimt">
-		<svg class="TestLimt_d">
-			<rect id="TestLimt_d" rx="0" ry="0" x="0" y="0" width="406" height="39">
+		<svg class="TestLimt_eh">
+			<rect id="TestLimt_eh" rx="0" ry="0" x="0" y="0" width="406" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SaveButton" class="SaveButton">
-		<svg class="SaveButton_d">
-			<rect id="SaveButton_d" rx="0" ry="0" x="0" y="0" width="58" height="52">
+		<svg class="SaveButton_ej">
+			<rect id="SaveButton_ej" rx="0" ry="0" x="0" y="0" width="58" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/HOMEPAGE_SaveResult_x2.html b/public/flukemoni/Ex4/HOMEPAGE_SaveResult_x2.html
old mode 100644
new mode 100755
index 80036a8..9739ee8
--- a/public/flukemoni/Ex4/HOMEPAGE_SaveResult_x2.html
+++ b/public/flukemoni/Ex4/HOMEPAGE_SaveResult_x2.html
@@ -48,7 +48,7 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SeclectLIMTbutton1_vb {
+	#SeclectLIMTbutton1_r {
 		position: absolute;
 		width: 435px;
 		height: 93px;
@@ -61,7 +61,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest.html;
 		cursor: pointer;
 	}
-	#button1_vc {
+	#button1_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +71,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.button1_vc {
+	.button1_s {
 		position: absolute;
 		overflow: visible;
 		width: 435px;
@@ -79,7 +79,79 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETREFButton_vd {
+	#n_17_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_17_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 367px;
+		top: 230px;
+	}
+	#n_20_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 412px;
+		top: 596px;
+	}
+	#n_18_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 207px;
+		top: 600px;
+	}
+	#n_18_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 230px;
+		top: 479px;
+	}
+	#SETREFButton_x {
 		position: absolute;
 		width: 100px;
 		height: 51px;
@@ -92,7 +164,7 @@
 		--web-action-target: SetREF.html;
 		cursor: pointer;
 	}
-	#SETREFButton_ve {
+	#SETREFButton_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETREFButton_ve {
+	.SETREFButton_y {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -110,7 +182,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestButton_vf {
+	#TestButton_z {
 		position: absolute;
 		width: 111px;
 		height: 51px;
@@ -123,7 +195,7 @@
 		--web-action-target: TEST.html;
 		cursor: pointer;
 	}
-	#TestButton_vg {
+	#TestButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +205,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestButton_vg {
+	.TestButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 111px;
@@ -141,7 +213,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestResult_vh {
+	#TestResult_ {
 		position: absolute;
 		width: 96px;
 		height: 115px;
@@ -154,7 +226,7 @@
 		--web-action-target: TestResult_Have.html;
 		cursor: pointer;
 	}
-	#n_1_vi {
+	#n_1_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +236,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.n_1_vi {
+	.n_1_ {
 		position: absolute;
 		overflow: visible;
 		width: 96px;
@@ -3088,27 +3160,43 @@ window.application = new Application();
 <div id="HOMEPAGE-SaveResult-x2">
 	<img id="n_74" src="n_74.png" srcset="n_74.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="SeclectLIMTbutton1_vb" class="SeclectLIMTbutton1">
-		<svg class="button1_vc">
-			<rect id="button1_vc" rx="0" ry="0" x="0" y="0" width="435" height="93">
+	<div onclick="application.goToTargetView(event)" id="SeclectLIMTbutton1_r" class="SeclectLIMTbutton1">
+		<svg class="button1_s">
+			<rect id="button1_s" rx="0" ry="0" x="0" y="0" width="435" height="93">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETREFButton_vd" class="SETREFButton">
-		<svg class="SETREFButton_ve">
-			<rect id="SETREFButton_ve" rx="0" ry="0" x="0" y="0" width="100" height="51">
+	<svg class="n_17_t">
+		<ellipse id="n_17_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_u">
+		<ellipse id="n_20_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_w">
+		<ellipse id="n_18_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_x">
+		<ellipse id="n_18_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="SETREFButton_x" class="SETREFButton">
+		<svg class="SETREFButton_y">
+			<rect id="SETREFButton_y" rx="0" ry="0" x="0" y="0" width="100" height="51">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestButton_vf" class="TestButton">
-		<svg class="TestButton_vg">
-			<rect id="TestButton_vg" rx="0" ry="0" x="0" y="0" width="111" height="51">
+	<div onclick="application.goToTargetView(event)" id="TestButton_z" class="TestButton">
+		<svg class="TestButton_">
+			<rect id="TestButton_" rx="0" ry="0" x="0" y="0" width="111" height="51">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestResult_vh" class="TestResult">
-		<svg class="n_1_vi">
-			<rect id="n_1_vi" rx="0" ry="0" x="0" y="0" width="96" height="115">
+	<div onclick="application.goToTargetView(event)" id="TestResult_" class="TestResult">
+		<svg class="n_1_">
+			<rect id="n_1_" rx="0" ry="0" x="0" y="0" width="96" height="115">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L.html b/public/flukemoni/Ex4/NoSave_TestResult_L.html
old mode 100644
new mode 100755
index 57614cb..80ad370
--- a/public/flukemoni/Ex4/NoSave_TestResult_L.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_nw {
+	#n_25_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_rb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_rb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_rc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_rc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_rd {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_rd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 361px;
+	}
+	#BackButton_q {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_nx {
+	#BackButton_ra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_nx {
+	.BackButton_ra {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_NoSave.html;
 		cursor: pointer;
 	}
-	#MoreButton_ny {
+	#MoreButton_ra {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_nz {
+	#MoreButton_rb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_nz {
+	.MoreButton_rb {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: NoSave_TestResult_L_HELP.html;
 		cursor: pointer;
 	}
-	#LengthButton_n {
+	#LengthButton_rc {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 352px;
 		overflow: visible;
 	}
-	#LengthButton_oa {
+	#LengthButton_rd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_oa {
+	.LengthButton_rd {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: NoSave_TestResult_L_Length.html;
 		cursor: pointer;
 	}
-	#LookREFButton_n {
+	#LookREFButton_re {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_oa {
+	#LookREFButton_rf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_oa {
+	.LookREFButton_rf {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: NoSave_TestResult_L_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_n {
+	#SETButton_rg {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_oa {
+	#SETButton_rh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_oa {
+	.SETButton_rh {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: NoSave_TestResult_L_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_n {
+	#OKButton_ri {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_oa {
+	#OKButton_rj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_oa {
+	.OKButton_rj {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="NoSave-TestResult-L">
 	<img id="n_59" src="n_59.png" srcset="n_59.png 1x">
 		
-	<div id="BackButton_nw" class="BackButton">
-		<svg class="BackButton_nx">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_nx" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_q">
+		<ellipse id="n_25_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_q">
+		<ellipse id="n_18_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ra">
+		<ellipse id="n_18_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_rb">
+		<ellipse id="n_18_rb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_rc">
+		<ellipse id="n_18_rc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_rd">
+		<ellipse id="n_18_rd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_q" class="BackButton">
+		<svg class="BackButton_ra">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_ra" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_ny" class="MoreButton">
-		<svg class="MoreButton_nz">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_nz" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_ra" class="MoreButton">
+		<svg class="MoreButton_rb">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_rb" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="LengthButton_n" class="LengthButton">
-		<svg class="LengthButton_oa">
-			<rect onclick="application.goToTargetView(event)" id="LengthButton_oa" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="LengthButton_rc" class="LengthButton">
+		<svg class="LengthButton_rd">
+			<rect onclick="application.goToTargetView(event)" id="LengthButton_rd" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_n" class="LookREFButton">
-		<svg class="LookREFButton_oa">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_oa" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_re" class="LookREFButton">
+		<svg class="LookREFButton_rf">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_rf" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_n" class="SETButton">
-		<svg class="SETButton_oa">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_oa" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_rg" class="SETButton">
+		<svg class="SETButton_rh">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_rh" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_n" class="OKButton">
-		<svg class="OKButton_oa">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_oa" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_ri" class="OKButton">
+		<svg class="OKButton_rj">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_rj" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_L_HELP.html
old mode 100644
new mode 100755
index 322a6c8..42eb21b
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ob {
+	#n_25_rn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_rn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_ro {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_oc {
+	#BackButton_rp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_oc {
+	.BackButton_rp {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="NoSave-TestResult-L-HELP">
 	<img id="n_63" src="n_63.png" srcset="n_63.png 1x">
 		
-	<div id="BackButton_ob" class="BackButton">
-		<svg class="BackButton_oc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_oc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_rn">
+		<ellipse id="n_25_rn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_ro" class="BackButton">
+		<svg class="BackButton_rp">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_rp" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_Length.html b/public/flukemoni/Ex4/NoSave_TestResult_L_Length.html
old mode 100644
new mode 100755
index d04983b..8fcf91d
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_Length.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_Length.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ol {
+	#n_25_rz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_rz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_sa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_sa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_sb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_sb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_sc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_sc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_sd {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_sd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 361px;
+	}
+	#BackButton_r {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_om {
+	#BackButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_om {
+	.BackButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_NoSave.html;
 		cursor: pointer;
 	}
-	#MoreButton_on {
+	#MoreButton_r {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_oo {
+	#MoreButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_oo {
+	.MoreButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -118,7 +225,7 @@
 		top: 308px;
 		overflow: visible;
 	}
-	#R-MButton_oq {
+	#R-MButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_oq {
+	.R-MButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: NoSave_TestResult_L.html;
 		cursor: pointer;
 	}
-	#LookREFButton_or {
+	#LookREFButton_sb {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_os {
+	#LookREFButton_sc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_os {
+	.LookREFButton_sc {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: NoSave_TestResult_L_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_ot {
+	#SETButton_sd {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_ou {
+	#SETButton_se {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ou {
+	.SETButton_se {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: NoSave_TestResult_L_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_ov {
+	#OKButton_sf {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_ow {
+	#OKButton_sg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_ow {
+	.OKButton_sg {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="NoSave-TestResult-L-Length">
 	<img id="n_60" src="n_60.png" srcset="n_60.png 1x">
 		
-	<div id="BackButton_ol" class="BackButton">
-		<svg class="BackButton_om">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_om" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_rz">
+		<ellipse id="n_25_rz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_r">
+		<ellipse id="n_18_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_sa">
+		<ellipse id="n_18_sa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_sb">
+		<ellipse id="n_18_sb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_sc">
+		<ellipse id="n_18_sc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_sd">
+		<ellipse id="n_18_sd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_r" class="BackButton">
+		<svg class="BackButton_sa">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_sa" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_on" class="MoreButton">
-		<svg class="MoreButton_oo">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_oo" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_r" class="MoreButton">
+		<svg class="MoreButton_sa">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_sa" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div id="R-MButton" class="R_MButton">
-		<svg class="R-MButton_oq">
-			<rect onclick="application.goToTargetView(event)" id="R-MButton_oq" rx="0" ry="0" x="0" y="0" width="149" height="37">
+		<svg class="R-MButton_sa">
+			<rect onclick="application.goToTargetView(event)" id="R-MButton_sa" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_or" class="LookREFButton">
-		<svg class="LookREFButton_os">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_os" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_sb" class="LookREFButton">
+		<svg class="LookREFButton_sc">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_sc" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_ot" class="SETButton">
-		<svg class="SETButton_ou">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_ou" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_sd" class="SETButton">
+		<svg class="SETButton_se">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_se" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_ov" class="OKButton">
-		<svg class="OKButton_ow">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_ow" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_sf" class="OKButton">
+		<svg class="OKButton_sg">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_sg" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_Length_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_L_Length_HELP.html
old mode 100644
new mode 100755
index f273047..70c8c92
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_Length_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_of {
+	#n_63_rs {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_og {
+	#n_25_rt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_rt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_ru {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_oh {
+	#BackButton_rv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_oh {
+	.BackButton_rv {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-L-Length-HELP">
-	<img id="n_63_of" src="n_63_of.png" srcset="n_63_of.png 1x">
+	<img id="n_63_rs" src="n_63_rs.png" srcset="n_63_rs.png 1x">
 		
-	<div id="BackButton_og" class="BackButton">
-		<svg class="BackButton_oh">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_oh" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_rt">
+		<ellipse id="n_25_rt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_ru" class="BackButton">
+		<svg class="BackButton_rv">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_rv" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF.html b/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF.html
old mode 100644
new mode 100755
index bc51bac..13c4fc0
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_o {
+	#n_25_sk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_sk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_sl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_sl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 25px;
+		top: 545px;
+	}
+	#BackButton_sm {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +92,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_pa {
+	#BackButton_sn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +102,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_pa {
+	.BackButton_sn {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		--web-action-target: NoSave_TestResult_L.html;
 		cursor: pointer;
 	}
-	#MoreButton_o {
+	#MoreButton_so {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +123,7 @@
 		top: 540px;
 		overflow: visible;
 	}
-	#MoreButton_pa {
+	#MoreButton_sp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +133,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_pa {
+	.MoreButton_sp {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="NoSave-TestResult-L-LookREF">
 	<img id="n_61" src="n_61.png" srcset="n_61.png 1x">
 		
-	<div id="BackButton_o" class="BackButton">
-		<svg class="BackButton_pa">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_pa" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_sk">
+		<ellipse id="n_25_sk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_sl">
+		<ellipse id="n_18_sl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_sm" class="BackButton">
+		<svg class="BackButton_sn">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_sn" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_o" class="MoreButton">
-		<svg class="MoreButton_pa">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_pa" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_so" class="MoreButton">
+		<svg class="MoreButton_sp">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_sp" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF_HELP.html
old mode 100644
new mode 100755
index 58764b8..7d4facc
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_LookREF_HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_pb {
+	#n_25_st {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_st {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_su {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_pc {
+	#BackButton_sv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_pc {
+	.BackButton_sv {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="NoSave-TestResult-L-LookREF-HELP">
 	<img id="n_64" src="n_64.png" srcset="n_64.png 1x">
 		
-	<div id="BackButton_pb" class="BackButton">
-		<svg class="BackButton_pc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_pc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_st">
+		<ellipse id="n_25_st" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_su" class="BackButton">
+		<svg class="BackButton_sv">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_sv" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_L_Setting.html b/public/flukemoni/Ex4/NoSave_TestResult_L_Setting.html
old mode 100644
new mode 100755
index fe5054c..8d6fbe6
--- a/public/flukemoni/Ex4/NoSave_TestResult_L_Setting.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_L_Setting.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_pd {
+	#n_25_sz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_sz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_s {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_pe {
+	#BackButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_pe {
+	.BackButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="NoSave-TestResult-L-Setting">
 	<img id="n_62" src="n_62.png" srcset="n_62.png 1x">
 		
-	<div id="BackButton_pd" class="BackButton">
-		<svg class="BackButton_pe">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_pe" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_sz">
+		<ellipse id="n_25_sz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_s" class="BackButton">
+		<svg class="BackButton_ta">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_ta" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R.html b/public/flukemoni/Ex4/NoSave_TestResult_R.html
old mode 100644
new mode 100755
index 437c2aa..2112487
--- a/public/flukemoni/Ex4/NoSave_TestResult_R.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_qp {
+	#n_25_uo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_uo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_up {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_up {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_uq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_uq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_ur {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ur {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_us {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_us {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_ut {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ut {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 414px;
+		top: 315px;
+	}
+	#BackButton_uu {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_qq {
+	#BackButton_uv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_qq {
+	.BackButton_uv {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_NoSave.html;
 		cursor: pointer;
 	}
-	#MoreButton_qr {
+	#MoreButton_uw {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_qs {
+	#MoreButton_ux {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_qs {
+	.MoreButton_ux {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: NoSave_TestResult_R_HELP.html;
 		cursor: pointer;
 	}
-	#LengthButton_qt {
+	#LengthButton_uy {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 352px;
 		overflow: visible;
 	}
-	#LengthButton_qu {
+	#LengthButton_uz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_qu {
+	.LengthButton_uz {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: NoSave_TestResult_R_Length.html;
 		cursor: pointer;
 	}
-	#LookREFButton_qv {
+	#LookREFButton_u {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_qw {
+	#LookREFButton_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_qw {
+	.LookREFButton_va {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: NoSave_TestResult_R_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_qx {
+	#SETButton_u {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_qy {
+	#SETButton_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_qy {
+	.SETButton_va {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: NoSave_TestResult_R_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_qz {
+	#OKButton_u {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_q {
+	#OKButton_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_q {
+	.OKButton_va {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="NoSave-TestResult-R">
 	<img id="n_65" src="n_65.png" srcset="n_65.png 1x">
 		
-	<div id="BackButton_qp" class="BackButton">
-		<svg class="BackButton_qq">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_qq" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_uo">
+		<ellipse id="n_25_uo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_up">
+		<ellipse id="n_18_up" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_uq">
+		<ellipse id="n_18_uq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ur">
+		<ellipse id="n_18_ur" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_us">
+		<ellipse id="n_18_us" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ut">
+		<ellipse id="n_18_ut" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_uu" class="BackButton">
+		<svg class="BackButton_uv">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_uv" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_qr" class="MoreButton">
-		<svg class="MoreButton_qs">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_qs" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_uw" class="MoreButton">
+		<svg class="MoreButton_ux">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_ux" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="LengthButton_qt" class="LengthButton">
-		<svg class="LengthButton_qu">
-			<rect onclick="application.goToTargetView(event)" id="LengthButton_qu" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="LengthButton_uy" class="LengthButton">
+		<svg class="LengthButton_uz">
+			<rect onclick="application.goToTargetView(event)" id="LengthButton_uz" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_qv" class="LookREFButton">
-		<svg class="LookREFButton_qw">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_qw" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_u" class="LookREFButton">
+		<svg class="LookREFButton_va">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_va" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_qx" class="SETButton">
-		<svg class="SETButton_qy">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_qy" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_u" class="SETButton">
+		<svg class="SETButton_va">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_va" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_qz" class="OKButton">
-		<svg class="OKButton_q">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_q" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_u" class="OKButton">
+		<svg class="OKButton_va">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_va" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_R_HELP.html
old mode 100644
new mode 100755
index e53f722..d8a8f05
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_qj {
+	#n_63_uh {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_qk {
+	#n_25_ui {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ui {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_uj {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ql {
+	#BackButton_uk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ql {
+	.BackButton_uk {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-R-HELP">
-	<img id="n_63_qj" src="n_63_qj.png" srcset="n_63_qj.png 1x">
+	<img id="n_63_uh" src="n_63_uh.png" srcset="n_63_uh.png 1x">
 		
-	<div id="BackButton_qk" class="BackButton">
-		<svg class="BackButton_ql">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ql" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_ui">
+		<ellipse id="n_25_ui" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_uj" class="BackButton">
+		<svg class="BackButton_uk">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_uk" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_Length.html b/public/flukemoni/Ex4/NoSave_TestResult_R_Length.html
old mode 100644
new mode 100755
index f9c30be..4ef04da
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_Length.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_Length.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_rb {
+	#n_25_vf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_vf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_vg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_vg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_vh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_vh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_vi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_vi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_vj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_vj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_vk {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_vk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 414px;
+		top: 320px;
+	}
+	#BackButton_vl {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_rc {
+	#BackButton_vm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_rc {
+	.BackButton_vm {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_NoSave.html;
 		cursor: pointer;
 	}
-	#MoreButton_rb {
+	#MoreButton_vn {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_rc {
+	#MoreButton_vo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_rc {
+	.MoreButton_vo {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: NoSave_TestResult_R_Length_HELP.html;
 		cursor: pointer;
 	}
-	#R-MButton_rd {
+	#R-MButton_vp {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 308px;
 		overflow: visible;
 	}
-	#R-MButton_re {
+	#R-MButton_vq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_re {
+	.R-MButton_vq {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: NoSave_TestResult_R.html;
 		cursor: pointer;
 	}
-	#LookREFButton_rf {
+	#LookREFButton_vr {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_rg {
+	#LookREFButton_vs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_rg {
+	.LookREFButton_vs {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: NoSave_TestResult_R_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_rh {
+	#SETButton_vt {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_ri {
+	#SETButton_vu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ri {
+	.SETButton_vu {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: NoSave_TestResult_R_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_rj {
+	#OKButton_vv {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_rk {
+	#OKButton_vw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_rk {
+	.OKButton_vw {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="NoSave-TestResult-R-Length">
 	<img id="n_66" src="n_66.png" srcset="n_66.png 1x">
 		
-	<div id="BackButton_rb" class="BackButton">
-		<svg class="BackButton_rc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_rc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_vf">
+		<ellipse id="n_25_vf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_vg">
+		<ellipse id="n_18_vg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_vh">
+		<ellipse id="n_18_vh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_vi">
+		<ellipse id="n_18_vi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_vj">
+		<ellipse id="n_18_vj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_vk">
+		<ellipse id="n_18_vk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_vl" class="BackButton">
+		<svg class="BackButton_vm">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_vm" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_rb" class="MoreButton">
-		<svg class="MoreButton_rc">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_rc" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_vn" class="MoreButton">
+		<svg class="MoreButton_vo">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_vo" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="R-MButton_rd" class="R_MButton">
-		<svg class="R-MButton_re">
-			<rect onclick="application.goToTargetView(event)" id="R-MButton_re" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="R-MButton_vp" class="R_MButton">
+		<svg class="R-MButton_vq">
+			<rect onclick="application.goToTargetView(event)" id="R-MButton_vq" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_rf" class="LookREFButton">
-		<svg class="LookREFButton_rg">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_rg" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_vr" class="LookREFButton">
+		<svg class="LookREFButton_vs">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_vs" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_rh" class="SETButton">
-		<svg class="SETButton_ri">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_ri" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_vt" class="SETButton">
+		<svg class="SETButton_vu">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_vu" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_rj" class="OKButton">
-		<svg class="OKButton_rk">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_rk" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_vv" class="OKButton">
+		<svg class="OKButton_vw">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_vw" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_Length_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_R_Length_HELP.html
old mode 100644
new mode 100755
index 9d09ea8..112c3b8
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_Length_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_q {
+	#n_63_u {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_q {
+	#n_25_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_va {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ra {
+	#BackButton_vb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ra {
+	.BackButton_vb {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-R-Length-HELP">
-	<img id="n_63_q" src="n_63_q.png" srcset="n_63_q.png 1x">
+	<img id="n_63_u" src="n_63_u.png" srcset="n_63_u.png 1x">
 		
-	<div id="BackButton_q" class="BackButton">
-		<svg class="BackButton_ra">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ra" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_u">
+		<ellipse id="n_25_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_va" class="BackButton">
+		<svg class="BackButton_vb">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_vb" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF.html b/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF.html
old mode 100644
new mode 100755
index 8a8e39a..1dec658
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_61_rs {
+	#n_61_v {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_rt {
+	#n_25_wa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_wa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 25px;
+		top: 545px;
+	}
+	#BackButton_wb {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +92,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ru {
+	#BackButton_wc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +102,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ru {
+	.BackButton_wc {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		--web-action-target: NoSave_TestResult_R.html;
 		cursor: pointer;
 	}
-	#MoreButton_rv {
+	#MoreButton_wa {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +123,7 @@
 		top: 540px;
 		overflow: visible;
 	}
-	#MoreButton_rw {
+	#MoreButton_wb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +133,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_rw {
+	.MoreButton_wb {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-R-LookREF">
-	<img id="n_61_rs" src="n_61_rs.png" srcset="n_61_rs.png 1x">
+	<img id="n_61_v" src="n_61_v.png" srcset="n_61_v.png 1x">
 		
-	<div id="BackButton_rt" class="BackButton">
-		<svg class="BackButton_ru">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ru" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_wa">
+		<ellipse id="n_25_wa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_v">
+		<ellipse id="n_18_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_wb" class="BackButton">
+		<svg class="BackButton_wc">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_wc" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_rv" class="MoreButton">
-		<svg class="MoreButton_rw">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_rw" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_wa" class="MoreButton">
+		<svg class="MoreButton_wb">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_wb" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF_HELP.html b/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF_HELP.html
old mode 100644
new mode 100755
index ab0bc66..1353487
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_LookREF_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_64_rn {
+	#n_64_vz {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ro {
+	#n_25_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_v {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_rp {
+	#BackButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_rp {
+	.BackButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-R-LookREF-HELP">
-	<img id="n_64_rn" src="n_64_rn.png" srcset="n_64_rn.png 1x">
+	<img id="n_64_vz" src="n_64_vz.png" srcset="n_64_vz.png 1x">
 		
-	<div id="BackButton_ro" class="BackButton">
-		<svg class="BackButton_rp">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_rp" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_v">
+		<ellipse id="n_25_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_v" class="BackButton">
+		<svg class="BackButton_wa">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_wa" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/NoSave_TestResult_R_Setting.html b/public/flukemoni/Ex4/NoSave_TestResult_R_Setting.html
old mode 100644
new mode 100755
index dfeabd5..457fcb1
--- a/public/flukemoni/Ex4/NoSave_TestResult_R_Setting.html
+++ b/public/flukemoni/Ex4/NoSave_TestResult_R_Setting.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_62_rz {
+	#n_62_we {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_r {
+	#n_25_wf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_wf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_wg {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_sa {
+	#BackButton_wh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_sa {
+	.BackButton_wh {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="NoSave-TestResult-R-Setting">
-	<img id="n_62_rz" src="n_62_rz.png" srcset="n_62_rz.png 1x">
+	<img id="n_62_we" src="n_62_we.png" srcset="n_62_we.png 1x">
 		
-	<div id="BackButton_r" class="BackButton">
-		<svg class="BackButton_sa">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_sa" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_wf">
+		<ellipse id="n_25_wf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_wg" class="BackButton">
+		<svg class="BackButton_wh">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_wh" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L.html b/public/flukemoni/Ex4/SaveResult_TestResult_L.html
old mode 100644
new mode 100755
index 82741b6..a35f99d
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_sd {
+	#n_25_wr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_wr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_ws {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ws {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_wt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_wt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_wu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_wu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_wv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_wv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_ww {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ww {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 361px;
+	}
+	#BackButton_wx {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_se {
+	#BackButton_wy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_se {
+	.BackButton_wy {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_SaveResult.html;
 		cursor: pointer;
 	}
-	#MoreButton_sc {
+	#MoreButton_wz {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_sd {
+	#MoreButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_sd {
+	.MoreButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: SaveResult_TestResult_L_HELP.html;
 		cursor: pointer;
 	}
-	#LengthButton_se {
+	#LengthButton_w {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 352px;
 		overflow: visible;
 	}
-	#LengthButton_sf {
+	#LengthButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_sf {
+	.LengthButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: SaveResult_TestResult_L_Length.html;
 		cursor: pointer;
 	}
-	#LookREFButton_sg {
+	#LookREFButton_w {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_sh {
+	#LookREFButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_sh {
+	.LookREFButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: SaveResult_TestResult_L_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_si {
+	#SETButton_w {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_sj {
+	#SETButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_sj {
+	.SETButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: SaveResult_TestResult_L_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_sk {
+	#OKButton_w {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_sl {
+	#OKButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_sl {
+	.OKButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="SaveResult-TestResult-L">
 	<img id="n_68" src="n_68.png" srcset="n_68.png 1x">
 		
-	<div id="BackButton_sd" class="BackButton">
-		<svg class="BackButton_se">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_se" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_wr">
+		<ellipse id="n_25_wr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ws">
+		<ellipse id="n_18_ws" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_wt">
+		<ellipse id="n_18_wt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_wu">
+		<ellipse id="n_18_wu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_wv">
+		<ellipse id="n_18_wv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ww">
+		<ellipse id="n_18_ww" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_wx" class="BackButton">
+		<svg class="BackButton_wy">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_wy" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_sc" class="MoreButton">
-		<svg class="MoreButton_sd">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_sd" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_wz" class="MoreButton">
+		<svg class="MoreButton_w">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_w" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="LengthButton_se" class="LengthButton">
-		<svg class="LengthButton_sf">
-			<rect onclick="application.goToTargetView(event)" id="LengthButton_sf" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="LengthButton_w" class="LengthButton">
+		<svg class="LengthButton_xa">
+			<rect onclick="application.goToTargetView(event)" id="LengthButton_xa" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_sg" class="LookREFButton">
-		<svg class="LookREFButton_sh">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_sh" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_w" class="LookREFButton">
+		<svg class="LookREFButton_xa">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_xa" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_si" class="SETButton">
-		<svg class="SETButton_sj">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_sj" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_w" class="SETButton">
+		<svg class="SETButton_xa">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_xa" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_sk" class="OKButton">
-		<svg class="OKButton_sl">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_sl" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_w" class="OKButton">
+		<svg class="OKButton_xa">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_xa" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_HELP.html
old mode 100644
new mode 100755
index 7c9b113..6edfe6c
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_r {
+	#n_63_wk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_sb {
+	#n_25_wl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_wl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_wm {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_sc {
+	#BackButton_wn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_sc {
+	.BackButton_wn {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-L-HELP">
-	<img id="n_63_r" src="n_63_r.png" srcset="n_63_r.png 1x">
+	<img id="n_63_wk" src="n_63_wk.png" srcset="n_63_wk.png 1x">
 		
-	<div id="BackButton_sb" class="BackButton">
-		<svg class="BackButton_sc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_sc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_wl">
+		<ellipse id="n_25_wl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_wm" class="BackButton">
+		<svg class="BackButton_wn">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_wn" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_Length.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_Length.html
old mode 100644
new mode 100755
index d7b3d27..1e1fab5
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_Length.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_Length.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_te {
+	#n_25_ya {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_ya {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_yb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_yc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_yd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_ye {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ye {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 412px;
+		top: 320px;
+	}
+	#BackButton_yf {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_tf {
+	#BackButton_yg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_tf {
+	.BackButton_yg {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_SaveResult.html;
 		cursor: pointer;
 	}
-	#MoreButton_tg {
+	#MoreButton_yh {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_th {
+	#MoreButton_yi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_th {
+	.MoreButton_yi {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: SaveResult_TestResult_L_Length_HELP.html;
 		cursor: pointer;
 	}
-	#R-MButton_ti {
+	#R-MButton_yj {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 308px;
 		overflow: visible;
 	}
-	#R-MButton_tj {
+	#R-MButton_yk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_tj {
+	.R-MButton_yk {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: SaveResult_TestResult_L.html;
 		cursor: pointer;
 	}
-	#LookREFButton_tk {
+	#LookREFButton_yl {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_tl {
+	#LookREFButton_ym {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_tl {
+	.LookREFButton_ym {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: SaveResult_TestResult_L_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_tm {
+	#SETButton_yn {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_tn {
+	#SETButton_yo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_tn {
+	.SETButton_yo {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: SaveResult_TestResult_L_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_to {
+	#OKButton_yp {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_tp {
+	#OKButton_yq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_tp {
+	.OKButton_yq {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3145,39 +3252,63 @@ window.application = new Application();
 <div id="SaveResult-TestResult-L-Length">
 	<img id="n_69" src="n_69.png" srcset="n_69.png 1x">
 		
-	<div id="BackButton_te" class="BackButton">
-		<svg class="BackButton_tf">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_tf" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_ya">
+		<ellipse id="n_25_ya" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ya">
+		<ellipse id="n_18_ya" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yb">
+		<ellipse id="n_18_yb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yc">
+		<ellipse id="n_18_yc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yd">
+		<ellipse id="n_18_yd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ye">
+		<ellipse id="n_18_ye" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_yf" class="BackButton">
+		<svg class="BackButton_yg">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_yg" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_tg" class="MoreButton">
-		<svg class="MoreButton_th">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_th" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_yh" class="MoreButton">
+		<svg class="MoreButton_yi">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_yi" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="R-MButton_ti" class="R_MButton">
-		<svg class="R-MButton_tj">
-			<rect onclick="application.goToTargetView(event)" id="R-MButton_tj" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="R-MButton_yj" class="R_MButton">
+		<svg class="R-MButton_yk">
+			<rect onclick="application.goToTargetView(event)" id="R-MButton_yk" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_tk" class="LookREFButton">
-		<svg class="LookREFButton_tl">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_tl" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_yl" class="LookREFButton">
+		<svg class="LookREFButton_ym">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_ym" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_tm" class="SETButton">
-		<svg class="SETButton_tn">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_tn" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_yn" class="SETButton">
+		<svg class="SETButton_yo">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_yo" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_to" class="OKButton">
-		<svg class="OKButton_tp">
-			<rect id="OKButton_tp" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_yp" class="OKButton">
+		<svg class="OKButton_yq">
+			<rect id="OKButton_yq" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_Length_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_Length_HELP.html
old mode 100644
new mode 100755
index dfab149..e0542fb
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_Length_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_ta {
+	#n_63_x {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_tb {
+	#n_25_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_x {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_tc {
+	#BackButton_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_tc {
+	.BackButton_ya {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-L-Length-HELP">
-	<img id="n_63_ta" src="n_63_ta.png" srcset="n_63_ta.png 1x">
+	<img id="n_63_x" src="n_63_x.png" srcset="n_63_x.png 1x">
 		
-	<div id="BackButton_tb" class="BackButton">
-		<svg class="BackButton_tc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_tc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_x">
+		<ellipse id="n_25_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_x" class="BackButton">
+		<svg class="BackButton_ya">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_ya" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF.html
old mode 100644
new mode 100755
index e69de29..9dd3e4f
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF.html
@@ -0,0 +1,3087 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>SaveResult-TestResult-L-LookREF</title>
+<style id="applicationStylesheet" type="text/css">
+	.mediaViewInfo {
+		--web-view-name: SaveResult-TestResult-L-LookREF;
+		--web-view-id: SaveResult-TestResult-L-LookREF;
+		--web-enable-deep-linking: true;
+	}
+	:root {
+		--web-view-ids: SaveResult-TestResult-L-LookREF;
+	}
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+		border: none;
+	}
+	#SaveResult-TestResult-L-LookREF {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		background-color: rgba(255,255,255,1);
+		overflow: hidden;
+		--web-view-name: SaveResult-TestResult-L-LookREF;
+		--web-view-id: SaveResult-TestResult-L-LookREF;
+		--web-enable-deep-linking: true;
+	}
+	@keyframes fadein {
+	
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	
+	}
+	#n_61_zq {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		left: 0px;
+		top: 0px;
+		overflow: visible;
+	}
+	#n_25_zr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_zr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_zs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_zs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 25px;
+		top: 545px;
+	}
+	#BackButton_zt {
+		position: absolute;
+		width: 53px;
+		height: 31px;
+		left: 18px;
+		top: 47px;
+		overflow: visible;
+	}
+	#BackButton_zu {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.BackButton_zu {
+		position: absolute;
+		overflow: visible;
+		width: 53px;
+		height: 31px;
+		left: 0px;
+		top: 0px;
+		transition: all 0.3s linear;
+		--web-animation: fadein 0.3s linear;
+		--web-action-type: page;
+		--web-action-target: SaveResult_TestResult_L.html;
+		cursor: pointer;
+	}
+	#MoreButton_zv {
+		position: absolute;
+		width: 44px;
+		height: 32px;
+		left: 9px;
+		top: 540px;
+		overflow: visible;
+	}
+	#MoreButton_zw {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.MoreButton_zw {
+		position: absolute;
+		overflow: visible;
+		width: 44px;
+		height: 32px;
+		left: 0px;
+		top: 0px;
+		transition: all 0.3s linear;
+		--web-animation: fadein 0.3s linear;
+		--web-action-type: page;
+		--web-action-target: SaveResult_TestResult_L_LookREF_HELP.html;
+		cursor: pointer;
+	}
+</style>
+<script id="applicationScript">
+///////////////////////////////////////
+// INITIALIZATION
+///////////////////////////////////////
+
+/**
+ * Functionality for scaling, showing by media query, and navigation between multiple pages on a single page. 
+ * Code subject to change.
+ **/
+
+if (window.console==null) { window["console"] = { log : function() {} } }; // some browsers do not set console
+
+var Application = function() {
+	// event constants
+	this.prefix = "--web-";
+	this.NAVIGATION_CHANGE = "viewChange";
+	this.VIEW_NOT_FOUND = "viewNotFound";
+	this.VIEW_CHANGE = "viewChange";
+	this.VIEW_CHANGING = "viewChanging";
+	this.STATE_NOT_FOUND = "stateNotFound";
+	this.APPLICATION_COMPLETE = "applicationComplete";
+	this.APPLICATION_RESIZE = "applicationResize";
+	this.SIZE_STATE_NAME = "data-is-view-scaled";
+	this.STATE_NAME = this.prefix + "state";
+
+	this.lastTrigger = null;
+	this.lastView = null;
+	this.lastState = null;
+	this.lastOverlay = null;
+	this.currentView = null;
+	this.currentState = null;
+	this.currentOverlay = null;
+	this.currentQuery = {index: 0, rule: null, mediaText: null, id: null};
+	this.inclusionQuery = "(min-width: 0px)";
+	this.exclusionQuery = "none and (min-width: 99999px)";
+	this.LastModifiedDateLabelName = "LastModifiedDateLabel";
+	this.viewScaleSliderId = "ViewScaleSliderInput";
+	this.pageRefreshedName = "showPageRefreshedNotification";
+	this.application = null;
+	this.applicationStylesheet = null;
+	this.showByMediaQuery = null;
+	this.mediaQueryDictionary = {};
+	this.viewsDictionary = {};
+	this.addedViews = [];
+	this.viewStates = [];
+	this.views = [];
+	this.viewIds = [];
+	this.viewQueries = {};
+	this.overlays = {};
+	this.overlayIds = [];
+	this.numberOfViews = 0;
+	this.verticalPadding = 0;
+	this.horizontalPadding = 0;
+	this.stateName = null;
+	this.viewScale = 1;
+	this.viewLeft = 0;
+	this.viewTop = 0;
+	this.horizontalScrollbarsNeeded = false;
+	this.verticalScrollbarsNeeded = false;
+
+	// view settings
+	this.showUpdateNotification = false;
+	this.showNavigationControls = false;
+	this.scaleViewsToFit = false;
+	this.scaleToFitOnDoubleClick = false;
+	this.actualSizeOnDoubleClick = false;
+	this.scaleViewsOnResize = false;
+	this.navigationOnKeypress = false;
+	this.showViewName = false;
+	this.enableDeepLinking = true;
+	this.refreshPageForChanges = false;
+	this.showRefreshNotifications = true;
+
+	// view controls
+	this.scaleViewSlider = null;
+	this.lastModifiedLabel = null;
+	this.supportsPopState = false; // window.history.pushState!=null;
+	this.initialized = false;
+
+	// refresh properties
+	this.refreshDuration = 250;
+	this.lastModifiedDate = null;
+	this.refreshRequest = null;
+	this.refreshInterval = null;
+	this.refreshContent = null;
+	this.refreshContentSize = null;
+	this.refreshCheckContent = false;
+	this.refreshCheckContentSize = false;
+
+	var self = this;
+
+	self.initialize = function(event) {
+		var view = self.getVisibleView();
+		var views = self.getVisibleViews();
+		if (view==null) view = self.getInitialView();
+		self.collectViews();
+		self.collectOverlays();
+		self.collectMediaQueries();
+
+		for (let index = 0; index < views.length; index++) {
+			var view = views[index];
+			self.setViewOptions(view);
+			self.setViewVariables(view);
+			self.centerView(view);
+		}
+
+		// sometimes the body size is 0 so we call this now and again later
+		if (self.initialized) {
+			window.addEventListener(self.NAVIGATION_CHANGE, self.viewChangeHandler);
+			window.addEventListener("keyup", self.keypressHandler);
+			window.addEventListener("keypress", self.keypressHandler);
+			window.addEventListener("resize", self.resizeHandler);
+			window.document.addEventListener("dblclick", self.doubleClickHandler);
+
+			if (self.supportsPopState) {
+				window.addEventListener('popstate', self.popStateHandler);
+			}
+			else {
+				window.addEventListener('hashchange', self.hashChangeHandler);
+			}
+
+			// we are ready to go
+			window.dispatchEvent(new Event(self.APPLICATION_COMPLETE));
+		}
+
+		if (self.initialized==false) {
+			if (self.enableDeepLinking) {
+				self.syncronizeViewToURL();
+			} 
+	
+			if (self.refreshPageForChanges) {
+				self.setupRefreshForChanges();
+			}
+	
+			self.initialized = true;
+		}
+		
+		if (self.scaleViewsToFit) {
+			self.viewScale = self.scaleViewToFit(view);
+			
+			if (self.viewScale<0) {
+				setTimeout(self.scaleViewToFit, 500, view);
+			}
+		}
+		else if (view) {
+			self.viewScale = self.getViewScaleValue(view);
+			self.centerView(view);
+			self.updateSliderValue(self.viewScale);
+		}
+		else {
+			// no view found
+		}
+	
+		if (self.showUpdateNotification) {
+			self.showNotification();
+		}
+
+		//"addEventListener" in window ? null : window.addEventListener = window.attachEvent;
+		//"addEventListener" in document ? null : document.addEventListener = document.attachEvent;
+	}
+
+
+	///////////////////////////////////////
+	// AUTO REFRESH 
+	///////////////////////////////////////
+
+	self.setupRefreshForChanges = function() {
+		self.refreshRequest = new XMLHttpRequest();
+
+		if (!self.refreshRequest) {
+			return false;
+		}
+
+		// get document start values immediately
+		self.requestRefreshUpdate();
+	}
+
+	/**
+	 * Attempt to check the last modified date by the headers 
+	 * or the last modified property from the byte array (experimental)
+	 **/
+	self.requestRefreshUpdate = function() {
+		var url = document.location.href;
+		var protocol = window.location.protocol;
+		var method;
+		
+		try {
+
+			if (self.refreshCheckContentSize) {
+				self.refreshRequest.open('HEAD', url, true);
+			}
+			else if (self.refreshCheckContent) {
+				self.refreshContent = document.documentElement.outerHTML;
+				self.refreshRequest.open('GET', url, true);
+				self.refreshRequest.responseType = "text";
+			}
+			else {
+
+				// get page last modified date for the first call to compare to later
+				if (self.lastModifiedDate==null) {
+
+					// File system does not send headers in FF so get blob if possible
+					if (protocol=="file:") {
+						self.refreshRequest.open("GET", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+					else {
+						self.refreshRequest.open("HEAD", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+
+					self.refreshRequest.onload = self.refreshOnLoadOnceHandler;
+
+					// In some browsers (Chrome & Safari) this error occurs at send: 
+					// 
+					// Chrome - Access to XMLHttpRequest at 'file:///index.html' from origin 'null' 
+					// has been blocked by CORS policy: 
+					// Cross origin requests are only supported for protocol schemes: 
+					// http, data, chrome, chrome-extension, https.
+					// 
+					// Safari - XMLHttpRequest cannot load file:///Users/user/Public/index.html. Cross origin requests are only supported for HTTP.
+					// 
+					// Solution is to run a local server, set local permissions or test in another browser
+					self.refreshRequest.send(null);
+
+					// In MS browsers the following behavior occurs possibly due to an AJAX call to check last modified date: 
+					// 
+					// DOM7011: The code on this page disabled back and forward caching.
+
+					// In Brave (Chrome) error when on the server
+					// index.js:221 HEAD https://www.example.com/ net::ERR_INSUFFICIENT_RESOURCES
+					// self.refreshRequest.send(null);
+
+				}
+				else {
+					self.refreshRequest = new XMLHttpRequest();
+					self.refreshRequest.onreadystatechange = self.refreshHandler;
+					self.refreshRequest.ontimeout = function() {
+						self.log("Couldn't find page to check for updates");
+					}
+					
+					var method;
+					if (protocol=="file:") {
+						method = "GET";
+					}
+					else {
+						method = "HEAD";
+					}
+
+					//refreshRequest.open('HEAD', url, true);
+					self.refreshRequest.open(method, url, true);
+					self.refreshRequest.responseType = "blob";
+					self.refreshRequest.send(null);
+				}
+			}
+		}
+		catch (error) {
+			self.log("Refresh failed for the following reason:")
+			self.log(error);
+		}
+	}
+
+	self.refreshHandler = function() {
+		var contentSize;
+
+		try {
+
+			if (self.refreshRequest.readyState === XMLHttpRequest.DONE) {
+				
+				if (self.refreshRequest.status === 2 || 
+					self.refreshRequest.status === 200) {
+					var pageChanged = false;
+
+					self.updateLastModifiedLabel();
+
+					if (self.refreshCheckContentSize) {
+						var lastModifiedHeader = self.refreshRequest.getResponseHeader("Last-Modified");
+						contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+						//lastModifiedDate = refreshRequest.getResponseHeader("Last-Modified");
+						var headers = self.refreshRequest.getAllResponseHeaders();
+						var hasContentHeader = headers.indexOf("Content-Length")!=-1;
+						
+						if (hasContentHeader) {
+							contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+
+							// size has not been set yet
+							if (self.refreshContentSize==null) {
+								self.refreshContentSize = contentSize;
+								// exit and let interval call this method again
+								return;
+							}
+
+							if (contentSize!=self.refreshContentSize) {
+								pageChanged = true;
+							}
+						}
+					}
+					else if (self.refreshCheckContent) {
+
+						if (self.refreshRequest.responseText!=self.refreshContent) {
+							pageChanged = true;
+						}
+					}
+					else {
+						lastModifiedHeader = self.getLastModified(self.refreshRequest);
+
+						if (self.lastModifiedDate!=lastModifiedHeader) {
+							self.log("lastModifiedDate:" + self.lastModifiedDate + ",lastModifiedHeader:" +lastModifiedHeader);
+							pageChanged = true;
+						}
+
+					}
+
+					
+					if (pageChanged) {
+						clearInterval(self.refreshInterval);
+						self.refreshUpdatedPage();
+						return;
+					}
+
+				}
+				else {
+					self.log('There was a problem with the request.');
+				}
+
+			}
+		}
+		catch( error ) {
+			//console.log('Caught Exception: ' + error);
+		}
+	}
+
+	self.refreshOnLoadOnceHandler = function(event) {
+
+		// get the last modified date
+		if (self.refreshRequest.response) {
+			self.lastModifiedDate = self.getLastModified(self.refreshRequest);
+
+			if (self.lastModifiedDate!=null) {
+
+				if (self.refreshInterval==null) {
+					self.refreshInterval = setInterval(self.requestRefreshUpdate, self.refreshDuration);
+				}
+			}
+			else {
+				self.log("Could not get last modified date from the server");
+			}
+		}
+	}
+
+	self.refreshUpdatedPage = function() {
+		if (self.showRefreshNotifications) {
+			var date = new Date().setTime((new Date().getTime()+10000));
+			document.cookie = encodeURIComponent(self.pageRefreshedName) + "=true" + "; max-age=6000;" + " path=/";
+		}
+
+		document.location.reload(true);
+	}
+
+	self.showNotification = function(duration) {
+		var notificationID = self.pageRefreshedName+"ID";
+		var notification = document.getElementById(notificationID);
+		if (duration==null) duration = 4000;
+
+		if (notification!=null) {return;}
+
+		notification = document.createElement("div");
+		notification.id = notificationID;
+		notification.textContent = "PAGE UPDATED";
+		var styleRule = ""
+		styleRule = "position: fixed; padding: 7px 16px 6px 16px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; left: 50%;";
+		styleRule += "top: 20px; background-color: rgba(0,0,0,.5); border-radius: 12px; color:rgb(235, 235, 235); transition: all 2s linear;";
+		styleRule += "transform: translateX(-50%); letter-spacing: .5px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .1)); cursor: pointer";
+		notification.setAttribute("style", styleRule);
+
+		notification.className = "PageRefreshedClass";
+		notification.addEventListener("click", function() {
+			notification.parentNode.removeChild(notification);
+		});
+		
+		document.body.appendChild(notification);
+
+		setTimeout(function() {
+			notification.style.opacity = "0";
+			notification.style.filter = "drop-shadow( 0px 0px 0px rgba(0,0,0, .5))";
+			setTimeout(function() {
+				try {
+					notification.parentNode.removeChild(notification);
+				} catch(error) {}
+			}, duration)
+		}, duration);
+
+		document.cookie = encodeURIComponent(self.pageRefreshedName) + "=; max-age=1; path=/";
+	}
+
+	/**
+	 * Get the last modified date from the header 
+	 * or file object after request has been received
+	 **/
+	self.getLastModified = function(request) {
+		var date;
+
+		// file protocol - FILE object with last modified property
+		if (request.response && request.response.lastModified) {
+			date = request.response.lastModified;
+		}
+		
+		// http protocol - check headers
+		if (date==null) {
+			date = request.getResponseHeader("Last-Modified");
+		}
+
+		return date;
+	}
+
+	self.updateLastModifiedLabel = function() {
+		var labelValue = "";
+		
+		if (self.lastModifiedLabel==null) {
+			self.lastModifiedLabel = document.getElementById("LastModifiedLabel");
+		}
+
+		if (self.lastModifiedLabel) {
+			var seconds = parseInt(((new Date().getTime() - Date.parse(document.lastModified)) / 1000 / 60) * 100 + "");
+			var minutes = 0;
+			var hours = 0;
+
+			if (seconds < 60) {
+				seconds = Math.floor(seconds/10)*10;
+				labelValue = seconds + " seconds";
+			}
+			else {
+				minutes = parseInt((seconds/60) + "");
+
+				if (minutes>60) {
+					hours = parseInt((seconds/60/60) +"");
+					labelValue += hours==1 ? " hour" : " hours";
+				}
+				else {
+					labelValue = minutes+"";
+					labelValue += minutes==1 ? " minute" : " minutes";
+				}
+			}
+			
+			if (seconds<10) {
+				labelValue = "Updated now";
+			}
+			else {
+				labelValue = "Updated " + labelValue + " ago";
+			}
+
+			if (self.lastModifiedLabel.firstElementChild) {
+				self.lastModifiedLabel.firstElementChild.textContent = labelValue;
+
+			}
+			else if ("textContent" in self.lastModifiedLabel) {
+				self.lastModifiedLabel.textContent = labelValue;
+			}
+		}
+	}
+
+	self.getShortString = function(string, length) {
+		if (length==null) length = 30;
+		string = string!=null ? string.substr(0, length).replace(/\n/g, "") : "[String is null]";
+		return string;
+	}
+
+	self.getShortNumber = function(value, places) {
+		if (places==null || places<1) places = 4;
+		value = Math.round(value * Math.pow(10,places)) / Math.pow(10, places);
+		return value;
+	}
+
+	///////////////////////////////////////
+	// NAVIGATION CONTROLS
+	///////////////////////////////////////
+
+	self.updateViewLabel = function() {
+		var viewNavigationLabel = document.getElementById("ViewNavigationLabel");
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+		var viewName = view ? self.getViewPreferenceValue(view, self.prefix + "view-name") : null;
+		var viewId = view ? view.id : null;
+
+		if (viewNavigationLabel && view) {
+			if (viewName && viewName.indexOf('"')!=-1) {
+				viewName = viewName.replace(/"/g, "");
+			}
+
+			if (self.showViewName) {
+				viewNavigationLabel.textContent = viewName;
+				self.setTooltip(viewNavigationLabel, viewIndex + 1 + " of " + self.numberOfViews);
+			}
+			else {
+				viewNavigationLabel.textContent = viewIndex + 1 + " of " + self.numberOfViews;
+				self.setTooltip(viewNavigationLabel, viewName);
+			}
+
+		}
+	}
+
+	self.updateURL = function(view) {
+		view = view == null ? self.getVisibleView() : view;
+		var viewId = view ? view.id : null
+		var viewFragment = view ? "#"+ viewId : null;
+
+		if (viewId && self.viewIds.length>1 && self.enableDeepLinking) {
+
+			if (self.supportsPopState==false) {
+				self.setFragment(viewId);
+			}
+			else {
+				if (viewFragment!=window.location.hash) {
+
+					if (window.location.hash==null) {
+						window.history.replaceState({name:viewId}, null, viewFragment);
+					}
+					else {
+						window.history.pushState({name:viewId}, null, viewFragment);
+					}
+				}
+			}
+		}
+	}
+
+	self.updateURLState = function(view, stateName) {
+		stateName = view && (stateName=="" || stateName==null) ? self.getStateNameByViewId(view.id) : stateName;
+
+		if (self.supportsPopState==false) {
+			self.setFragment(stateName);
+		}
+		else {
+			if (stateName!=window.location.hash) {
+
+				if (window.location.hash==null) {
+					window.history.replaceState({name:view.viewId}, null, stateName);
+				}
+				else {
+					window.history.pushState({name:view.viewId}, null, stateName);
+				}
+			}
+		}
+	}
+
+	self.setFragment = function(value) {
+		window.location.hash = "#" + value;
+	}
+
+	self.setTooltip = function(element, value) {
+		// setting the tooltip in edge causes a page crash on hover
+		if (/Edge/.test(navigator.userAgent)) { return; }
+
+		if ("title" in element) {
+			element.title = value;
+		}
+	}
+
+	self.getStylesheetRules = function(styleSheet) {
+		try {
+			if (styleSheet) return styleSheet.cssRules || styleSheet.rules;
+	
+			return document.styleSheets[0]["cssRules"] || document.styleSheets[0]["rules"];
+		}
+		catch (error) {
+			// ERRORS:
+			// SecurityError: The operation is insecure.
+			// Errors happen when script loads before stylesheet or loading an external css locally
+
+			// InvalidAccessError: A parameter or an operation is not supported by the underlying object
+			// Place script after stylesheet
+
+			console.log(error);
+			if (error.toString().indexOf("The operation is insecure")!=-1) {
+				console.log("Load the stylesheet before the script or load the stylesheet inline until it can be loaded on a server")
+			}
+			return [];
+		}
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {Number} selectedIndex if provided shows the view at index provided
+	 **/
+	self.hideViews = function(selectedIndex, animation) {
+		var rules = self.getStylesheetRules();
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			var cssText = rule && rule.cssText;
+
+			if (rule.media!=null && cssText.match("--web-view-name:")) {
+
+				if (queryIndex==selectedIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = selectedIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+				}
+				else {
+					if (animation) {
+						self.fadeOut(rule)
+					}
+					else {
+						self.disableMediaQuery(rule);
+					}
+				}
+				
+				queryIndex++;
+			}
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+
+		self.dispatchViewChange();
+
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+
+		return viewIndex==selectedIndex ? view : null;
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {HTMLElement} selectedView if provided shows the view passed in
+	 **/
+	 self.hideAllViews = function(selectedView, animation) {
+		var views = self.views;
+		var queryIndex = 0;
+		var numberOfViews = views!=null ? views.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfViews;i++) {
+			var viewData = views[i];
+			var view = viewData && viewData.view;
+			var mediaRule = viewData && viewData.mediaRule;
+			
+			if (view==selectedView) {
+				self.currentQuery.mediaText = mediaRule.conditionText;
+				self.currentQuery.index = queryIndex;
+				self.currentQuery.rule = mediaRule;
+				self.enableMediaQuery(mediaRule);
+			}
+			else {
+				if (animation) {
+					self.fadeOut(mediaRule)
+				}
+				else {
+					self.disableMediaQuery(mediaRule);
+				}
+			}
+			
+			queryIndex++;
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+		self.dispatchViewChange();
+
+		var visibleView = self.getVisibleView();
+
+		return visibleView==selectedView ? selectedView : null;
+	}
+
+	/**
+	 * Hide view
+	 * @param {Object} view element to hide
+	 **/
+	self.hideView = function(view) {
+		var rule = view ? self.mediaQueryDictionary[view.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+		}
+	}
+
+	/**
+	 * Hide overlay
+	 * @param {Object} overlay element to hide
+	 **/
+	self.hideOverlay = function(overlay) {
+		var rule = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+
+			//if (self.showByMediaQuery) {
+				overlay.style.display = "none";
+			//}
+		}
+	}
+
+	/**
+	 * Show the view by media query. Does not hide current views
+	 * Sets view options by default
+	 * @param {Object} view element to show
+	 * @param {Boolean} setViewOptions sets view options if null or true
+	 */
+	self.showViewByMediaQuery = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var isOverlay = view ? self.isOverlay(view) : false;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+
+			if (isOverlay && view && setViewOptions) {
+				self.setViewVariables(null, view);
+			}
+			else {
+				if (view && setViewOptions) self.setViewOptions(view);
+				if (view && setViewOptions) self.setViewVariables(view);
+			}
+		}
+	}
+
+	/**
+	 * Show the view. Does not hide current views
+	 */
+	self.showView = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var display = null;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+			if (view==null) view =self.getVisibleView();
+			if (view && setViewOptions) self.setViewOptions(view);
+		}
+		else if (id) {
+			display = window.getComputedStyle(view).getPropertyValue("display");
+			if (display=="" || display=="none") {
+				view.style.display = "block";
+			}
+		}
+
+		if (view) {
+			if (self.currentView!=null) {
+				self.lastView = self.currentView;
+			}
+
+			self.currentView = view;
+		}
+	}
+
+	self.showViewById = function(id, setViewOptions) {
+		var view = id ? self.getViewById(id) : null;
+
+		if (view) {
+			self.showView(view);
+			return;
+		}
+
+		self.log("View not found '" + id + "'");
+	}
+
+	self.getElementView = function(element) {
+		var view = element;
+		var viewFound = false;
+
+		while (viewFound==false || view==null) {
+			if (view && self.viewsDictionary[view.id]) {
+				return view;
+			}
+			view = view.parentNode;
+		}
+	}
+
+	/**
+	 * Show overlay over view
+	 * @param {Event | HTMLElement} event event or html element with styles applied
+	 * @param {String} id id of view or view reference
+	 * @param {Number} x x location
+	 * @param {Number} y y location
+	 */
+	self.showOverlay = function(event, id, x, y) {
+		var overlay = id && typeof id === 'string' ? self.getViewById(id) : id ? id : null;
+		var query = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+		var centerHorizontally = false;
+		var centerVertically = false;
+		var anchorLeft = false;
+		var anchorTop = false;
+		var anchorRight = false;
+		var anchorBottom = false;
+		var display = null;
+		var reparent = true;
+		var view = null;
+		
+		if (overlay==null || overlay==false) {
+			self.log("Overlay not found, '"+ id + "'");
+			return;
+		}
+
+		// get enter animation - event target must have css variables declared
+		if (event) {
+			var button = event.currentTarget || event; // can be event or htmlelement
+			var buttonComputedStyles = getComputedStyle(button);
+			var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+			var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+			var isAnimated = animation!="";
+			var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+			var actionTarget = self.application ? null : self.getElement(actionTargetValue);
+			var actionTargetStyles = actionTarget ? actionTarget.style : null;
+
+			if (actionTargetStyles) {
+				actionTargetStyles.setProperty("animation", animation);
+			}
+
+			if ("stopImmediatePropagation" in event) {
+				event.stopImmediatePropagation();
+			}
+		}
+		
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// remove any current overlays
+		if (self.currentOverlay) {
+
+			// act as switch if same button
+			if (self.currentOverlay==actionTarget || self.currentOverlay==null) {
+				if (self.lastTrigger==button) {
+					self.removeOverlay(isAnimated);
+					return;
+				}
+			}
+			else {
+				self.removeOverlay(isAnimated);
+			}
+		}
+
+		if (reparent) {
+			view = self.getElementView(button);
+			if (view) {
+				view.appendChild(overlay);
+			}
+		}
+
+		if (query) {
+			//self.setElementAnimation(overlay, null);
+			//overlay.style.animation = animation;
+			self.enableMediaQuery(query);
+			
+			var display = overlay && overlay.style.display;
+			
+			if (overlay && display=="" || display=="none") {
+				overlay.style.display = "block";
+				//self.setViewOptions(overlay);
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+		else if (id) {
+
+			display = window.getComputedStyle(overlay).getPropertyValue("display");
+
+			if (display=="" || display=="none") {
+				overlay.style.display = "block";
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+
+		// do not set x or y position if centering
+		var horizontal = self.prefix + "center-horizontally";
+		var vertical = self.prefix + "center-vertically";
+		var style = overlay.style;
+		var transform = [];
+
+		centerHorizontally = self.getIsStyleDefined(id, horizontal) ? self.getViewPreferenceBoolean(overlay, horizontal) : false;
+		centerVertically = self.getIsStyleDefined(id, vertical) ? self.getViewPreferenceBoolean(overlay, vertical) : false;
+		anchorLeft = self.getIsStyleDefined(id, "left");
+		anchorRight = self.getIsStyleDefined(id, "right");
+		anchorTop = self.getIsStyleDefined(id, "top");
+		anchorBottom = self.getIsStyleDefined(id, "bottom");
+
+		
+		if (self.viewsDictionary[overlay.id] && self.viewsDictionary[overlay.id].styleDeclaration) {
+			style = self.viewsDictionary[overlay.id].styleDeclaration.style;
+		}
+		
+		if (centerHorizontally) {
+			style.left = "50%";
+			style.transformOrigin = "0 0";
+			transform.push("translateX(-50%)");
+		}
+		else if (anchorRight && anchorLeft) {
+			style.left = x + "px";
+		}
+		else if (anchorRight) {
+			//style.right = x + "px";
+		}
+		else {
+			style.left = x + "px";
+		}
+		
+		if (centerVertically) {
+			style.top = "50%";
+			transform.push("translateY(-50%)");
+			style.transformOrigin = "0 0";
+		}
+		else if (anchorTop && anchorBottom) {
+			style.top = y + "px";
+		}
+		else if (anchorBottom) {
+			//style.bottom = y + "px";
+		}
+		else {
+			style.top = y + "px";
+		}
+
+		if (transform.length) {
+			style.transform = transform.join(" ");
+		}
+
+		self.currentOverlay = overlay;
+		self.lastTrigger = button;
+	}
+
+	self.goBack = function() {
+		if (self.currentOverlay) {
+			self.removeOverlay();
+		}
+		else if (self.lastView) {
+			self.goToView(self.lastView.id);
+		}
+	}
+
+	self.removeOverlay = function(animate) {
+		var overlay = self.currentOverlay;
+		animate = animate===false ? false : true;
+
+		if (overlay) {
+			var style = overlay.style;
+			
+			if (style.animation && self.supportAnimations && animate) {
+				self.reverseAnimation(overlay, true);
+
+				var duration = self.getAnimationDuration(style.animation, true);
+		
+				setTimeout(function() {
+					self.setElementAnimation(overlay, null);
+					self.hideOverlay(overlay);
+					self.currentOverlay = null;
+				}, duration);
+			}
+			else {
+				self.setElementAnimation(overlay, null);
+				self.hideOverlay(overlay);
+				self.currentOverlay = null;
+			}
+		}
+	}
+
+	/**
+	 * Reverse the animation and hide after
+	 * @param {Object} target element with animation
+	 * @param {Boolean} hide hide after animation ends
+	 */
+	self.reverseAnimation = function(target, hide) {
+		var lastAnimation = null;
+		var style = target.style;
+
+		style.animationPlayState = "paused";
+		lastAnimation = style.animation;
+		style.animation = null;
+		style.animationPlayState = "paused";
+
+		if (hide) {
+			//target.addEventListener("animationend", self.animationEndHideHandler);
+	
+			var duration = self.getAnimationDuration(lastAnimation, true);
+			var isOverlay = self.isOverlay(target);
+	
+			setTimeout(function() {
+				self.setElementAnimation(target, null);
+
+				if (isOverlay) {
+					self.hideOverlay(target);
+				}
+				else {
+					self.hideView(target);
+				}
+			}, duration);
+		}
+
+		setTimeout(function() {
+			style.animation = lastAnimation;
+			style.animationPlayState = "paused";
+			style.animationDirection = "reverse";
+			style.animationPlayState = "running";
+		}, 30);
+	}
+
+	self.animationEndHandler = function(event) {
+		var target = event.currentTarget;
+		self.dispatchEvent(new Event(event.type));
+	}
+
+	self.isOverlay = function(view) {
+		var result = view ? self.getViewPreferenceBoolean(view, self.prefix + "is-overlay") : false;
+
+		return result;
+	}
+
+	self.animationEndHideHandler = function(event) {
+		var target = event.currentTarget;
+		self.setViewVariables(null, target);
+		self.hideView(target);
+		target.removeEventListener("animationend", self.animationEndHideHandler);
+	}
+
+	self.animationEndShowHandler = function(event) {
+		var target = event.currentTarget;
+		target.removeEventListener("animationend", self.animationEndShowHandler);
+	}
+
+	self.setViewOptions = function(view) {
+
+		if (view) {
+			self.minimumScale = self.getViewPreferenceValue(view, self.prefix + "minimum-scale");
+			self.maximumScale = self.getViewPreferenceValue(view, self.prefix + "maximum-scale");
+			self.scaleViewsToFit = self.getViewPreferenceBoolean(view, self.prefix + "scale-to-fit");
+			self.scaleToFitType = self.getViewPreferenceValue(view, self.prefix + "scale-to-fit-type");
+			self.scaleToFitOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-double-click");
+			self.actualSizeOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "actual-size-on-double-click");
+			self.scaleViewsOnResize = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-resize");
+			self.enableScaleUp = self.getViewPreferenceBoolean(view, self.prefix + "enable-scale-up");
+			self.centerHorizontally = self.getViewPreferenceBoolean(view, self.prefix + "center-horizontally");
+			self.centerVertically = self.getViewPreferenceBoolean(view, self.prefix + "center-vertically");
+			self.navigationOnKeypress = self.getViewPreferenceBoolean(view, self.prefix + "navigate-on-keypress");
+			self.showViewName = self.getViewPreferenceBoolean(view, self.prefix + "show-view-name");
+			self.refreshPageForChanges = self.getViewPreferenceBoolean(view, self.prefix + "refresh-for-changes");
+			self.refreshPageForChangesInterval = self.getViewPreferenceValue(view, self.prefix + "refresh-interval");
+			self.showNavigationControls = self.getViewPreferenceBoolean(view, self.prefix + "show-navigation-controls");
+			self.scaleViewSlider = self.getViewPreferenceBoolean(view, self.prefix + "show-scale-controls");
+			self.enableDeepLinking = self.getViewPreferenceBoolean(view, self.prefix + "enable-deep-linking");
+			self.singlePageApplication = self.getViewPreferenceBoolean(view, self.prefix + "application");
+			self.showByMediaQuery = self.getViewPreferenceBoolean(view, self.prefix + "show-by-media-query");
+			self.showUpdateNotification = document.cookie!="" ? document.cookie.indexOf(self.pageRefreshedName)!=-1 : false;
+			self.imageComparisonDuration = self.getViewPreferenceValue(view, self.prefix + "image-comparison-duration");
+			self.supportAnimations = self.getViewPreferenceBoolean(view, self.prefix + "enable-animations", true);
+
+			if (self.scaleViewsToFit) {
+				var newScaleValue = self.scaleViewToFit(view);
+				
+				if (newScaleValue<0) {
+					setTimeout(self.scaleViewToFit, 500, view);
+				}
+			}
+			else {
+				self.viewScale = self.getViewScaleValue(view);
+				self.viewToFitWidthScale = self.getViewFitToViewportWidthScale(view, self.enableScaleUp)
+				self.viewToFitHeightScale = self.getViewFitToViewportScale(view, self.enableScaleUp);
+				self.updateSliderValue(self.viewScale);
+			}
+
+			if (self.imageComparisonDuration!=null) {
+				// todo
+			}
+
+			if (self.refreshPageForChangesInterval!=null) {
+				self.refreshDuration = Number(self.refreshPageForChangesInterval);
+			}
+		}
+	}
+
+	self.previousView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView()
+		var index = view ? self.getViewIndex(view) : -1;
+		var prevQueryIndex = index!=-1 ? index-1 : self.currentQuery.index-1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (prevQueryIndex<0) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==prevQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = prevQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	self.nextView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView();
+		var index = view ? self.getViewIndex(view) : -1;
+		var nextQueryIndex = index!=-1 ? index+1 : self.currentQuery.index+1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+		var numberOfMediaQueries = self.getNumberOfMediaRules();
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (nextQueryIndex>=numberOfMediaQueries) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==nextQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = nextQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	/**
+	 * Enables a view via media query
+	 */
+	self.enableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.inclusionQuery;
+		}
+		catch(error) {
+			//self.log(error);
+			rule.conditionText = self.inclusionQuery;
+		}
+	}
+
+	self.disableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.exclusionQuery;
+		}
+		catch(error) {
+			rule.conditionText = self.exclusionQuery;
+		}
+	}
+
+	self.dispatchViewChange = function() {
+		try {
+			var event = new Event(self.NAVIGATION_CHANGE);
+			window.dispatchEvent(event);
+		}
+		catch (error) {
+			// In IE 11: Object doesn't support this action
+		}
+	}
+
+	self.getNumberOfMediaRules = function() {
+		var rules = self.getStylesheetRules();
+		var numberOfRules = rules ? rules.length : 0;
+		var numberOfQueries = 0;
+
+		for (var i=0;i<numberOfRules;i++) {
+			if (rules[i].media!=null) { numberOfQueries++; }
+		}
+		
+		return numberOfQueries;
+	}
+
+	/////////////////////////////////////////
+	// VIEW SCALE 
+	/////////////////////////////////////////
+
+	self.sliderChangeHandler = function(event) {
+		var value = self.getShortNumber(event.currentTarget.value/100);
+		var view = self.getVisibleView();
+		self.setViewScaleValue(view, false, value, true);
+	}
+
+	self.updateSliderValue = function(scale) {
+		var slider = document.getElementById(self.viewScaleSliderId);
+		var tooltip = parseInt(scale * 100 + "") + "%";
+		var inputType;
+		var inputValue;
+		
+		if (slider) {
+			inputValue = self.getShortNumber(scale * 100);
+			if (inputValue!=slider["value"]) {
+				slider["value"] = inputValue;
+			}
+			inputType = slider.getAttributeNS(null, "type");
+
+			if (inputType!="range") {
+				// input range is not supported
+				slider.style.display = "none";
+			}
+
+			self.setTooltip(slider, tooltip);
+		}
+	}
+
+	self.viewChangeHandler = function(event) {
+		var view = self.getVisibleView();
+		var matrix = view ? getComputedStyle(view).transform : null;
+		
+		if (matrix) {
+			self.viewScale = self.getViewScaleValue(view);
+			
+			var scaleNeededToFit = self.getViewFitToViewportScale(view);
+			var isViewLargerThanViewport = scaleNeededToFit<1;
+			
+			// scale large view to fit if scale to fit is enabled
+			if (self.scaleViewsToFit) {
+				self.scaleViewToFit(view);
+			}
+			else {
+				self.updateSliderValue(self.viewScale);
+			}
+		}
+	}
+
+	self.getViewScaleValue = function(view) {
+		var matrix = getComputedStyle(view).transform;
+
+		if (matrix) {
+			var matrixArray = matrix.replace("matrix(", "").split(",");
+			var scaleX = parseFloat(matrixArray[0]);
+			var scaleY = parseFloat(matrixArray[3]);
+			var scale = Math.min(scaleX, scaleY);
+		}
+
+		return scale;
+	}
+
+	/**
+	 * Scales view to scale. 
+	 * @param {Object} view view to scale. views are in views array
+	 * @param {Boolean} scaleToFit set to true to scale to fit. set false to use desired scale value
+	 * @param {Number} desiredScale scale to define. not used if scale to fit is false
+	 * @param {Boolean} isSliderChange indicates if slider is callee
+	 */
+	self.setViewScaleValue = function(view, scaleToFit, desiredScale, isSliderChange) {
+		var enableScaleUp = self.enableScaleUp;
+		var scaleToFitType = self.scaleToFitType;
+		var minimumScale = self.minimumScale;
+		var maximumScale = self.maximumScale;
+		var hasMinimumScale = !isNaN(minimumScale) && minimumScale!="";
+		var hasMaximumScale = !isNaN(maximumScale) && maximumScale!="";
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, enableScaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, enableScaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, enableScaleUp);
+		var scaleToFitFull = self.getViewFitToViewportScale(view, true);
+		var scaleToFitFullWidth = self.getViewFitToViewportWidthScale(view, true);
+		var scaleToFitFullHeight = self.getViewFitToViewportHeightScale(view, true);
+		var scaleToWidth = scaleToFitType=="width";
+		var scaleToHeight = scaleToFitType=="height";
+		var shrunkToFit = false;
+		var topPosition = null;
+		var leftPosition = null;
+		var translateY = null;
+		var translateX = null;
+		var transformValue = "";
+		var canCenterVertically = true;
+		var canCenterHorizontally = true;
+		var style = view.style;
+
+		if (view && self.viewsDictionary[view.id] && self.viewsDictionary[view.id].styleDeclaration) {
+			style = self.viewsDictionary[view.id].styleDeclaration.style;
+		}
+
+		if (scaleToFit && isSliderChange!=true) {
+			if (scaleToFitType=="fit" || scaleToFitType=="") {
+				desiredScale = scaleNeededToFit;
+			}
+			else if (scaleToFitType=="width") {
+				desiredScale = scaleNeededToFitWidth;
+			}
+			else if (scaleToFitType=="height") {
+				desiredScale = scaleNeededToFitHeight;
+			}
+		}
+		else {
+			if (isNaN(desiredScale)) {
+				desiredScale = 1;
+			}
+		}
+
+		self.updateSliderValue(desiredScale);
+		
+		// scale to fit width
+		if (scaleToWidth && scaleToHeight==false) {
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitWidth;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return desiredScale;
+		}
+
+		// scale to fit height
+		if (scaleToHeight && scaleToWidth==false) {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitHeight<=scaleNeededToFitWidth && enableScaleUp==false;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+			
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullHeight;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitHeight;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+				//canCenterVertically = desiredScale>=scaleNeededToFitHeight && enableScaleUp==false;
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return scaleNeededToFitHeight;
+		}
+
+		if (scaleToFitType=="fit") {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFitHeight;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFit;
+			canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFit;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			if (isSliderChange || scaleToFit==false) {
+				canCenterVertically = scaleToFitFullHeight>=desiredScale;
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFit;
+			}
+
+			transformValue = "scale(" + desiredScale + ")";
+
+			//canCenterHorizontally = self.canCenterHorizontally(view, "fit", false, desiredScale);
+			//canCenterVertically = self.canCenterVertically(view, "fit", false, desiredScale);
+			
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+
+		if (scaleToFitType=="default" || scaleToFitType=="") {
+			desiredScale = 1;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "none", false, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "none", false, desiredScale, minimumScale, maximumScale);
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+				else {
+					transformValue += " translateX(" + 0 + ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view
+	 * @param {String} type type of scaling - width, height, all, none
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterHorizontally = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? scale : scaleNeededToFitWidth;
+		scaleUp = scaleUp == null ? false : scaleUp;
+
+		if (type=="width") {
+	
+			if (scaleUp && maximumScale==null) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+		else if (type=="height") {
+			minScale = Math.min(1, scaleNeededToFitHeight);
+			if (minimumScale!="" && maximumScale!="") {
+				minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+			}
+			else {
+				if (minimumScale!="") {
+					minScale = Math.max(minimumScale, scaleNeededToFitHeight);
+				}
+				if (maximumScale!="") {
+					minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+				}
+			}
+	
+			if (scaleUp && maximumScale=="") {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=minScale) {
+				canCenter = true;
+			}
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitWidth>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.horizontalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view to scale
+	 * @param {String} type type of scaling
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterVertically = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? 1 : scale;
+		scaleUp = scaleUp == null ? false : scaleUp;
+	
+		if (type=="width") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+		}
+		else if (type=="height") {
+			minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFit));
+			canCenter = scaleNeededToFitHeight>=minScale;
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitHeight>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.verticalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	self.getViewFitToViewportScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth) || isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		else if (elementWidth > availableWidth || elementHeight > availableHeight) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportWidthScale = function(view, scaleUp) {
+		// need to get browser viewport width when element
+		var isParentWindow = view && view.parentNode && view.parentNode===document.body;
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableWidth/elementWidth;
+		}
+		else if (elementWidth > availableWidth) {
+			newScale = availableWidth/elementWidth;
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportHeightScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableHeight/elementHeight;
+		}
+		else if (elementHeight > availableHeight) {
+			newScale = availableHeight/elementHeight;
+		}
+		
+		return newScale;
+	}
+
+	self.keypressHandler = function(event) {
+		var rightKey = 39;
+		var leftKey = 37;
+		
+		// listen for both events 
+		if (event.type=="keypress") {
+			window.removeEventListener("keyup", self.keypressHandler);
+		}
+		else {
+			window.removeEventListener("keypress", self.keypressHandler);
+		}
+		
+		if (self.showNavigationControls) {
+			if (self.navigationOnKeypress) {
+				if (event.keyCode==rightKey) {
+					self.nextView();
+				}
+				if (event.keyCode==leftKey) {
+					self.previousView();
+				}
+			}
+		}
+		else if (self.navigationOnKeypress) {
+			if (event.keyCode==rightKey) {
+				self.nextView();
+			}
+			if (event.keyCode==leftKey) {
+				self.previousView();
+			}
+		}
+	}
+
+	///////////////////////////////////
+	// GENERAL FUNCTIONS
+	///////////////////////////////////
+
+	self.getViewById = function(id) {
+		id = id ? id.replace("#", "") : "";
+		var view = self.viewIds.indexOf(id)!=-1 && self.getElement(id);
+		return view;
+	}
+
+	self.getViewIds = function() {
+		var viewIds = self.getViewPreferenceValue(document.body, self.prefix + "view-ids");
+		var viewId = null;
+
+		viewIds = viewIds!=null && viewIds!="" ? viewIds.split(",") : [];
+
+		if (viewIds.length==0) {
+			viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+			viewIds = viewId ? [viewId] : [];
+		}
+
+		return viewIds;
+	}
+
+	self.getInitialViewId = function() {
+		var viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+		return viewId;
+	}
+
+	self.getApplicationStylesheet = function() {
+		var stylesheetId = self.getViewPreferenceValue(document.body, self.prefix + "stylesheet-id");
+		self.applicationStylesheet = document.getElementById("applicationStylesheet");
+		return self.applicationStylesheet.sheet;
+	}
+
+	self.getVisibleView = function() {
+		var viewIds = self.getViewIds();
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+		
+				if (display=="block" || display=="flex") {
+					return view;
+				}
+			}
+		}
+
+		return null;
+	}
+
+	self.getVisibleViews = function() {
+		var viewIds = self.getViewIds();
+		var views = [];
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+				
+				if (display=="none") {
+					continue;
+				}
+
+				if (display=="block" || display=="flex") {
+					views.push(view);
+				}
+			}
+		}
+
+		return views;
+	}
+
+	self.getStateNameByViewId = function(id) {
+		var state = self.viewsDictionary[id];
+		return state && state.stateName;
+	}
+
+	self.getMatchingViews = function(ids) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state && state.rule; 
+				var matchResults = window.matchMedia(rule.conditionText);
+				var view = self.views[viewId];
+				
+				if (matchResults.matches) {
+					if (ids==true) {
+						matchingViews.push(viewId);
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.ruleMatchesQuery = function(rule) {
+		var result = window.matchMedia(rule.conditionText);
+		return result.matches;
+	}
+
+	self.getViewsByStateName = function(stateName, matchQuery) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+
+			// find state name
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state.rule;
+				var mediaRule = state.mediaRule;
+				var view = self.views[viewId];
+				var viewStateName = self.getStyleRuleValue(mediaRule, self.STATE_NAME, state);
+				var stateFoundAtt = view.getAttribute(self.STATE_NAME)==state;
+				var matchesResults = false;
+				
+				if (viewStateName==stateName) {
+					if (matchQuery) {
+						matchesResults = self.ruleMatchesQuery(rule);
+
+						if (matchesResults) {
+							matchingViews.push(view);
+						}
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.getInitialView = function() {
+		var viewId = self.getInitialViewId();
+		viewId = viewId.replace(/[\#?\.?](.*)/, "$" + "1");
+		var view = self.getElement(viewId);
+		var postName = "_Class";
+
+		if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+			view = self.getElement(viewId.replace(postName, ""));
+		}
+
+		return view;
+	}
+
+	self.getViewIndex = function(view) {
+		var viewIds = self.getViewIds();
+		var id = view ? view.id : null;
+		var index = id && viewIds ? viewIds.indexOf(id) : -1;
+
+		return index;
+	}
+
+	self.syncronizeViewToURL = function() {
+		var fragment = self.getHashFragment();
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+			
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			
+			self.showMediaQueryViewsByState(stateName);
+			return;
+		}
+
+		var view = self.getViewById(fragment);
+		var index = view ? self.getViewIndex(view) : 0;
+		if (index==-1) index = 0;
+		var currentView = self.hideViews(index);
+
+		if (self.supportsPopState && currentView) {
+
+			if (fragment==null) {
+				window.history.replaceState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+			else {
+				window.history.pushState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+		}
+		
+		self.setViewVariables(view);
+		return view;
+	}
+
+	/**
+	 * Set the currentView or currentOverlay properties and set the lastView or lastOverlay properties
+	 */
+	self.setViewVariables = function(view, overlay, parentView) {
+		if (view) {
+			if (self.currentView) {
+				self.lastView = self.currentView;
+			}
+			self.currentView = view;
+		}
+
+		if (overlay) {
+			if (self.currentOverlay) {
+				self.lastOverlay = self.currentOverlay;
+			}
+			self.currentOverlay = overlay;
+		}
+	}
+
+	self.getViewPreferenceBoolean = function(view, property, altValue) {
+		var computedStyle = window.getComputedStyle(view);
+		var value = computedStyle.getPropertyValue(property);
+		var type = typeof value;
+		
+		if (value=="true" || (type=="string" && value.indexOf("true")!=-1)) {
+			return true;
+		}
+		else if (value=="" && arguments.length==3) {
+			return altValue;
+		}
+
+		return false;
+	}
+
+	self.getViewPreferenceValue = function(view, property, defaultValue) {
+		var value = window.getComputedStyle(view).getPropertyValue(property);
+
+		if (value===undefined) {
+			return defaultValue;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	self.getStyleRuleValue = function(cssRule, property) {
+		var value = cssRule ? cssRule.style.getPropertyValue(property) : null;
+
+		if (value===undefined) {
+			return null;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	/**
+	 * Get the first defined value of property. Returns empty string if not defined
+	 * @param {String} id id of element
+	 * @param {String} property 
+	 */
+	self.getCSSPropertyValueForElement = function(id, property) {
+		var styleSheets = document.styleSheets;
+		var numOfStylesheets = styleSheets.length;
+		var values = [];
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var value;
+
+		for(var i=0;i<numOfStylesheets;i++) {
+			var styleSheet = styleSheets[i];
+			var cssRules = self.getStylesheetRules(styleSheet);
+			var numOfCSSRules = cssRules.length;
+			var cssRule;
+			
+			for (var j=0;j<numOfCSSRules;j++) {
+				cssRule = cssRules[j];
+				
+				if (cssRule.media) {
+					var mediaRules = cssRule.cssRules;
+					var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+					
+					for(var k=0;k<numOfMediaRules;k++) {
+						var mediaRule = mediaRules[k];
+						
+						if (mediaRule.selectorText==selectorIDText || mediaRule.selectorText==selectorClassText) {
+							
+							if (mediaRule.style && mediaRule.style.getPropertyValue(property)!="") {
+								value = mediaRule.style.getPropertyValue(property);
+								values.push(value);
+							}
+						}
+					}
+				}
+				else {
+
+					if (cssRule.selectorText==selectorIDText || cssRule.selectorText==selectorClassText) {
+						if (cssRule.style && cssRule.style.getPropertyValue(property)!="") {
+							value = cssRule.style.getPropertyValue(property);
+							values.push(value);
+						}
+					}
+				}
+			}
+		}
+
+		return values.pop();
+	}
+
+	self.getIsStyleDefined = function(id, property) {
+		var value = self.getCSSPropertyValueForElement(id, property);
+		return value!==undefined && value!="";
+	}
+
+	self.collectViews = function() {
+		var viewIds = self.getViewIds();
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getElement(id);
+			self.views[id] = view;
+		}
+		
+		self.viewIds = viewIds;
+	}
+
+	self.collectOverlays = function() {
+		var viewIds = self.getViewIds();
+		var ids = [];
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getViewById(id);
+			const isOverlay = view && self.isOverlay(view);
+			
+			if (isOverlay) {
+				ids.push(id);
+				self.overlays[id] = view;
+			}
+		}
+		
+		self.overlayIds = ids;
+	}
+
+	self.collectMediaQueries = function() {
+		var viewIds = self.getViewIds();
+		var styleSheet = self.getApplicationStylesheet();
+		var cssRules = self.getStylesheetRules(styleSheet);
+		var numOfCSSRules = cssRules ? cssRules.length : 0;
+		var cssRule;
+		var id = viewIds.length ? viewIds[0]: ""; // single view
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var viewsNotFound = viewIds.slice();
+		var viewsFound = [];
+		var selectorText = null;
+		var property = self.prefix + "view-id";
+		var stateName = self.prefix + "state";
+		var stateValue = null;
+		var view = null;
+		
+		for (var j=0;j<numOfCSSRules;j++) {
+			cssRule = cssRules[j];
+			
+			if (cssRule.media) {
+				var mediaRules = cssRule.cssRules;
+				var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+				var mediaViewInfoFound = false;
+				var mediaId = null;
+				
+				for(var k=0;k<numOfMediaRules;k++) {
+					var mediaRule = mediaRules[k];
+
+					selectorText = mediaRule.selectorText;
+					
+					if (selectorText==".mediaViewInfo" && mediaViewInfoFound==false) {
+
+						mediaId = self.getStyleRuleValue(mediaRule, property);
+						stateValue = self.getStyleRuleValue(mediaRule, stateName);
+
+						selectorIDText = "#" + mediaId;
+						selectorClassText = "." + mediaId + "_Class";
+						view = self.getElement(mediaId);
+						
+						// prevent duplicates from load and domcontentloaded events
+						if (self.addedViews.indexOf(mediaId)==-1) {
+							self.addView(view, mediaId, cssRule, mediaRule, stateValue);
+						}
+
+						viewsFound.push(mediaId);
+
+						if (viewsNotFound.indexOf(mediaId)!=-1) {
+							viewsNotFound.splice(viewsNotFound.indexOf(mediaId));
+						}
+
+						mediaViewInfoFound = true;
+					}
+
+					if (selectorIDText==selectorText || selectorClassText==selectorText) {
+						var styleObject = self.viewsDictionary[mediaId];
+						if (styleObject) {
+							styleObject.styleDeclaration = mediaRule;
+						}
+						break;
+					}
+				}
+			}
+			else {
+				selectorText = cssRule.selectorText;
+				
+				if (selectorText==null) continue;
+
+				selectorText = selectorText.replace(/[#|\s|*]?/g, "");
+
+				if (viewIds.indexOf(selectorText)!=-1) {
+					view = self.getElement(selectorText);
+					self.addView(view, selectorText, cssRule, null, stateValue);
+
+					if (viewsNotFound.indexOf(selectorText)!=-1) {
+						viewsNotFound.splice(viewsNotFound.indexOf(selectorText));
+					}
+
+					break;
+				}
+			}
+		}
+
+		if (viewsNotFound.length) {
+			console.log("Could not find the following views:" + viewsNotFound.join(",") + "");
+			console.log("Views found:" + viewsFound.join(",") + "");
+		}
+	}
+
+	/**
+	 * Adds a view
+	 * @param {HTMLElement} view view element
+	 * @param {String} id id of view element
+	 * @param {CSSRule} cssRule of view element
+	 * @param {CSSMediaRule} mediaRule media rule of view element
+	 * @param {String} stateName name of state if applicable
+	 **/
+	self.addView = function(view, viewId, cssRule, mediaRule, stateName) {
+		var viewData = {};
+		viewData.name = viewId;
+		viewData.rule = cssRule;
+		viewData.id = viewId;
+		viewData.mediaRule = mediaRule;
+		viewData.stateName = stateName;
+
+		self.views.push(viewData);
+		self.addedViews.push(viewId);
+		self.viewsDictionary[viewId] = viewData;
+		self.mediaQueryDictionary[viewId] = cssRule;
+	}
+
+	self.hasView = function(name) {
+
+		if (self.addedViews.indexOf(name)!=-1) {
+			return true;
+		}
+		return false;
+	}
+
+	/**
+	 * Go to view by id. Views are added in addView()
+	 * @param {String} id id of view in current
+	 * @param {Boolean} maintainPreviousState if true then do not hide other views
+	 * @param {String} parent id of parent view
+	 **/
+	self.goToView = function(id, maintainPreviousState, parent) {
+		var state = self.viewsDictionary[id];
+
+		if (state) {
+			if (maintainPreviousState==false || maintainPreviousState==null) {
+				self.hideViews();
+			}
+			self.enableMediaQuery(state.rule);
+			self.updateViewLabel();
+			self.updateURL();
+		}
+		else {
+			var event = new Event(self.STATE_NOT_FOUND);
+			self.stateName = id;
+			window.dispatchEvent(event);
+		}
+	}
+
+	/**
+	 * Go to the view in the event targets CSS variable
+	 **/
+	self.goToTargetView = function(event) {
+		var button = event.currentTarget;
+		var buttonComputedStyles = getComputedStyle(button);
+		var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+		var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+		var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+		var targetView = self.application ? null : self.getElement(actionTargetValue);
+		var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;
+		var actionTargetStyles = targetView ? targetView.style : null;
+		var state = self.viewsDictionary[actionTargetValue];
+		
+		// navigate to page
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// if view is found
+		if (targetView) {
+
+			if (self.currentOverlay) {
+				self.removeOverlay(false);
+			}
+
+			if (self.showByMediaQuery) {
+				var stateName = targetState;
+				
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+				return;
+			}
+
+			// add animation set in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.crossFade(self.currentView, targetView, false, animation);
+			}
+			else {
+				self.setViewVariables(self.currentView);
+				self.hideViews();
+				self.enableMediaQuery(state.rule);
+				self.scaleViewIfNeeded(targetView);
+				self.centerView(targetView);
+				self.updateViewLabel();
+				self.updateURL();
+			}
+		}
+		else {
+			var stateEvent = new Event(self.STATE_NOT_FOUND);
+			self.stateName = name;
+			window.dispatchEvent(stateEvent);
+		}
+
+		event.stopImmediatePropagation();
+	}
+
+	/**
+	 * Cross fade between views
+	 **/
+	self.crossFade = function(from, to, update, animation) {
+		var targetIndex = to.parentNode
+		var fromIndex = Array.prototype.slice.call(from.parentElement.children).indexOf(from);
+		var toIndex = Array.prototype.slice.call(to.parentElement.children).indexOf(to);
+
+		if (from.parentNode==to.parentNode) {
+			var reverse = self.getReverseAnimation(animation);
+			var duration = self.getAnimationDuration(animation, true);
+
+			// if target view is above (higher index)
+			// then fade in target view 
+			// and after fade in then hide previous view instantly
+			if (fromIndex<toIndex) {
+				self.setElementAnimation(from, null);
+				self.setElementAnimation(to, null);
+				self.showViewByMediaQuery(to);
+				self.fadeIn(to, update, animation);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+					self.updateViewLabel();
+				}, duration)
+			}
+			// if target view is on bottom
+			// then show target view instantly 
+			// and fade out current view
+			else if (fromIndex>toIndex) {
+				self.setElementAnimation(to, null);
+				self.setElementAnimation(from, null);
+				self.showViewByMediaQuery(to);
+				self.fadeOut(from, update, reverse);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+				}, duration)
+			}
+		}
+	}
+
+	self.fadeIn = function(element, update, animation) {
+		self.showViewByMediaQuery(element);
+
+		if (update) {
+			self.updateURL(element);
+
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.setViewVariables(element);
+				self.updateViewLabel();
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		self.setElementAnimation(element, null);
+		
+		element.style.animation = animation;
+	}
+
+	self.fadeOutCurrentView = function(animation, update) {
+		if (self.currentView) {
+			self.fadeOut(self.currentView, update, animation);
+		}
+		if (self.currentOverlay) {
+			self.fadeOut(self.currentOverlay, update, animation);
+		}
+	}
+
+	self.fadeOut = function(element, update, animation) {
+		if (update) {
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.hideView(element);
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		element.style.animationPlayState = "paused";
+		element.style.animation = animation;
+		element.style.animationPlayState = "running";
+	}
+
+	self.getReverseAnimation = function(animation) {
+		if (animation && animation.indexOf("reverse")==-1) {
+			animation += " reverse";
+		}
+
+		return animation;
+	}
+
+	/**
+	 * Get duration in animation string
+	 * @param {String} animation animation value
+	 * @param {Boolean} inMilliseconds length in milliseconds if true
+	 */
+	self.getAnimationDuration = function(animation, inMilliseconds) {
+		var duration = 0;
+		var expression = /.+(\d\.\d)s.+/;
+
+		if (animation && animation.match(expression)) {
+			duration = parseFloat(animation.replace(expression, "$" + "1"));
+			if (duration && inMilliseconds) duration = duration * 1000;
+		}
+
+		return duration;
+	}
+
+	self.setElementAnimation = function(element, animation, priority) {
+		element.style.setProperty("animation", animation, "important");
+	}
+
+	self.getElement = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementById = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementByClass = function(className) {
+		className = className ? className.trim() : className;
+		var elements = document.getElementsByClassName(className);
+
+		return elements.length ? elements[0] : null;
+	}
+
+	self.resizeHandler = function(event) {
+		
+		if (self.showByMediaQuery) {
+			if (self.enableDeepLinking) {
+				var stateName = self.getHashFragment();
+
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+			}
+		}
+		else {
+			var visibleViews = self.getVisibleViews();
+
+			for (let index = 0; index < visibleViews.length; index++) {	
+				var view = visibleViews[index];
+				self.scaleViewIfNeeded(view);
+			}
+		}
+
+		window.dispatchEvent(new Event(self.APPLICATION_RESIZE));
+	}
+
+	self.scaleViewIfNeeded = function(view) {
+
+		if (self.scaleViewsOnResize) {
+			if (view==null) {
+				view = self.getVisibleView();
+			}
+
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME)=="false" ? false : true;
+
+			if (isViewScaled) {
+				self.scaleViewToFit(view, true);
+			}
+			else {
+				self.scaleViewToActualSize(view);
+			}
+		}
+		else if (view) {
+			self.centerView(view);
+		}
+	}
+
+	self.centerView = function(view) {
+
+		if (self.scaleViewsToFit) {
+			self.scaleViewToFit(view, true);
+		}
+		else {
+			self.scaleViewToActualSize(view);  // for centering support for now
+		}
+	}
+
+	self.preventDoubleClick = function(event) {
+		event.stopImmediatePropagation();
+	}
+
+	self.getHashFragment = function() {
+		var value = window.location.hash ? window.location.hash.replace("#", "") : "";
+		return value;
+	}
+
+	self.showBlockElement = function(view) {
+		view.style.display = "block";
+	}
+
+	self.hideElement = function(view) {
+		view.style.display = "none";
+	}
+
+	self.showStateFunction = null;
+
+	self.showMediaQueryViewsByState = function(state, event) {
+		// browser will hide and show by media query (small, medium, large)
+		// but if multiple views exists at same size user may want specific view
+		// if showStateFunction is defined that is called with state fragment and user can show or hide each media matching view by returning true or false
+		// if showStateFunction is not defined and state is defined and view has a defined state that matches then show that and hide other matching views
+		// if no state is defined show view 
+		// an viewChanging event is dispatched before views are shown or hidden that can be prevented 
+
+		// get all matched queries
+		// if state name is specified then show that view and hide other views
+		// if no state name is defined then show
+		var matchedViews = self.getMatchingViews();
+		var matchMediaQuery = true;
+		var foundViews = self.getViewsByStateName(state, matchMediaQuery);
+		var showViews = [];
+		var hideViews = [];
+
+		// loop views that match media query 
+		for (let index = 0; index < matchedViews.length; index++) {
+			var view = matchedViews[index];
+			
+			// let user determine visible view
+			if (self.showStateFunction!=null) {
+				if (self.showStateFunction(view, state)) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// state was defined so check if view matches state
+			else if (foundViews.length) {
+
+				if (foundViews.indexOf(view)!=-1) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// if no state names are defined show view (define unused state name to exclude)
+			else if (state==null || state=="") {
+				showViews.push(view);
+			}
+		}
+
+		if (showViews.length) {
+			var viewChangingEvent = new Event(self.VIEW_CHANGING);
+			viewChangingEvent.showViews = showViews;
+			viewChangingEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangingEvent);
+
+			if (viewChangingEvent.defaultPrevented==false) {
+				for (var index = 0; index < hideViews.length; index++) {
+					var view = hideViews[index];
+
+					if (self.isOverlay(view)) {
+						self.removeOverlay(view);
+					}
+					else {
+						self.hideElement(view);
+					}
+				}
+
+				for (var index = 0; index < showViews.length; index++) {
+					var view = showViews[index];
+
+					if (index==showViews.length-1) {
+						self.clearDisplay(view);
+						self.setViewOptions(view);
+						self.setViewVariables(view);
+						self.centerView(view);
+						self.updateURLState(view, state);
+					}
+				}
+			}
+
+			var viewChangeEvent = new Event(self.VIEW_CHANGE);
+			viewChangeEvent.showViews = showViews;
+			viewChangeEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangeEvent);
+		}
+		
+	}
+
+	self.clearDisplay = function(view) {
+		view.style.setProperty("display", null);
+	}
+
+	self.hashChangeHandler = function(event) {
+		var fragment = self.getHashFragment();
+		var view = self.getViewById(fragment);
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			self.showMediaQueryViewsByState(stateName);
+		}
+		else {
+			if (view) {
+				self.hideViews();
+				self.showView(view);
+				self.setViewVariables(view);
+				self.updateViewLabel();
+				
+				window.dispatchEvent(new Event(self.VIEW_CHANGE));
+			}
+			else {
+				window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+			}
+		}
+	}
+
+	self.popStateHandler = function(event) {
+		var state = event.state;
+		var fragment = state ? state.name : window.location.hash;
+		var view = self.getViewById(fragment);
+
+		if (view) {
+			self.hideViews();
+			self.showView(view);
+			self.updateViewLabel();
+		}
+		else {
+			window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+		}
+	}
+
+	self.doubleClickHandler = function(event) {
+		var view = self.getVisibleView();
+		var scaleValue = view ? self.getViewScaleValue(view) : 1;
+		var scaleNeededToFit = view ? self.getViewFitToViewportScale(view) : 1;
+		var scaleNeededToFitWidth = view ? self.getViewFitToViewportWidthScale(view) : 1;
+		var scaleNeededToFitHeight = view ? self.getViewFitToViewportHeightScale(view) : 1;
+		var scaleToFitType = self.scaleToFitType;
+
+		// Three scenarios
+		// - scale to fit on double click
+		// - set scale to actual size on double click
+		// - switch between scale to fit and actual page size
+
+		if (scaleToFitType=="width") {
+			scaleNeededToFit = scaleNeededToFitWidth;
+		}
+		else if (scaleToFitType=="height") {
+			scaleNeededToFit = scaleNeededToFitHeight;
+		}
+
+		// if scale and actual size enabled then switch between
+		if (self.scaleToFitOnDoubleClick && self.actualSizeOnDoubleClick) {
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+			var isScaled = false;
+			
+			// if scale is not 1 then view needs scaling
+			if (scaleNeededToFit!=1) {
+
+				// if current scale is at 1 it is at actual size
+				// scale it to fit
+				if (scaleValue==1) {
+					self.scaleViewToFit(view);
+					isScaled = true;
+				}
+				else {
+					// scale is not at 1 so switch to actual size
+					self.scaleViewToActualSize(view);
+					isScaled = false;
+				}
+			}
+			else {
+				// view is smaller than viewport 
+				// so scale to fit() is scale actual size
+				// actual size and scaled size are the same
+				// but call scale to fit to retain centering
+				self.scaleViewToFit(view);
+				isScaled = false;
+			}
+			
+			view.setAttributeNS(null, self.SIZE_STATE_NAME, isScaled+"");
+			isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+		}
+		else if (self.scaleToFitOnDoubleClick) {
+			self.scaleViewToFit(view);
+		}
+		else if (self.actualSizeOnDoubleClick) {
+			self.scaleViewToActualSize(view);
+		}
+
+	}
+
+	self.scaleViewToFit = function(view) {
+		return self.setViewScaleValue(view, true);
+	}
+
+	self.scaleViewToActualSize = function(view) {
+		self.setViewScaleValue(view, false, 1);
+	}
+
+	self.onloadHandler = function(event) {
+		self.initialize();
+	}
+
+	self.setElementHTML = function(id, value) {
+		var element = self.getElement(id);
+		element.innerHTML = value;
+	}
+
+	self.getStackArray = function(error) {
+		var value = "";
+		
+		if (error==null) {
+		  try {
+			 error = new Error("Stack");
+		  }
+		  catch (e) {
+			 
+		  }
+		}
+		
+		if ("stack" in error) {
+		  value = error.stack;
+		  var methods = value.split(/\n/g);
+	 
+		  var newArray = methods ? methods.map(function (value, index, array) {
+			 value = value.replace(/\@.*/,"");
+			 return value;
+		  }) : null;
+	 
+		  if (newArray && newArray[0].includes("getStackTrace")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0].includes("getStackArray")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0]=="") {
+			 newArray.shift();
+		  }
+	 
+			return newArray;
+		}
+		
+		return null;
+	}
+
+	self.log = function(value) {
+		console.log.apply(this, [value]);
+	}
+	
+	// initialize on load
+	// sometimes the body size is 0 so we call this now and again later
+	window.addEventListener("load", self.onloadHandler);
+	window.document.addEventListener("DOMContentLoaded", self.onloadHandler);
+}
+
+window.application = new Application();
+</script>
+</head>
+<body>
+<div id="SaveResult-TestResult-L-LookREF">
+	<img id="n_61_zq" src="n_61_zq.png" srcset="n_61_zq.png 1x">
+		
+	<svg class="n_25_zr">
+		<ellipse id="n_25_zr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_zs">
+		<ellipse id="n_18_zs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_zt" class="BackButton">
+		<svg class="BackButton_zu">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_zu" rx="0" ry="0" x="0" y="0" width="53" height="31">
+			</rect>
+		</svg>
+	</div>
+	<div id="MoreButton_zv" class="MoreButton">
+		<svg class="MoreButton_zw">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_zw" rx="0" ry="0" x="0" y="0" width="44" height="32">
+			</rect>
+		</svg>
+	</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF_HELP.html
old mode 100644
new mode 100755
index d203866..eb46e75
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_LookREF_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_64_uc {
+	#n_64_zk {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ud {
+	#n_25_zl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_zl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_zm {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ue {
+	#BackButton_zn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ue {
+	.BackButton_zn {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-L-LookREF-HELP">
-	<img id="n_64_uc" src="n_64_uc.png" srcset="n_64_uc.png 1x">
+	<img id="n_64_zk" src="n_64_zk.png" srcset="n_64_zk.png 1x">
 		
-	<div id="BackButton_ud" class="BackButton">
-		<svg class="BackButton_ue">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ue" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_zl">
+		<ellipse id="n_25_zl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_zm" class="BackButton">
+		<svg class="BackButton_zn">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_zn" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_L_Setting.html b/public/flukemoni/Ex4/SaveResult_TestResult_L_Setting.html
old mode 100644
new mode 100755
index 2f83a60..896ba4e
--- a/public/flukemoni/Ex4/SaveResult_TestResult_L_Setting.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_L_Setting.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_u {
+	#n_25_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_k {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_va {
+	#BackButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_va {
+	.BackButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SaveResult-TestResult-L-Setting">
 	<img id="n_73" src="n_73.png" srcset="n_73.png 1x">
 		
-	<div id="BackButton_u" class="BackButton">
-		<svg class="BackButton_va">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_va" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_f">
+		<ellipse id="n_25_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_k" class="BackButton">
+		<svg class="BackButton_t">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_t" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R.html b/public/flukemoni/Ex4/SaveResult_TestResult_R.html
old mode 100644
new mode 100755
index ed78fb5..cb7dc82
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_sp {
+	#n_25_xc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_xc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_xd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_xd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_xe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_xe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_xf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_xf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_xg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_xg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_xh {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_xh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 361px;
+	}
+	#BackButton_xi {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_sq {
+	#BackButton_xj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_sq {
+	.BackButton_xj {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_SaveResult.html;
 		cursor: pointer;
 	}
-	#MoreButton_sr {
+	#MoreButton_xk {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_ss {
+	#MoreButton_xl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ss {
+	.MoreButton_xl {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: SaveResult_TestResult_R_HELP.html;
 		cursor: pointer;
 	}
-	#LengthButton_st {
+	#LengthButton_xm {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 352px;
 		overflow: visible;
 	}
-	#LengthButton_su {
+	#LengthButton_xn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_su {
+	.LengthButton_xn {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: SaveResult_TestResult_R_Length.html;
 		cursor: pointer;
 	}
-	#LookREFButton_sv {
+	#LookREFButton_xo {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_sw {
+	#LookREFButton_xp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_sw {
+	.LookREFButton_xp {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: SaveResult_TestResult_R_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_sx {
+	#SETButton_xq {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_sy {
+	#SETButton_xr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_sy {
+	.SETButton_xr {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: SaveResult_TestResult_R_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_sz {
+	#OKButton_xs {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_s {
+	#OKButton_xt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_s {
+	.OKButton_xt {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="SaveResult-TestResult-R">
 	<img id="n_70" src="n_70.png" srcset="n_70.png 1x">
 		
-	<div id="BackButton_sp" class="BackButton">
-		<svg class="BackButton_sq">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_sq" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_xc">
+		<ellipse id="n_25_xc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_xd">
+		<ellipse id="n_18_xd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_xe">
+		<ellipse id="n_18_xe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_xf">
+		<ellipse id="n_18_xf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_xg">
+		<ellipse id="n_18_xg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_xh">
+		<ellipse id="n_18_xh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_xi" class="BackButton">
+		<svg class="BackButton_xj">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_xj" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_sr" class="MoreButton">
-		<svg class="MoreButton_ss">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_ss" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_xk" class="MoreButton">
+		<svg class="MoreButton_xl">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_xl" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="LengthButton_st" class="LengthButton">
-		<svg class="LengthButton_su">
-			<rect onclick="application.goToTargetView(event)" id="LengthButton_su" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="LengthButton_xm" class="LengthButton">
+		<svg class="LengthButton_xn">
+			<rect onclick="application.goToTargetView(event)" id="LengthButton_xn" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_sv" class="LookREFButton">
-		<svg class="LookREFButton_sw">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_sw" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_xo" class="LookREFButton">
+		<svg class="LookREFButton_xp">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_xp" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_sx" class="SETButton">
-		<svg class="SETButton_sy">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_sy" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_xq" class="SETButton">
+		<svg class="SETButton_xr">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_xr" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_sz" class="OKButton">
-		<svg class="OKButton_s">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_s" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_xs" class="OKButton">
+		<svg class="OKButton_xt">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_xt" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_HELP.html
old mode 100644
new mode 100755
index cbf24d4..1cb7e35
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_s {
+	#n_63_xw {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_s {
+	#n_25_xx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_xx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_xy {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ta {
+	#BackButton_xz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ta {
+	.BackButton_xz {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-R-HELP">
-	<img id="n_63_s" src="n_63_s.png" srcset="n_63_s.png 1x">
+	<img id="n_63_xw" src="n_63_xw.png" srcset="n_63_xw.png 1x">
 		
-	<div id="BackButton_s" class="BackButton">
-		<svg class="BackButton_ta">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ta" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_xx">
+		<ellipse id="n_25_xx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_xy" class="BackButton">
+		<svg class="BackButton_xz">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_xz" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_Length.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_Length.html
old mode 100644
new mode 100755
index 2b48eb5..ffb0cb6
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_Length.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_Length.html
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_tt {
+	#n_25_yu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_yu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_yv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_yw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_yx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_yy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_yz {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_yz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 411px;
+		top: 320px;
+	}
+	#BackButton_y {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +163,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_tu {
+	#BackButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +173,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_tu {
+	.BackButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		--web-action-target: TEST_SaveResult.html;
 		cursor: pointer;
 	}
-	#MoreButton_tv {
+	#MoreButton_y {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +194,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_tw {
+	#MoreButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_tw {
+	.MoreButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		--web-action-target: SaveResult_TestResult_R_Length_HELP.html;
 		cursor: pointer;
 	}
-	#R-MButton_tx {
+	#R-MButton_y {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -118,7 +225,7 @@
 		top: 308px;
 		overflow: visible;
 	}
-	#R-MButton_ty {
+	#R-MButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +235,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_ty {
+	.R-MButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		--web-action-target: SaveResult_TestResult_R.html;
 		cursor: pointer;
 	}
-	#LookREFButton_tz {
+	#LookREFButton_y {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -149,7 +256,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#LookREFButton_t {
+	#LookREFButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +266,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_t {
+	.LookREFButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		--web-action-target: SaveResult_TestResult_R_LookREF.html;
 		cursor: pointer;
 	}
-	#SETButton_t {
+	#SETButton_y {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -180,7 +287,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SETButton_ua {
+	#SETButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -190,7 +297,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ua {
+	.SETButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		--web-action-target: SaveResult_TestResult_R_Setting.html;
 		cursor: pointer;
 	}
-	#OKButton_t {
+	#OKButton_za {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -211,7 +318,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#OKButton_ua {
+	#OKButton_zb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -221,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_ua {
+	.OKButton_zb {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3257,63 @@ window.application = new Application();
 <div id="SaveResult-TestResult-R-Length">
 	<img id="n_71" src="n_71.png" srcset="n_71.png 1x">
 		
-	<div id="BackButton_tt" class="BackButton">
-		<svg class="BackButton_tu">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_tu" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_yu">
+		<ellipse id="n_25_yu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yv">
+		<ellipse id="n_18_yv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yw">
+		<ellipse id="n_18_yw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yx">
+		<ellipse id="n_18_yx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yy">
+		<ellipse id="n_18_yy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_yz">
+		<ellipse id="n_18_yz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_y" class="BackButton">
+		<svg class="BackButton_za">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_za" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_tv" class="MoreButton">
-		<svg class="MoreButton_tw">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_tw" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_y" class="MoreButton">
+		<svg class="MoreButton_za">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_za" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="R-MButton_tx" class="R_MButton">
-		<svg class="R-MButton_ty">
-			<rect onclick="application.goToTargetView(event)" id="R-MButton_ty" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div id="R-MButton_y" class="R_MButton">
+		<svg class="R-MButton_za">
+			<rect onclick="application.goToTargetView(event)" id="R-MButton_za" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div id="LookREFButton_tz" class="LookREFButton">
-		<svg class="LookREFButton_t">
-			<rect onclick="application.goToTargetView(event)" id="LookREFButton_t" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div id="LookREFButton_y" class="LookREFButton">
+		<svg class="LookREFButton_za">
+			<rect onclick="application.goToTargetView(event)" id="LookREFButton_za" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="SETButton_t" class="SETButton">
-		<svg class="SETButton_ua">
-			<rect onclick="application.goToTargetView(event)" id="SETButton_ua" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div id="SETButton_y" class="SETButton">
+		<svg class="SETButton_za">
+			<rect onclick="application.goToTargetView(event)" id="SETButton_za" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div id="OKButton_t" class="OKButton">
-		<svg class="OKButton_ua">
-			<rect onclick="application.goToTargetView(event)" id="OKButton_ua" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div id="OKButton_za" class="OKButton">
+		<svg class="OKButton_zb">
+			<rect onclick="application.goToTargetView(event)" id="OKButton_zb" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_Length_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_Length_HELP.html
old mode 100644
new mode 100755
index 1484615..65f8792
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_Length_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_t {
+	#n_63_ze {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_t {
+	#n_25_zf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_zf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_zg {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ua {
+	#BackButton_zh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ua {
+	.BackButton_zh {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-R-Length-HELP">
-	<img id="n_63_t" src="n_63_t.png" srcset="n_63_t.png 1x">
+	<img id="n_63_ze" src="n_63_ze.png" srcset="n_63_ze.png 1x">
 		
-	<div id="BackButton_t" class="BackButton">
-		<svg class="BackButton_ua">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ua" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_zf">
+		<ellipse id="n_25_zf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_zg" class="BackButton">
+		<svg class="BackButton_zh">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_zh" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF.html
old mode 100644
new mode 100755
index 2891467..cafd1ae
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_61_uo {
+	#n_61_zz {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_up {
+	#n_25_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_18_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 25px;
+		top: 545px;
+	}
+	#BackButton_z {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +92,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_uq {
+	#BackButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +102,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_uq {
+	.BackButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		--web-action-target: SaveResult_TestResult_R.html;
 		cursor: pointer;
 	}
-	#MoreButton_ur {
+	#MoreButton_z {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -87,7 +123,7 @@
 		top: 540px;
 		overflow: visible;
 	}
-	#MoreButton_us {
+	#MoreButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +133,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_us {
+	.MoreButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-R-LookREF">
-	<img id="n_61_uo" src="n_61_uo.png" srcset="n_61_uo.png 1x">
+	<img id="n_61_zz" src="n_61_zz.png" srcset="n_61_zz.png 1x">
 		
-	<div id="BackButton_up" class="BackButton">
-		<svg class="BackButton_uq">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_uq" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_z">
+		<ellipse id="n_25_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_z">
+		<ellipse id="n_18_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_z" class="BackButton">
+		<svg class="BackButton_a">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_a" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="MoreButton_ur" class="MoreButton">
-		<svg class="MoreButton_us">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_us" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div id="MoreButton_z" class="MoreButton">
+		<svg class="MoreButton_a">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_a" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF_HELP.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF_HELP.html
old mode 100644
new mode 100755
index 2cd92c3..f251e6c
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_LookREF_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_64_uv {
+	#n_64_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_uw {
+	#n_25_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_b {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_ux {
+	#BackButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ux {
+	.BackButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SaveResult-TestResult-R-LookREF-HELP">
-	<img id="n_64_uv" src="n_64_uv.png" srcset="n_64_uv.png 1x">
+	<img id="n_64_z" src="n_64_z.png" srcset="n_64_z.png 1x">
 		
-	<div id="BackButton_uw" class="BackButton">
-		<svg class="BackButton_ux">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_ux" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_a">
+		<ellipse id="n_25_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_b" class="BackButton">
+		<svg class="BackButton_c">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_c" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SaveResult_TestResult_R_Setting.html b/public/flukemoni/Ex4/SaveResult_TestResult_R_Setting.html
old mode 100644
new mode 100755
index b968a6b..27a8e47
--- a/public/flukemoni/Ex4/SaveResult_TestResult_R_Setting.html
+++ b/public/flukemoni/Ex4/SaveResult_TestResult_R_Setting.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_vb {
+	#n_25_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_u {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 47px;
 		overflow: visible;
 	}
-	#BackButton_vc {
+	#BackButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_vc {
+	.BackButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SaveResult-TestResult-R-Setting">
 	<img id="n_72" src="n_72.png" srcset="n_72.png 1x">
 		
-	<div id="BackButton_vb" class="BackButton">
-		<svg class="BackButton_vc">
-			<rect onclick="application.goToTargetView(event)" id="BackButton_vc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_l">
+		<ellipse id="n_25_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="BackButton_u" class="BackButton">
+		<svg class="BackButton_w">
+			<rect onclick="application.goToTargetView(event)" id="BackButton_w" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREF.html b/public/flukemoni/Ex4/SetREF.html
old mode 100644
new mode 100755
index 0f568f2..f52741a
--- a/public/flukemoni/Ex4/SetREF.html
+++ b/public/flukemoni/Ex4/SetREF.html
@@ -48,6 +48,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_18_gd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_gd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 598px;
+	}
+	#n_20_ge {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ge {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
 	#SkipButton {
 		opacity: 0;
 		position: absolute;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFSkip.html;
 		cursor: pointer;
 	}
-	#SkipButton_fn {
+	#SkipButton_gg {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -70,7 +106,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SkipButton_fn {
+	.SkipButton_gg {
 		position: absolute;
 		overflow: visible;
 		width: 103px;
@@ -91,7 +127,7 @@
 		--web-action-target: SetREFStart.html;
 		cursor: pointer;
 	}
-	#RunButton_fp {
+	#RunButton_gi {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -100,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RunButton_fp {
+	.RunButton_gi {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3024,15 +3060,23 @@ window.application = new Application();
 <div id="SetREF">
 	<img id="n_10" src="n_10.png" srcset="n_10.png 1x">
 		
+	<svg class="n_18_gd">
+		<ellipse id="n_18_gd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ge">
+		<ellipse id="n_20_ge" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="SkipButton" class="SkipButton">
-		<svg class="SkipButton_fn">
-			<rect id="SkipButton_fn" rx="0" ry="0" x="0" y="0" width="103" height="50">
+		<svg class="SkipButton_gg">
+			<rect id="SkipButton_gg" rx="0" ry="0" x="0" y="0" width="103" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="RunButton" class="RunButton">
-		<svg class="RunButton_fp">
-			<rect id="RunButton_fp" rx="0" ry="0" x="0" y="0" width="100" height="52">
+		<svg class="RunButton_gi">
+			<rect id="RunButton_gi" rx="0" ry="0" x="0" y="0" width="100" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip.html b/public/flukemoni/Ex4/SetREFSkip.html
old mode 100644
new mode 100755
index 26307be..9ee3ec4
--- a/public/flukemoni/Ex4/SetREFSkip.html
+++ b/public/flukemoni/Ex4/SetREFSkip.html
@@ -44,11 +44,47 @@
 		position: absolute;
 		width: 480px;
 		height: 640px;
-		left: 0px;
+		left: 1px;
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_f {
+	#n_18_gv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_gv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 598px;
+	}
+	#n_20_gw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_gw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#NextButton_gx {
 		opacity: 0;
 		position: absolute;
 		width: 101px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFSkip_SETREF.html;
 		cursor: pointer;
 	}
-	#NextButton_ga {
+	#NextButton_gy {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -70,7 +106,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ga {
+	.NextButton_gy {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -90,7 +126,7 @@
 		--web-action-target: SetREFSkip_TRClength.html;
 		cursor: pointer;
 	}
-	#TRCLength_f {
+	#TRCLength_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TRCLength_f {
+	.TRCLength_g {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -3024,15 +3060,23 @@ window.application = new Application();
 <div id="SetREFSkip">
 	<img id="n_11" src="n_11.png" srcset="n_11.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_f" class="NextButton">
-		<svg class="NextButton_ga">
-			<rect id="NextButton_ga" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<svg class="n_18_gv">
+		<ellipse id="n_18_gv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_gw">
+		<ellipse id="n_20_gw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_gx" class="NextButton">
+		<svg class="NextButton_gy">
+			<rect id="NextButton_gy" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TRCLength" class="TRCLength">
-		<svg class="TRCLength_f">
-			<rect id="TRCLength_f" rx="0" ry="0" x="0" y="0" width="101" height="51">
+		<svg class="TRCLength_g">
+			<rect id="TRCLength_g" rx="0" ry="0" x="0" y="0" width="101" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREF.html b/public/flukemoni/Ex4/SetREFSkip_SETREF.html
old mode 100644
new mode 100755
index 91b1ad6..ac14c06
--- a/public/flukemoni/Ex4/SetREFSkip_SETREF.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREF.html
@@ -53,7 +53,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ge {
+	#n_25 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 496px;
+	}
+	#BackButton_he {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -65,7 +83,7 @@
 		--web-action-target: SetREFSkip.html;
 		cursor: pointer;
 	}
-	#BackButton_gf {
+	#BackButton_hf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -75,7 +93,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gf {
+	.BackButton_hf {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -2999,9 +3017,13 @@ window.application = new Application();
 <div id="SetREFSkip-SETREF" onclick="application.goToTargetView(event)">
 	<img id="n_13" src="n_13.png" srcset="n_13.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ge" class="BackButton">
-		<svg class="BackButton_gf">
-			<rect id="BackButton_gf" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<svg class="n_25">
+		<ellipse id="n_25" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_he" class="BackButton">
+		<svg class="BackButton_hf">
+			<rect id="BackButton_hf" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK.html
old mode 100644
new mode 100755
index 8bdad91..1bec5a6
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_gj {
+	#n_18_hj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_hj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 598px;
+	}
+	#n_20_hk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_hk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#NextButton_hl {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +98,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_MAIN.html;
 		cursor: pointer;
 	}
-	#NextButton_gk {
+	#NextButton_hm {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_gk {
+	.NextButton_hm {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREF_gm {
+	#LookREF_ho {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREF_gm {
+	.LookREF_ho {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="SetREFSkip-SETREFOK">
 	<img id="n_14" src="n_14.png" srcset="n_14.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_gj" class="NextButton">
-		<svg class="NextButton_gk">
-			<rect id="NextButton_gk" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_18_hj">
+		<ellipse id="n_18_hj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_hk">
+		<ellipse id="n_20_hk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_hl" class="NextButton">
+		<svg class="NextButton_hm">
+			<rect id="NextButton_hm" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LookREF" class="LookREF">
-		<svg class="LookREF_gm">
-			<rect id="LookREF_gm" rx="0" ry="0" x="0" y="0" width="100" height="50">
+		<svg class="LookREF_ho">
+			<rect id="LookREF_ho" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF.html
old mode 100644
new mode 100755
index d6ac874..0f29775
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_gq {
+	#n_18_hs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_hs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#n_18_ht {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ht {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_hu {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFSkip_SETREFOK.html;
 		cursor: pointer;
 	}
-	#BackButton_gr {
+	#BackButton_hv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gr {
+	.BackButton_hv {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_gs {
+	#MoreButton_hw {
 		position: absolute;
 		width: 47px;
 		height: 34px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_LookREF_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_gt {
+	#MoreButton_hx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_gt {
+	.MoreButton_hx {
 		position: absolute;
 		overflow: visible;
 		width: 47px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="SetREFSkip-SETREFOK-LookREF">
 	<img id="n_43" src="n_43.png" srcset="n_43.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_gq" class="BackButton">
-		<svg class="BackButton_gr">
-			<rect id="BackButton_gr" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_hs">
+		<ellipse id="n_18_hs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ht">
+		<ellipse id="n_18_ht" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_hu" class="BackButton">
+		<svg class="BackButton_hv">
+			<rect id="BackButton_hv" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_gs" class="MoreButton">
-		<svg class="MoreButton_gt">
-			<rect id="MoreButton_gt" rx="0" ry="0" x="0" y="0" width="47" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_hw" class="MoreButton">
+		<svg class="MoreButton_hx">
+			<rect id="MoreButton_hx" rx="0" ry="0" x="0" y="0" width="47" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF_HELP.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF_HELP.html
old mode 100644
new mode 100755
index 00e392d..cf99187
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_LookREF_HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_gx {
+	#n_18_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#BackButton_h {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_LookREF.html;
 		cursor: pointer;
 	}
-	#BackButton_gy {
+	#BackButton_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gy {
+	.BackButton_ia {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFSkip-SETREFOK-LookREF-HELP">
 	<img id="n_16" src="n_16.png" srcset="n_16.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_gx" class="BackButton">
-		<svg class="BackButton_gy">
-			<rect id="BackButton_gy" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_h">
+		<ellipse id="n_18_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_h" class="BackButton">
+		<svg class="BackButton_ia">
+			<rect id="BackButton_ia" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN.html
old mode 100644
new mode 100755
index 4805b20..56d3e23
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_17 {
+	#n_17_h {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_g {
+	#n_18_ia {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ia {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 598px;
+	}
+	#n_20_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#NextButton_h {
 		opacity: 0;
 		position: absolute;
 		width: 62px;
@@ -62,7 +98,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#NextButton_ha {
+	#NextButton_ia {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ha {
+	.NextButton_ia {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREF_g {
+	#LookREF_ib {
 		position: absolute;
 		width: 100px;
 		height: 50px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_MAIN_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREF_ha {
+	#LookREF_ic {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREF_ha {
+	.LookREF_ic {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFSkip-SETREFOK-MAIN">
-	<img id="n_17" src="n_17.png" srcset="n_17.png 1x">
+	<img id="n_17_h" src="n_17_h.png" srcset="n_17_h.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_g" class="NextButton">
-		<svg class="NextButton_ha">
-			<rect id="NextButton_ha" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="n_18_ia">
+		<ellipse id="n_18_ia" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_h">
+		<ellipse id="n_20_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_h" class="NextButton">
+		<svg class="NextButton_ia">
+			<rect id="NextButton_ia" rx="0" ry="0" x="0" y="0" width="62" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREF_g" class="LookREF">
-		<svg class="LookREF_ha">
-			<rect id="LookREF_ha" rx="0" ry="0" x="0" y="0" width="100" height="50">
+	<div onclick="application.goToTargetView(event)" id="LookREF_ib" class="LookREF">
+		<svg class="LookREF_ic">
+			<rect id="LookREF_ic" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF.html
old mode 100644
new mode 100755
index d85e267..128de50
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_43_m {
+	#n_43_p {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_na {
+	#n_18_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#n_18_qa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_qa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_p {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_MAIN.html;
 		cursor: pointer;
 	}
-	#BackButton_nb {
+	#BackButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_nb {
+	.BackButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_m {
+	#MoreButton_p {
 		position: absolute;
 		width: 47px;
 		height: 34px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_MAIN_LookREF_HELP_.html;
 		cursor: pointer;
 	}
-	#MoreButton_na {
+	#MoreButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_na {
+	.MoreButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 47px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFSkip-SETREFOK-MAINLookREF">
-	<img id="n_43_m" src="n_43_m.png" srcset="n_43_m.png 1x">
+	<img id="n_43_p" src="n_43_p.png" srcset="n_43_p.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_na" class="BackButton">
-		<svg class="BackButton_nb">
-			<rect id="BackButton_nb" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_p">
+		<ellipse id="n_18_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_qa">
+		<ellipse id="n_18_qa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_p" class="BackButton">
+		<svg class="BackButton_qa">
+			<rect id="BackButton_qa" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_m" class="MoreButton">
-		<svg class="MoreButton_na">
-			<rect id="MoreButton_na" rx="0" ry="0" x="0" y="0" width="47" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_p" class="MoreButton">
+		<svg class="MoreButton_qa">
+			<rect id="MoreButton_qa" rx="0" ry="0" x="0" y="0" width="47" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF_HELP_.html b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF_HELP_.html
old mode 100644
new mode 100755
index 3b3a7ea..eb944da
--- a/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF_HELP_.html
+++ b/public/flukemoni/Ex4/SetREFSkip_SETREFOK_MAIN_LookREF_HELP_.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_16_na {
+	#n_16_qa {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_nc {
+	#n_18_qb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_qb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 52px;
+	}
+	#BackButton_qc {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFSkip_SETREFOK_MAIN_LookREF.html;
 		cursor: pointer;
 	}
-	#BackButton_nd {
+	#BackButton_qd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_nd {
+	.BackButton_qd {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFSkip-SETREFOK-MAINLookREF-HELP_">
-	<img id="n_16_na" src="n_16_na.png" srcset="n_16_na.png 1x">
+	<img id="n_16_qa" src="n_16_qa.png" srcset="n_16_qa.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_nc" class="BackButton">
-		<svg class="BackButton_nd">
-			<rect id="BackButton_nd" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_qb">
+		<ellipse id="n_18_qb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_qc" class="BackButton">
+		<svg class="BackButton_qd">
+			<rect id="BackButton_qd" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFSkip_TRClength.html b/public/flukemoni/Ex4/SetREFSkip_TRClength.html
old mode 100644
new mode 100755
index 5bc27c2..8b4763a
--- a/public/flukemoni/Ex4/SetREFSkip_TRClength.html
+++ b/public/flukemoni/Ex4/SetREFSkip_TRClength.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_f {
+	#n_20_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#n_18_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#BackButton_g {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -60,7 +96,7 @@
 		--web-action-target: SetREFSkip.html;
 		cursor: pointer;
 	}
-	#BackButton_ga {
+	#BackButton_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -70,7 +106,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ga {
+	.BackButton_ha {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -78,7 +114,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_gb {
+	#BackButton_hb {
 		position: absolute;
 		width: 58px;
 		height: 51px;
@@ -90,7 +126,7 @@
 		--web-action-target: SetREFSkip.html;
 		cursor: pointer;
 	}
-	#BackButton_gc {
+	#BackButton_hc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gc {
+	.BackButton_hc {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3024,15 +3060,23 @@ window.application = new Application();
 <div id="SetREFSkip-TRClength">
 	<img id="n_12" src="n_12.png" srcset="n_12.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_f" class="BackButton">
-		<svg class="BackButton_ga">
-			<rect id="BackButton_ga" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_20_g">
+		<ellipse id="n_20_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_g">
+		<ellipse id="n_18_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_g" class="BackButton">
+		<svg class="BackButton_ha">
+			<rect id="BackButton_ha" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_gb" class="BackButton">
-		<svg class="BackButton_gc">
-			<rect id="BackButton_gc" rx="0" ry="0" x="0" y="0" width="58" height="51">
+	<div onclick="application.goToTargetView(event)" id="BackButton_hb" class="BackButton">
+		<svg class="BackButton_hc">
+			<rect id="BackButton_hc" rx="0" ry="0" x="0" y="0" width="58" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart.html b/public/flukemoni/Ex4/SetREFStart.html
old mode 100644
new mode 100755
index 5a7a9d7..79f0527
--- a/public/flukemoni/Ex4/SetREFStart.html
+++ b/public/flukemoni/Ex4/SetREFStart.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_18 {
+	#n_18_gl {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,6 +48,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_18_gm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_gm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 45px;
+		top: 598px;
+	}
+	#n_20_gn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_gn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
 	#BackButton {
 		position: absolute;
 		width: 63px;
@@ -60,7 +96,7 @@
 		--web-action-target: SetREF.html;
 		cursor: pointer;
 	}
-	#BackButton_fu {
+	#BackButton_gp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -70,7 +106,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_fu {
+	.BackButton_gp {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -91,7 +127,7 @@
 		--web-action-target: SetREFStart___1.html;
 		cursor: pointer;
 	}
-	#NextButton_fw {
+	#NextButton_gr {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -100,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_fw {
+	.NextButton_gr {
 		position: absolute;
 		overflow: visible;
 		width: 84px;
@@ -3022,17 +3058,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart">
-	<img id="n_18" src="n_18.png" srcset="n_18.png 1x">
+	<img id="n_18_gl" src="n_18_gl.png" srcset="n_18_gl.png 1x">
 		
+	<svg class="n_18_gm">
+		<ellipse id="n_18_gm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_gn">
+		<ellipse id="n_20_gn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="BackButton" class="BackButton">
-		<svg class="BackButton_fu">
-			<rect id="BackButton_fu" rx="0" ry="0" x="0" y="0" width="63" height="52">
+		<svg class="BackButton_gp">
+			<rect id="BackButton_gp" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="NextButton" class="NextButton">
-		<svg class="NextButton_fw">
-			<rect id="NextButton_fw" rx="0" ry="0" x="0" y="0" width="84" height="52">
+		<svg class="NextButton_gr">
+			<rect id="NextButton_gr" rx="0" ry="0" x="0" y="0" width="84" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart_9_L_3_HELP.html b/public/flukemoni/Ex4/SetREFStart_9_L_3_HELP.html
old mode 100644
new mode 100755
index b7135e9..1facfd1
--- a/public/flukemoni/Ex4/SetREFStart_9_L_3_HELP.html
+++ b/public/flukemoni/Ex4/SetREFStart_9_L_3_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_29 {
+	#n_29_mv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_km {
+	#n_25_mw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_mw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_mx {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___9_L___3.html;
 		cursor: pointer;
 	}
-	#BackButton_kn {
+	#BackButton_my {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_kn {
+	.BackButton_my {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart-9-L3-HELP">
-	<img id="n_29" src="n_29.png" srcset="n_29.png 1x">
+	<img id="n_29_mv" src="n_29_mv.png" srcset="n_29_mv.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_km" class="BackButton">
-		<svg class="BackButton_kn">
-			<rect id="BackButton_kn" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_mw">
+		<ellipse id="n_25_mw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_mx" class="BackButton">
+		<svg class="BackButton_my">
+			<rect id="BackButton_my" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart_9_R_3.html b/public/flukemoni/Ex4/SetREFStart_9_R_3.html
old mode 100644
new mode 100755
index 7679810..bde945f
--- a/public/flukemoni/Ex4/SetREFStart_9_R_3.html
+++ b/public/flukemoni/Ex4/SetREFStart_9_R_3.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_lq {
+	#n_18_ob {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ob {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#n_18_oc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_oc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_od {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFStart___9_R.html;
 		cursor: pointer;
 	}
-	#BackButton_lr {
+	#BackButton_oe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lr {
+	.BackButton_oe {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_ls {
+	#MoreButton_of {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -91,7 +127,7 @@
 		--web-action-target: SetREFStart___9_R_3_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_lt {
+	#MoreButton_og {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -101,7 +137,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_lt {
+	.MoreButton_og {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3025,15 +3061,23 @@ window.application = new Application();
 <div id="SetREFStart9-R3">
 	<img id="n_50" src="n_50.png" srcset="n_50.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_lq" class="BackButton">
-		<svg class="BackButton_lr">
-			<rect id="BackButton_lr" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_ob">
+		<ellipse id="n_18_ob" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_oc">
+		<ellipse id="n_18_oc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_od" class="BackButton">
+		<svg class="BackButton_oe">
+			<rect id="BackButton_oe" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_ls" class="MoreButton">
-		<svg class="MoreButton_lt">
-			<rect id="MoreButton_lt" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_of" class="MoreButton">
+		<svg class="MoreButton_og">
+			<rect id="MoreButton_og" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___1.html b/public/flukemoni/Ex4/SetREFStart___1.html
old mode 100644
new mode 100755
index 9da7b72..d90a0f7
--- a/public/flukemoni/Ex4/SetREFStart___1.html
+++ b/public/flukemoni/Ex4/SetREFStart___1.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_19 {
+	#n_19_if {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_g {
+	#n_18_ig {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ig {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 27px;
+		top: 598px;
+	}
+	#n_20_ih {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ih {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#n_24 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 124px;
+		top: 598px;
+	}
+	#BackButton_ij {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -60,7 +114,7 @@
 		--web-action-target: SetREFStart.html;
 		cursor: pointer;
 	}
-	#BackButton_ha {
+	#BackButton_ik {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -70,7 +124,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ha {
+	.BackButton_ik {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -78,7 +132,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TRCLength_hb {
+	#TRCLength_il {
 		position: absolute;
 		width: 101px;
 		height: 51px;
@@ -90,7 +144,7 @@
 		--web-action-target: SetREFStart___1_TRCLength.html;
 		cursor: pointer;
 	}
-	#TRCLength_hc {
+	#TRCLength_im {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TRCLength_hc {
+	.TRCLength_im {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -108,7 +162,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#NextButton_hd {
+	#NextButton_in {
 		opacity: 0;
 		position: absolute;
 		width: 100px;
@@ -121,7 +175,7 @@
 		--web-action-target: SetREFStart___3.html;
 		cursor: pointer;
 	}
-	#NextButton_he {
+	#NextButton_io {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -130,7 +184,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_he {
+	.NextButton_io {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3052,23 +3106,35 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__1">
-	<img id="n_19" src="n_19.png" srcset="n_19.png 1x">
+	<img id="n_19_if" src="n_19_if.png" srcset="n_19_if.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_g" class="BackButton">
-		<svg class="BackButton_ha">
-			<rect id="BackButton_ha" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<svg class="n_18_ig">
+		<ellipse id="n_18_ig" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ih">
+		<ellipse id="n_20_ih" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24">
+		<ellipse id="n_24" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ij" class="BackButton">
+		<svg class="BackButton_ik">
+			<rect id="BackButton_ik" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TRCLength_hb" class="TRCLength">
-		<svg class="TRCLength_hc">
-			<rect id="TRCLength_hc" rx="0" ry="0" x="0" y="0" width="101" height="51">
+	<div onclick="application.goToTargetView(event)" id="TRCLength_il" class="TRCLength">
+		<svg class="TRCLength_im">
+			<rect id="TRCLength_im" rx="0" ry="0" x="0" y="0" width="101" height="51">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="NextButton_hd" class="NextButton">
-		<svg class="NextButton_he">
-			<rect id="NextButton_he" rx="0" ry="0" x="0" y="0" width="100" height="50">
+	<div onclick="application.goToTargetView(event)" id="NextButton_in" class="NextButton">
+		<svg class="NextButton_io">
+			<rect id="NextButton_io" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___10.html b/public/flukemoni/Ex4/SetREFStart___10.html
old mode 100644
new mode 100755
index 54b9d63..dd4e14b
--- a/public/flukemoni/Ex4/SetREFStart___10.html
+++ b/public/flukemoni/Ex4/SetREFStart___10.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_iw {
+	#n_18_kk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_kk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 599px;
+	}
+	#NextButton_kl {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +80,7 @@
 		--web-action-target: SetREFStart___11.html;
 		cursor: pointer;
 	}
-	#NextButton_ix {
+	#NextButton_km {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ix {
+	.NextButton_km {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__10">
 	<img id="n_38" src="n_38.png" srcset="n_38.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_iw" class="NextButton">
-		<svg class="NextButton_ix">
-			<rect id="NextButton_ix" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_18_kk">
+		<ellipse id="n_18_kk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_kl" class="NextButton">
+		<svg class="NextButton_km">
+			<rect id="NextButton_km" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___11.html b/public/flukemoni/Ex4/SetREFStart___11.html
old mode 100644
new mode 100755
index b791551..53c3819
--- a/public/flukemoni/Ex4/SetREFStart___11.html
+++ b/public/flukemoni/Ex4/SetREFStart___11.html
@@ -48,6 +48,60 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_25_ow {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ow {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 25px;
+		top: 599px;
+	}
+	#n_25_ox {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ox {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 599px;
+	}
+	#n_30_oy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_oy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 434px;
+		top: 599px;
+	}
 	#MainButton {
 		opacity: 0;
 		position: absolute;
@@ -62,7 +116,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#MainButton_l {
+	#MainButton_o {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +125,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MainButton_l {
+	.MainButton_o {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -79,7 +133,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREF_l {
+	#LookREF_o {
 		position: absolute;
 		width: 100px;
 		height: 50px;
@@ -92,7 +146,7 @@
 		--web-action-target: SetREFStart___12.html;
 		cursor: pointer;
 	}
-	#LookREF_ma {
+	#LookREF_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREF_ma {
+	.LookREF_pa {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -110,7 +164,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_mb {
+	#BackButton_o {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -123,7 +177,7 @@
 		--web-action-target: SetREFStart___10.html;
 		cursor: pointer;
 	}
-	#BackButton_mc {
+	#BackButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +187,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mc {
+	.BackButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3057,21 +3111,33 @@ window.application = new Application();
 <div id="SetREFStart__11">
 	<img id="n_39" src="n_39.png" srcset="n_39.png 1x">
 		
+	<svg class="n_25_ow">
+		<ellipse id="n_25_ow" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_ox">
+		<ellipse id="n_25_ox" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_oy">
+		<ellipse id="n_30_oy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="MainButton" class="MainButton">
-		<svg class="MainButton_l">
-			<rect id="MainButton_l" rx="0" ry="0" x="0" y="0" width="63" height="50">
+		<svg class="MainButton_o">
+			<rect id="MainButton_o" rx="0" ry="0" x="0" y="0" width="63" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREF_l" class="LookREF">
-		<svg class="LookREF_ma">
-			<rect id="LookREF_ma" rx="0" ry="0" x="0" y="0" width="100" height="50">
+	<div onclick="application.goToTargetView(event)" id="LookREF_o" class="LookREF">
+		<svg class="LookREF_pa">
+			<rect id="LookREF_pa" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_mb" class="BackButton">
-		<svg class="BackButton_mc">
-			<rect id="BackButton_mc" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<div onclick="application.goToTargetView(event)" id="BackButton_o" class="BackButton">
+		<svg class="BackButton_pa">
+			<rect id="BackButton_pa" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___12.html b/public/flukemoni/Ex4/SetREFStart___12.html
old mode 100644
new mode 100755
index 35de742..2077eaf
--- a/public/flukemoni/Ex4/SetREFStart___12.html
+++ b/public/flukemoni/Ex4/SetREFStart___12.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_mg {
+	#n_25_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#n_25_pa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_pa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_pb {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFStart___11.html;
 		cursor: pointer;
 	}
-	#BackButton_mh {
+	#BackButton_pc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mh {
+	.BackButton_pc {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_mi {
+	#MoreButton_pc {
 		position: absolute;
 		width: 47px;
 		height: 34px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFStart___13.html;
 		cursor: pointer;
 	}
-	#MoreButton_mj {
+	#MoreButton_pd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_mj {
+	.MoreButton_pd {
 		position: absolute;
 		overflow: visible;
 		width: 47px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="SetREFStart__12">
 	<img id="n_51" src="n_51.png" srcset="n_51.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_mg" class="BackButton">
-		<svg class="BackButton_mh">
-			<rect id="BackButton_mh" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_o">
+		<ellipse id="n_25_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_pa">
+		<ellipse id="n_25_pa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_pb" class="BackButton">
+		<svg class="BackButton_pc">
+			<rect id="BackButton_pc" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_mi" class="MoreButton">
-		<svg class="MoreButton_mj">
-			<rect id="MoreButton_mj" rx="0" ry="0" x="0" y="0" width="47" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_pc" class="MoreButton">
+		<svg class="MoreButton_pd">
+			<rect id="MoreButton_pd" rx="0" ry="0" x="0" y="0" width="47" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___13.html b/public/flukemoni/Ex4/SetREFStart___13.html
old mode 100644
new mode 100755
index 666ba7c..92a39bb
--- a/public/flukemoni/Ex4/SetREFStart___13.html
+++ b/public/flukemoni/Ex4/SetREFStart___13.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_mn {
+	#n_25_ph {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ph {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_pi {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___12.html;
 		cursor: pointer;
 	}
-	#BackButton_mo {
+	#BackButton_pj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mo {
+	.BackButton_pj {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__13">
 	<img id="n_41" src="n_41.png" srcset="n_41.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_mn" class="BackButton">
-		<svg class="BackButton_mo">
-			<rect id="BackButton_mo" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_ph">
+		<ellipse id="n_25_ph" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_pi" class="BackButton">
+		<svg class="BackButton_pj">
+			<rect id="BackButton_pj" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___1_TRCLength.html b/public/flukemoni/Ex4/SetREFStart___1_TRCLength.html
old mode 100644
new mode 100755
index 5d06c7b..c983629
--- a/public/flukemoni/Ex4/SetREFStart___1_TRCLength.html
+++ b/public/flukemoni/Ex4/SetREFStart___1_TRCLength.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_hi {
+	#n_20_is {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_is {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 598px;
+	}
+	#n_18_it {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_it {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_iu {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -60,7 +96,7 @@
 		--web-action-target: SetREFStart___1.html;
 		cursor: pointer;
 	}
-	#BackButton_hj {
+	#BackButton_iv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -70,7 +106,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hj {
+	.BackButton_iv {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -78,7 +114,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_hk {
+	#BackButton_iw {
 		position: absolute;
 		width: 58px;
 		height: 51px;
@@ -90,7 +126,7 @@
 		--web-action-target: SetREFStart___1.html;
 		cursor: pointer;
 	}
-	#BackButton_hl {
+	#BackButton_ix {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +136,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hl {
+	.BackButton_ix {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3024,15 +3060,23 @@ window.application = new Application();
 <div id="SetREFStart__1-TRCLength">
 	<img id="n_42" src="n_42.png" srcset="n_42.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_hi" class="BackButton">
-		<svg class="BackButton_hj">
-			<rect id="BackButton_hj" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_20_is">
+		<ellipse id="n_20_is" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_it">
+		<ellipse id="n_18_it" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_iu" class="BackButton">
+		<svg class="BackButton_iv">
+			<rect id="BackButton_iv" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_hk" class="BackButton">
-		<svg class="BackButton_hl">
-			<rect id="BackButton_hl" rx="0" ry="0" x="0" y="0" width="58" height="51">
+	<div onclick="application.goToTargetView(event)" id="BackButton_iw" class="BackButton">
+		<svg class="BackButton_ix">
+			<rect id="BackButton_ix" rx="0" ry="0" x="0" y="0" width="58" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___3.html b/public/flukemoni/Ex4/SetREFStart___3.html
old mode 100644
new mode 100755
index c6161cc..a6393b6
--- a/public/flukemoni/Ex4/SetREFStart___3.html
+++ b/public/flukemoni/Ex4/SetREFStart___3.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_13_ho {
+	#n_13_i {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -53,7 +53,25 @@
 		--web-action-target: SetREFStart___4.html;
 		cursor: pointer;
 	}
-	#BackButton_hp {
+	#n_25_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 496px;
+	}
+	#BackButton_i {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -66,7 +84,7 @@
 		--web-action-target: SetREFStart___1.html;
 		cursor: pointer;
 	}
-	#BackButton_hq {
+	#BackButton_ja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hq {
+	.BackButton_ja {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -2998,11 +3016,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__3">
-	<img onclick="application.goToTargetView(event)" id="n_13_ho" src="n_13_ho.png" srcset="n_13_ho.png 1x">
+	<img onclick="application.goToTargetView(event)" id="n_13_i" src="n_13_i.png" srcset="n_13_i.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_hp" class="BackButton">
-		<svg class="BackButton_hq">
-			<rect id="BackButton_hq" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<svg class="n_25_i">
+		<ellipse id="n_25_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_i" class="BackButton">
+		<svg class="BackButton_ja">
+			<rect id="BackButton_ja" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___4.html b/public/flukemoni/Ex4/SetREFStart___4.html
old mode 100644
new mode 100755
index da0b0dd..cb8ed4e
--- a/public/flukemoni/Ex4/SetREFStart___4.html
+++ b/public/flukemoni/Ex4/SetREFStart___4.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_20 {
+	#n_20_i {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_hu {
+	#n_25_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 43px;
+		top: 599px;
+	}
+	#n_20_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#NextButton_i {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +98,7 @@
 		--web-action-target: SetREFStart___5.html;
 		cursor: pointer;
 	}
-	#NextButton_hv {
+	#NextButton_ja {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_hv {
+	.NextButton_ja {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREF_hw {
+	#LookREF_jb {
 		position: absolute;
 		width: 100px;
 		height: 50px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFStart___4_LooKREF.html;
 		cursor: pointer;
 	}
-	#LookREF_hx {
+	#LookREF_jc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREF_hx {
+	.LookREF_jc {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__4">
-	<img id="n_20" src="n_20.png" srcset="n_20.png 1x">
+	<img id="n_20_i" src="n_20_i.png" srcset="n_20_i.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_hu" class="NextButton">
-		<svg class="NextButton_hv">
-			<rect id="NextButton_hv" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_25_ja">
+		<ellipse id="n_25_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ja">
+		<ellipse id="n_20_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_i" class="NextButton">
+		<svg class="NextButton_ja">
+			<rect id="NextButton_ja" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREF_hw" class="LookREF">
-		<svg class="LookREF_hx">
-			<rect id="LookREF_hx" rx="0" ry="0" x="0" y="0" width="100" height="50">
+	<div onclick="application.goToTargetView(event)" id="LookREF_jb" class="LookREF">
+		<svg class="LookREF_jc">
+			<rect id="LookREF_jc" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___4_LooKREF.html b/public/flukemoni/Ex4/SetREFStart___4_LooKREF.html
old mode 100644
new mode 100755
index 8d407f4..b192617
--- a/public/flukemoni/Ex4/SetREFStart___4_LooKREF.html
+++ b/public/flukemoni/Ex4/SetREFStart___4_LooKREF.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ms {
+	#n_18_pn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_pn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#n_18_po {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_po {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_pp {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFStart___4.html;
 		cursor: pointer;
 	}
-	#BackButton_mt {
+	#BackButton_pq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mt {
+	.BackButton_pq {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_mu {
+	#MoreButton_pr {
 		position: absolute;
 		width: 47px;
 		height: 34px;
@@ -92,7 +128,7 @@
 		--web-action-target: SetREFStart___4_LooKREF_MORE.html;
 		cursor: pointer;
 	}
-	#MoreButton_mv {
+	#MoreButton_ps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_mv {
+	.MoreButton_ps {
 		position: absolute;
 		overflow: visible;
 		width: 47px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="SetREFStart__4-LooKREF">
 	<img id="n_52" src="n_52.png" srcset="n_52.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ms" class="BackButton">
-		<svg class="BackButton_mt">
-			<rect id="BackButton_mt" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_pn">
+		<ellipse id="n_18_pn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_po">
+		<ellipse id="n_18_po" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_pp" class="BackButton">
+		<svg class="BackButton_pq">
+			<rect id="BackButton_pq" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_mu" class="MoreButton">
-		<svg class="MoreButton_mv">
-			<rect id="MoreButton_mv" rx="0" ry="0" x="0" y="0" width="47" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_pr" class="MoreButton">
+		<svg class="MoreButton_ps">
+			<rect id="MoreButton_ps" rx="0" ry="0" x="0" y="0" width="47" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___4_LooKREF_MORE.html b/public/flukemoni/Ex4/SetREFStart___4_LooKREF_MORE.html
old mode 100644
new mode 100755
index 97385c1..1cac1c2
--- a/public/flukemoni/Ex4/SetREFStart___4_LooKREF_MORE.html
+++ b/public/flukemoni/Ex4/SetREFStart___4_LooKREF_MORE.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_41_my {
+	#n_41_pv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_mz {
+	#n_18_pw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_pw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#BackButton_px {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___4_LooKREF.html;
 		cursor: pointer;
 	}
-	#BackButton_m {
+	#BackButton_py {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_m {
+	.BackButton_py {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__4-LooKREF-MORE">
-	<img id="n_41_my" src="n_41_my.png" srcset="n_41_my.png 1x">
+	<img id="n_41_pv" src="n_41_pv.png" srcset="n_41_pv.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_mz" class="BackButton">
-		<svg class="BackButton_m">
-			<rect id="BackButton_m" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_pw">
+		<ellipse id="n_18_pw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_px" class="BackButton">
+		<svg class="BackButton_py">
+			<rect id="BackButton_py" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___5.html b/public/flukemoni/Ex4/SetREFStart___5.html
old mode 100644
new mode 100755
index 21911b2..bf9a9fd
--- a/public/flukemoni/Ex4/SetREFStart___5.html
+++ b/public/flukemoni/Ex4/SetREFStart___5.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_21 {
+	#n_21_jf {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_h {
+	#n_20_jg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_jg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#NextButton_jh {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +80,7 @@
 		--web-action-target: SetREFStart___6.html;
 		cursor: pointer;
 	}
-	#NextButton_ia {
+	#NextButton_ji {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ia {
+	.NextButton_ji {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__5">
-	<img id="n_21" src="n_21.png" srcset="n_21.png 1x">
+	<img id="n_21_jf" src="n_21_jf.png" srcset="n_21_jf.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_h" class="NextButton">
-		<svg class="NextButton_ia">
-			<rect id="NextButton_ia" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_20_jg">
+		<ellipse id="n_20_jg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_jh" class="NextButton">
+		<svg class="NextButton_ji">
+			<rect id="NextButton_ji" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___6.html b/public/flukemoni/Ex4/SetREFStart___6.html
old mode 100644
new mode 100755
index 1ea6052..3a6fd8a
--- a/public/flukemoni/Ex4/SetREFStart___6.html
+++ b/public/flukemoni/Ex4/SetREFStart___6.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_ib {
+	#n_20_jm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_jm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#NextButton_jn {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +80,7 @@
 		--web-action-target: SetREFStart___7.html;
 		cursor: pointer;
 	}
-	#NextButton_ic {
+	#NextButton_jo {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ic {
+	.NextButton_jo {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__6">
 	<img id="n_22" src="n_22.png" srcset="n_22.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_ib" class="NextButton">
-		<svg class="NextButton_ic">
-			<rect id="NextButton_ic" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_20_jm">
+		<ellipse id="n_20_jm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_jn" class="NextButton">
+		<svg class="NextButton_jo">
+			<rect id="NextButton_jo" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___7.html b/public/flukemoni/Ex4/SetREFStart___7.html
old mode 100644
new mode 100755
index 91a83d8..ea17637
--- a/public/flukemoni/Ex4/SetREFStart___7.html
+++ b/public/flukemoni/Ex4/SetREFStart___7.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ib {
+	#n_20_js {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_js {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#n_25_jt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_jt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 43px;
+		top: 599px;
+	}
+	#BackButton_ju {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFStart___6.html;
 		cursor: pointer;
 	}
-	#BackButton_ic {
+	#BackButton_jv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ic {
+	.BackButton_jv {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#NextButton_id {
+	#NextButton_jw {
 		opacity: 0;
 		position: absolute;
 		width: 100px;
@@ -93,7 +129,7 @@
 		--web-action-target: SetREFStart___8.html;
 		cursor: pointer;
 	}
-	#NextButton_ie {
+	#NextButton_jx {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_ie {
+	.NextButton_jx {
 		position: absolute;
 		overflow: visible;
 		width: 100px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="SetREFStart__7">
 	<img id="n_23" src="n_23.png" srcset="n_23.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ib" class="BackButton">
-		<svg class="BackButton_ic">
-			<rect id="BackButton_ic" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<svg class="n_20_js">
+		<ellipse id="n_20_js" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_jt">
+		<ellipse id="n_25_jt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ju" class="BackButton">
+		<svg class="BackButton_jv">
+			<rect id="BackButton_jv" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="NextButton_id" class="NextButton">
-		<svg class="NextButton_ie">
-			<rect id="NextButton_ie" rx="0" ry="0" x="0" y="0" width="100" height="50">
+	<div onclick="application.goToTargetView(event)" id="NextButton_jw" class="NextButton">
+		<svg class="NextButton_jx">
+			<rect id="NextButton_jx" rx="0" ry="0" x="0" y="0" width="100" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___8.html b/public/flukemoni/Ex4/SetREFStart___8.html
old mode 100644
new mode 100755
index bf6ad3b..95df337
--- a/public/flukemoni/Ex4/SetREFStart___8.html
+++ b/public/flukemoni/Ex4/SetREFStart___8.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_13_ih {
+	#n_13_j {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -53,7 +53,43 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#BackButton_ii {
+	#n_25_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 362px;
+		top: 472px;
+	}
+	#n_25_ka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#BackButton_j {
 		position: absolute;
 		width: 63px;
 		height: 52px;
@@ -66,7 +102,7 @@
 		--web-action-target: SetREFStart___7.html;
 		cursor: pointer;
 	}
-	#BackButton_ij {
+	#BackButton_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +112,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ij {
+	.BackButton_ka {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -2998,11 +3034,19 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__8">
-	<img onclick="application.goToTargetView(event)" id="n_13_ih" src="n_13_ih.png" srcset="n_13_ih.png 1x">
+	<img onclick="application.goToTargetView(event)" id="n_13_j" src="n_13_j.png" srcset="n_13_j.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ii" class="BackButton">
-		<svg class="BackButton_ij">
-			<rect id="BackButton_ij" rx="0" ry="0" x="0" y="0" width="63" height="52">
+	<svg class="n_25_j">
+		<ellipse id="n_25_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_ka">
+		<ellipse id="n_25_ka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_j" class="BackButton">
+		<svg class="BackButton_ka">
+			<rect id="BackButton_ka" rx="0" ry="0" x="0" y="0" width="63" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9.html b/public/flukemoni/Ex4/SetREFStart___9.html
old mode 100644
new mode 100755
index 79481f8..737262b
--- a/public/flukemoni/Ex4/SetREFStart___9.html
+++ b/public/flukemoni/Ex4/SetREFStart___9.html
@@ -48,7 +48,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#NextButton_in {
+	#n_25_kb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_kb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 383px;
+		top: 290px;
+	}
+	#n_25_kc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_kc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 383px;
+		top: 381px;
+	}
+	#n_20_ka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#NextButton_kb {
 		opacity: 0;
 		position: absolute;
 		width: 82px;
@@ -62,7 +116,7 @@
 		--web-action-target: SetREFStart___10.html;
 		cursor: pointer;
 	}
-	#NextButton_io {
+	#NextButton_kc {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -71,7 +125,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.NextButton_io {
+	.NextButton_kc {
 		position: absolute;
 		overflow: visible;
 		width: 82px;
@@ -92,7 +146,7 @@
 		--web-action-target: SetREFStart___9_L.html;
 		cursor: pointer;
 	}
-	#TRCLButton_iq {
+	#TRCLButton_ke {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TRCLButton_iq {
+	.TRCLButton_ke {
 		position: absolute;
 		overflow: visible;
 		width: 233px;
@@ -123,7 +177,7 @@
 		--web-action-target: SetREFStart___9_R.html;
 		cursor: pointer;
 	}
-	#TRCRButton_is {
+	#TRCRButton_kg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +187,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TRCRButton_is {
+	.TRCRButton_kg {
 		position: absolute;
 		overflow: visible;
 		width: 233px;
@@ -3057,21 +3111,33 @@ window.application = new Application();
 <div id="SetREFStart__9">
 	<img id="n_44" src="n_44.png" srcset="n_44.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="NextButton_in" class="NextButton">
-		<svg class="NextButton_io">
-			<rect id="NextButton_io" rx="0" ry="0" x="0" y="0" width="82" height="50">
+	<svg class="n_25_kb">
+		<ellipse id="n_25_kb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_kc">
+		<ellipse id="n_25_kc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ka">
+		<ellipse id="n_20_ka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="NextButton_kb" class="NextButton">
+		<svg class="NextButton_kc">
+			<rect id="NextButton_kc" rx="0" ry="0" x="0" y="0" width="82" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TRCLButton" class="TRCLButton">
-		<svg class="TRCLButton_iq">
-			<rect id="TRCLButton_iq" rx="0" ry="0" x="0" y="0" width="233" height="78">
+		<svg class="TRCLButton_ke">
+			<rect id="TRCLButton_ke" rx="0" ry="0" x="0" y="0" width="233" height="78">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TRCRButton" class="TRCRButton">
-		<svg class="TRCRButton_is">
-			<rect id="TRCRButton_is" rx="0" ry="0" x="0" y="0" width="233" height="78">
+		<svg class="TRCRButton_kg">
+			<rect id="TRCRButton_kg" rx="0" ry="0" x="0" y="0" width="233" height="78">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L.html b/public/flukemoni/Ex4/SetREFStart___9_L.html
old mode 100644
new mode 100755
index c9213a6..e1f0b1b
--- a/public/flukemoni/Ex4/SetREFStart___9_L.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L.html
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_i {
+	#n_25_kq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_kq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_25_kr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_kr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 599px;
+	}
+	#n_26 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 600px;
+	}
+	#n_27 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 399px;
+		top: 360px;
+	}
+	#n_28 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 51px;
+	}
+	#n_29 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 549px;
+	}
+	#BackButton_kw {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#BackButton_ja {
+	#BackButton_kx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ja {
+	.BackButton_kx {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_i {
+	#MoreButton_ky {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: SetREFStart___9_L_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_ja {
+	#MoreButton_kz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ja {
+	.MoreButton_kz {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -123,7 +231,7 @@
 		--web-action-target: SetREFStart___9_L___1.html;
 		cursor: pointer;
 	}
-	#LengthButton_i {
+	#LengthButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_i {
+	.LengthButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -154,7 +262,7 @@
 		--web-action-target: SetREFStart___9_L___3.html;
 		cursor: pointer;
 	}
-	#LookREFButton_i {
+	#LookREFButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_i {
+	.LookREFButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -185,7 +293,7 @@
 		--web-action-target: SetREFStart___9_L___4.html;
 		cursor: pointer;
 	}
-	#SETButton_ja {
+	#SETButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ja {
+	.SETButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -216,7 +324,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#OKButton_jc {
+	#OKButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_jc {
+	.OKButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3258,63 @@ window.application = new Application();
 <div id="SetREFStart__9-L">
 	<img id="n_45" src="n_45.png" srcset="n_45.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_i" class="BackButton">
-		<svg class="BackButton_ja">
-			<rect id="BackButton_ja" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_kq">
+		<ellipse id="n_25_kq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_kr">
+		<ellipse id="n_25_kr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26">
+		<ellipse id="n_26" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27">
+		<ellipse id="n_27" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28">
+		<ellipse id="n_28" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29">
+		<ellipse id="n_29" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_kw" class="BackButton">
+		<svg class="BackButton_kx">
+			<rect id="BackButton_kx" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_i" class="MoreButton">
-		<svg class="MoreButton_ja">
-			<rect id="MoreButton_ja" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_ky" class="MoreButton">
+		<svg class="MoreButton_kz">
+			<rect id="MoreButton_kz" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LengthButton" class="LengthButton">
-		<svg class="LengthButton_i">
-			<rect id="LengthButton_i" rx="0" ry="0" x="0" y="0" width="149" height="37">
+		<svg class="LengthButton_k">
+			<rect id="LengthButton_k" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LookREFButton" class="LookREFButton">
-		<svg class="LookREFButton_i">
-			<rect id="LookREFButton_i" rx="0" ry="0" x="0" y="0" width="101" height="52">
+		<svg class="LookREFButton_k">
+			<rect id="LookREFButton_k" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SETButton" class="SETButton">
-		<svg class="SETButton_ja">
-			<rect id="SETButton_ja" rx="0" ry="0" x="0" y="0" width="61" height="52">
+		<svg class="SETButton_k">
+			<rect id="SETButton_k" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="OKButton" class="OKButton">
-		<svg class="OKButton_jc">
-			<rect id="OKButton_jc" rx="0" ry="0" x="0" y="0" width="61" height="50">
+		<svg class="OKButton_k">
+			<rect id="OKButton_k" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L_HELP.html b/public/flukemoni/Ex4/SetREFStart___9_L_HELP.html
old mode 100644
new mode 100755
index 7d31f01..49a08d7
--- a/public/flukemoni/Ex4/SetREFStart___9_L_HELP.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_27_kq {
+	#n_27_m {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_kr {
+	#n_25_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_m {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___9_L.html;
 		cursor: pointer;
 	}
-	#BackButton_ks {
+	#BackButton_na {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ks {
+	.BackButton_na {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SetREFStart__9-L-HELP">
-	<img id="n_27_kq" src="n_27_kq.png" srcset="n_27_kq.png 1x">
+	<img id="n_27_m" src="n_27_m.png" srcset="n_27_m.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_kr" class="BackButton">
-		<svg class="BackButton_ks">
-			<rect id="BackButton_ks" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_m">
+		<ellipse id="n_25_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_m" class="BackButton">
+		<svg class="BackButton_na">
+			<rect id="BackButton_na" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L___1.html b/public/flukemoni/Ex4/SetREFStart___9_L___1.html
old mode 100644
new mode 100755
index 41778b8..9cfef5c
--- a/public/flukemoni/Ex4/SetREFStart___9_L___1.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L___1.html
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_jv {
+	#n_25_lw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_lw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_25_lx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_lx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 599px;
+	}
+	#n_26_ly {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_ly {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 600px;
+	}
+	#n_27_lz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_lz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 319px;
+	}
+	#n_28_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 51px;
+	}
+	#n_29_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 549px;
+	}
+	#BackButton_l {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#BackButton_jw {
+	#BackButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jw {
+	.BackButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_jx {
+	#MoreButton_l {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: SetREFStart___9_L___1_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_jy {
+	#MoreButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_jy {
+	.MoreButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LengthButton_jz {
+	#LengthButton_l {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: SetREFStart___9_L.html;
 		cursor: pointer;
 	}
-	#LengthButton_j {
+	#LengthButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_j {
+	.LengthButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_j {
+	#LookREFButton_l {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: SetREFStart___9_L___3.html;
 		cursor: pointer;
 	}
-	#LookREFButton_ka {
+	#LookREFButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_ka {
+	.LookREFButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_j {
+	#SETButton_ma {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: SetREFStart___9_L___4.html;
 		cursor: pointer;
 	}
-	#SETButton_ka {
+	#SETButton_mb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ka {
+	.SETButton_mb {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_j {
+	#OKButton_mc {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#OKButton_ka {
+	#OKButton_md {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_ka {
+	.OKButton_md {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3258,63 @@ window.application = new Application();
 <div id="SetREFStart__9-L__1">
 	<img id="n_46" src="n_46.png" srcset="n_46.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_jv" class="BackButton">
-		<svg class="BackButton_jw">
-			<rect id="BackButton_jw" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_lw">
+		<ellipse id="n_25_lw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_lx">
+		<ellipse id="n_25_lx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26_ly">
+		<ellipse id="n_26_ly" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27_lz">
+		<ellipse id="n_27_lz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28_l">
+		<ellipse id="n_28_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_l">
+		<ellipse id="n_29_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_l" class="BackButton">
+		<svg class="BackButton_ma">
+			<rect id="BackButton_ma" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_jx" class="MoreButton">
-		<svg class="MoreButton_jy">
-			<rect id="MoreButton_jy" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_l" class="MoreButton">
+		<svg class="MoreButton_ma">
+			<rect id="MoreButton_ma" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LengthButton_jz" class="LengthButton">
-		<svg class="LengthButton_j">
-			<rect id="LengthButton_j" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="LengthButton_l" class="LengthButton">
+		<svg class="LengthButton_ma">
+			<rect id="LengthButton_ma" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_j" class="LookREFButton">
-		<svg class="LookREFButton_ka">
-			<rect id="LookREFButton_ka" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_l" class="LookREFButton">
+		<svg class="LookREFButton_ma">
+			<rect id="LookREFButton_ma" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_j" class="SETButton">
-		<svg class="SETButton_ka">
-			<rect id="SETButton_ka" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_ma" class="SETButton">
+		<svg class="SETButton_mb">
+			<rect id="SETButton_mb" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_j" class="OKButton">
-		<svg class="OKButton_ka">
-			<rect id="OKButton_ka" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_mc" class="OKButton">
+		<svg class="OKButton_md">
+			<rect id="OKButton_md" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L___1_HELP.html b/public/flukemoni/Ex4/SetREFStart___9_L___1_HELP.html
old mode 100644
new mode 100755
index e69de29..6d94972
--- a/public/flukemoni/Ex4/SetREFStart___9_L___1_HELP.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L___1_HELP.html
@@ -0,0 +1,3028 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>SetREFStart – 9-L – 1-HELP</title>
+<style id="applicationStylesheet" type="text/css">
+	.mediaViewInfo {
+		--web-view-name: SetREFStart – 9-L – 1-HELP;
+		--web-view-id: SetREFStart__9-L__1-HELP;
+		--web-enable-deep-linking: true;
+	}
+	:root {
+		--web-view-ids: SetREFStart__9-L__1-HELP;
+	}
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+		border: none;
+	}
+	#SetREFStart__9-L__1-HELP {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		background-color: rgba(255,255,255,1);
+		overflow: hidden;
+		--web-view-name: SetREFStart – 9-L – 1-HELP;
+		--web-view-id: SetREFStart__9-L__1-HELP;
+		--web-enable-deep-linking: true;
+	}
+	@keyframes fadein {
+	
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	
+	}
+	#n_27_mg {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		left: 0px;
+		top: 0px;
+		overflow: visible;
+	}
+	#n_25_mh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_mh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_mi {
+		position: absolute;
+		width: 53px;
+		height: 31px;
+		left: 18px;
+		top: 47px;
+		overflow: visible;
+		transition: all 0.3s linear;
+		--web-animation: fadein 0.3s linear;
+		--web-action-type: page;
+		--web-action-target: SetREFStart___9_L___1.html;
+		cursor: pointer;
+	}
+	#BackButton_mj {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.BackButton_mj {
+		position: absolute;
+		overflow: visible;
+		width: 53px;
+		height: 31px;
+		left: 0px;
+		top: 0px;
+	}
+</style>
+<script id="applicationScript">
+///////////////////////////////////////
+// INITIALIZATION
+///////////////////////////////////////
+
+/**
+ * Functionality for scaling, showing by media query, and navigation between multiple pages on a single page. 
+ * Code subject to change.
+ **/
+
+if (window.console==null) { window["console"] = { log : function() {} } }; // some browsers do not set console
+
+var Application = function() {
+	// event constants
+	this.prefix = "--web-";
+	this.NAVIGATION_CHANGE = "viewChange";
+	this.VIEW_NOT_FOUND = "viewNotFound";
+	this.VIEW_CHANGE = "viewChange";
+	this.VIEW_CHANGING = "viewChanging";
+	this.STATE_NOT_FOUND = "stateNotFound";
+	this.APPLICATION_COMPLETE = "applicationComplete";
+	this.APPLICATION_RESIZE = "applicationResize";
+	this.SIZE_STATE_NAME = "data-is-view-scaled";
+	this.STATE_NAME = this.prefix + "state";
+
+	this.lastTrigger = null;
+	this.lastView = null;
+	this.lastState = null;
+	this.lastOverlay = null;
+	this.currentView = null;
+	this.currentState = null;
+	this.currentOverlay = null;
+	this.currentQuery = {index: 0, rule: null, mediaText: null, id: null};
+	this.inclusionQuery = "(min-width: 0px)";
+	this.exclusionQuery = "none and (min-width: 99999px)";
+	this.LastModifiedDateLabelName = "LastModifiedDateLabel";
+	this.viewScaleSliderId = "ViewScaleSliderInput";
+	this.pageRefreshedName = "showPageRefreshedNotification";
+	this.application = null;
+	this.applicationStylesheet = null;
+	this.showByMediaQuery = null;
+	this.mediaQueryDictionary = {};
+	this.viewsDictionary = {};
+	this.addedViews = [];
+	this.viewStates = [];
+	this.views = [];
+	this.viewIds = [];
+	this.viewQueries = {};
+	this.overlays = {};
+	this.overlayIds = [];
+	this.numberOfViews = 0;
+	this.verticalPadding = 0;
+	this.horizontalPadding = 0;
+	this.stateName = null;
+	this.viewScale = 1;
+	this.viewLeft = 0;
+	this.viewTop = 0;
+	this.horizontalScrollbarsNeeded = false;
+	this.verticalScrollbarsNeeded = false;
+
+	// view settings
+	this.showUpdateNotification = false;
+	this.showNavigationControls = false;
+	this.scaleViewsToFit = false;
+	this.scaleToFitOnDoubleClick = false;
+	this.actualSizeOnDoubleClick = false;
+	this.scaleViewsOnResize = false;
+	this.navigationOnKeypress = false;
+	this.showViewName = false;
+	this.enableDeepLinking = true;
+	this.refreshPageForChanges = false;
+	this.showRefreshNotifications = true;
+
+	// view controls
+	this.scaleViewSlider = null;
+	this.lastModifiedLabel = null;
+	this.supportsPopState = false; // window.history.pushState!=null;
+	this.initialized = false;
+
+	// refresh properties
+	this.refreshDuration = 250;
+	this.lastModifiedDate = null;
+	this.refreshRequest = null;
+	this.refreshInterval = null;
+	this.refreshContent = null;
+	this.refreshContentSize = null;
+	this.refreshCheckContent = false;
+	this.refreshCheckContentSize = false;
+
+	var self = this;
+
+	self.initialize = function(event) {
+		var view = self.getVisibleView();
+		var views = self.getVisibleViews();
+		if (view==null) view = self.getInitialView();
+		self.collectViews();
+		self.collectOverlays();
+		self.collectMediaQueries();
+
+		for (let index = 0; index < views.length; index++) {
+			var view = views[index];
+			self.setViewOptions(view);
+			self.setViewVariables(view);
+			self.centerView(view);
+		}
+
+		// sometimes the body size is 0 so we call this now and again later
+		if (self.initialized) {
+			window.addEventListener(self.NAVIGATION_CHANGE, self.viewChangeHandler);
+			window.addEventListener("keyup", self.keypressHandler);
+			window.addEventListener("keypress", self.keypressHandler);
+			window.addEventListener("resize", self.resizeHandler);
+			window.document.addEventListener("dblclick", self.doubleClickHandler);
+
+			if (self.supportsPopState) {
+				window.addEventListener('popstate', self.popStateHandler);
+			}
+			else {
+				window.addEventListener('hashchange', self.hashChangeHandler);
+			}
+
+			// we are ready to go
+			window.dispatchEvent(new Event(self.APPLICATION_COMPLETE));
+		}
+
+		if (self.initialized==false) {
+			if (self.enableDeepLinking) {
+				self.syncronizeViewToURL();
+			} 
+	
+			if (self.refreshPageForChanges) {
+				self.setupRefreshForChanges();
+			}
+	
+			self.initialized = true;
+		}
+		
+		if (self.scaleViewsToFit) {
+			self.viewScale = self.scaleViewToFit(view);
+			
+			if (self.viewScale<0) {
+				setTimeout(self.scaleViewToFit, 500, view);
+			}
+		}
+		else if (view) {
+			self.viewScale = self.getViewScaleValue(view);
+			self.centerView(view);
+			self.updateSliderValue(self.viewScale);
+		}
+		else {
+			// no view found
+		}
+	
+		if (self.showUpdateNotification) {
+			self.showNotification();
+		}
+
+		//"addEventListener" in window ? null : window.addEventListener = window.attachEvent;
+		//"addEventListener" in document ? null : document.addEventListener = document.attachEvent;
+	}
+
+
+	///////////////////////////////////////
+	// AUTO REFRESH 
+	///////////////////////////////////////
+
+	self.setupRefreshForChanges = function() {
+		self.refreshRequest = new XMLHttpRequest();
+
+		if (!self.refreshRequest) {
+			return false;
+		}
+
+		// get document start values immediately
+		self.requestRefreshUpdate();
+	}
+
+	/**
+	 * Attempt to check the last modified date by the headers 
+	 * or the last modified property from the byte array (experimental)
+	 **/
+	self.requestRefreshUpdate = function() {
+		var url = document.location.href;
+		var protocol = window.location.protocol;
+		var method;
+		
+		try {
+
+			if (self.refreshCheckContentSize) {
+				self.refreshRequest.open('HEAD', url, true);
+			}
+			else if (self.refreshCheckContent) {
+				self.refreshContent = document.documentElement.outerHTML;
+				self.refreshRequest.open('GET', url, true);
+				self.refreshRequest.responseType = "text";
+			}
+			else {
+
+				// get page last modified date for the first call to compare to later
+				if (self.lastModifiedDate==null) {
+
+					// File system does not send headers in FF so get blob if possible
+					if (protocol=="file:") {
+						self.refreshRequest.open("GET", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+					else {
+						self.refreshRequest.open("HEAD", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+
+					self.refreshRequest.onload = self.refreshOnLoadOnceHandler;
+
+					// In some browsers (Chrome & Safari) this error occurs at send: 
+					// 
+					// Chrome - Access to XMLHttpRequest at 'file:///index.html' from origin 'null' 
+					// has been blocked by CORS policy: 
+					// Cross origin requests are only supported for protocol schemes: 
+					// http, data, chrome, chrome-extension, https.
+					// 
+					// Safari - XMLHttpRequest cannot load file:///Users/user/Public/index.html. Cross origin requests are only supported for HTTP.
+					// 
+					// Solution is to run a local server, set local permissions or test in another browser
+					self.refreshRequest.send(null);
+
+					// In MS browsers the following behavior occurs possibly due to an AJAX call to check last modified date: 
+					// 
+					// DOM7011: The code on this page disabled back and forward caching.
+
+					// In Brave (Chrome) error when on the server
+					// index.js:221 HEAD https://www.example.com/ net::ERR_INSUFFICIENT_RESOURCES
+					// self.refreshRequest.send(null);
+
+				}
+				else {
+					self.refreshRequest = new XMLHttpRequest();
+					self.refreshRequest.onreadystatechange = self.refreshHandler;
+					self.refreshRequest.ontimeout = function() {
+						self.log("Couldn't find page to check for updates");
+					}
+					
+					var method;
+					if (protocol=="file:") {
+						method = "GET";
+					}
+					else {
+						method = "HEAD";
+					}
+
+					//refreshRequest.open('HEAD', url, true);
+					self.refreshRequest.open(method, url, true);
+					self.refreshRequest.responseType = "blob";
+					self.refreshRequest.send(null);
+				}
+			}
+		}
+		catch (error) {
+			self.log("Refresh failed for the following reason:")
+			self.log(error);
+		}
+	}
+
+	self.refreshHandler = function() {
+		var contentSize;
+
+		try {
+
+			if (self.refreshRequest.readyState === XMLHttpRequest.DONE) {
+				
+				if (self.refreshRequest.status === 2 || 
+					self.refreshRequest.status === 200) {
+					var pageChanged = false;
+
+					self.updateLastModifiedLabel();
+
+					if (self.refreshCheckContentSize) {
+						var lastModifiedHeader = self.refreshRequest.getResponseHeader("Last-Modified");
+						contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+						//lastModifiedDate = refreshRequest.getResponseHeader("Last-Modified");
+						var headers = self.refreshRequest.getAllResponseHeaders();
+						var hasContentHeader = headers.indexOf("Content-Length")!=-1;
+						
+						if (hasContentHeader) {
+							contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+
+							// size has not been set yet
+							if (self.refreshContentSize==null) {
+								self.refreshContentSize = contentSize;
+								// exit and let interval call this method again
+								return;
+							}
+
+							if (contentSize!=self.refreshContentSize) {
+								pageChanged = true;
+							}
+						}
+					}
+					else if (self.refreshCheckContent) {
+
+						if (self.refreshRequest.responseText!=self.refreshContent) {
+							pageChanged = true;
+						}
+					}
+					else {
+						lastModifiedHeader = self.getLastModified(self.refreshRequest);
+
+						if (self.lastModifiedDate!=lastModifiedHeader) {
+							self.log("lastModifiedDate:" + self.lastModifiedDate + ",lastModifiedHeader:" +lastModifiedHeader);
+							pageChanged = true;
+						}
+
+					}
+
+					
+					if (pageChanged) {
+						clearInterval(self.refreshInterval);
+						self.refreshUpdatedPage();
+						return;
+					}
+
+				}
+				else {
+					self.log('There was a problem with the request.');
+				}
+
+			}
+		}
+		catch( error ) {
+			//console.log('Caught Exception: ' + error);
+		}
+	}
+
+	self.refreshOnLoadOnceHandler = function(event) {
+
+		// get the last modified date
+		if (self.refreshRequest.response) {
+			self.lastModifiedDate = self.getLastModified(self.refreshRequest);
+
+			if (self.lastModifiedDate!=null) {
+
+				if (self.refreshInterval==null) {
+					self.refreshInterval = setInterval(self.requestRefreshUpdate, self.refreshDuration);
+				}
+			}
+			else {
+				self.log("Could not get last modified date from the server");
+			}
+		}
+	}
+
+	self.refreshUpdatedPage = function() {
+		if (self.showRefreshNotifications) {
+			var date = new Date().setTime((new Date().getTime()+10000));
+			document.cookie = encodeURIComponent(self.pageRefreshedName) + "=true" + "; max-age=6000;" + " path=/";
+		}
+
+		document.location.reload(true);
+	}
+
+	self.showNotification = function(duration) {
+		var notificationID = self.pageRefreshedName+"ID";
+		var notification = document.getElementById(notificationID);
+		if (duration==null) duration = 4000;
+
+		if (notification!=null) {return;}
+
+		notification = document.createElement("div");
+		notification.id = notificationID;
+		notification.textContent = "PAGE UPDATED";
+		var styleRule = ""
+		styleRule = "position: fixed; padding: 7px 16px 6px 16px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; left: 50%;";
+		styleRule += "top: 20px; background-color: rgba(0,0,0,.5); border-radius: 12px; color:rgb(235, 235, 235); transition: all 2s linear;";
+		styleRule += "transform: translateX(-50%); letter-spacing: .5px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .1)); cursor: pointer";
+		notification.setAttribute("style", styleRule);
+
+		notification.className = "PageRefreshedClass";
+		notification.addEventListener("click", function() {
+			notification.parentNode.removeChild(notification);
+		});
+		
+		document.body.appendChild(notification);
+
+		setTimeout(function() {
+			notification.style.opacity = "0";
+			notification.style.filter = "drop-shadow( 0px 0px 0px rgba(0,0,0, .5))";
+			setTimeout(function() {
+				try {
+					notification.parentNode.removeChild(notification);
+				} catch(error) {}
+			}, duration)
+		}, duration);
+
+		document.cookie = encodeURIComponent(self.pageRefreshedName) + "=; max-age=1; path=/";
+	}
+
+	/**
+	 * Get the last modified date from the header 
+	 * or file object after request has been received
+	 **/
+	self.getLastModified = function(request) {
+		var date;
+
+		// file protocol - FILE object with last modified property
+		if (request.response && request.response.lastModified) {
+			date = request.response.lastModified;
+		}
+		
+		// http protocol - check headers
+		if (date==null) {
+			date = request.getResponseHeader("Last-Modified");
+		}
+
+		return date;
+	}
+
+	self.updateLastModifiedLabel = function() {
+		var labelValue = "";
+		
+		if (self.lastModifiedLabel==null) {
+			self.lastModifiedLabel = document.getElementById("LastModifiedLabel");
+		}
+
+		if (self.lastModifiedLabel) {
+			var seconds = parseInt(((new Date().getTime() - Date.parse(document.lastModified)) / 1000 / 60) * 100 + "");
+			var minutes = 0;
+			var hours = 0;
+
+			if (seconds < 60) {
+				seconds = Math.floor(seconds/10)*10;
+				labelValue = seconds + " seconds";
+			}
+			else {
+				minutes = parseInt((seconds/60) + "");
+
+				if (minutes>60) {
+					hours = parseInt((seconds/60/60) +"");
+					labelValue += hours==1 ? " hour" : " hours";
+				}
+				else {
+					labelValue = minutes+"";
+					labelValue += minutes==1 ? " minute" : " minutes";
+				}
+			}
+			
+			if (seconds<10) {
+				labelValue = "Updated now";
+			}
+			else {
+				labelValue = "Updated " + labelValue + " ago";
+			}
+
+			if (self.lastModifiedLabel.firstElementChild) {
+				self.lastModifiedLabel.firstElementChild.textContent = labelValue;
+
+			}
+			else if ("textContent" in self.lastModifiedLabel) {
+				self.lastModifiedLabel.textContent = labelValue;
+			}
+		}
+	}
+
+	self.getShortString = function(string, length) {
+		if (length==null) length = 30;
+		string = string!=null ? string.substr(0, length).replace(/\n/g, "") : "[String is null]";
+		return string;
+	}
+
+	self.getShortNumber = function(value, places) {
+		if (places==null || places<1) places = 4;
+		value = Math.round(value * Math.pow(10,places)) / Math.pow(10, places);
+		return value;
+	}
+
+	///////////////////////////////////////
+	// NAVIGATION CONTROLS
+	///////////////////////////////////////
+
+	self.updateViewLabel = function() {
+		var viewNavigationLabel = document.getElementById("ViewNavigationLabel");
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+		var viewName = view ? self.getViewPreferenceValue(view, self.prefix + "view-name") : null;
+		var viewId = view ? view.id : null;
+
+		if (viewNavigationLabel && view) {
+			if (viewName && viewName.indexOf('"')!=-1) {
+				viewName = viewName.replace(/"/g, "");
+			}
+
+			if (self.showViewName) {
+				viewNavigationLabel.textContent = viewName;
+				self.setTooltip(viewNavigationLabel, viewIndex + 1 + " of " + self.numberOfViews);
+			}
+			else {
+				viewNavigationLabel.textContent = viewIndex + 1 + " of " + self.numberOfViews;
+				self.setTooltip(viewNavigationLabel, viewName);
+			}
+
+		}
+	}
+
+	self.updateURL = function(view) {
+		view = view == null ? self.getVisibleView() : view;
+		var viewId = view ? view.id : null
+		var viewFragment = view ? "#"+ viewId : null;
+
+		if (viewId && self.viewIds.length>1 && self.enableDeepLinking) {
+
+			if (self.supportsPopState==false) {
+				self.setFragment(viewId);
+			}
+			else {
+				if (viewFragment!=window.location.hash) {
+
+					if (window.location.hash==null) {
+						window.history.replaceState({name:viewId}, null, viewFragment);
+					}
+					else {
+						window.history.pushState({name:viewId}, null, viewFragment);
+					}
+				}
+			}
+		}
+	}
+
+	self.updateURLState = function(view, stateName) {
+		stateName = view && (stateName=="" || stateName==null) ? self.getStateNameByViewId(view.id) : stateName;
+
+		if (self.supportsPopState==false) {
+			self.setFragment(stateName);
+		}
+		else {
+			if (stateName!=window.location.hash) {
+
+				if (window.location.hash==null) {
+					window.history.replaceState({name:view.viewId}, null, stateName);
+				}
+				else {
+					window.history.pushState({name:view.viewId}, null, stateName);
+				}
+			}
+		}
+	}
+
+	self.setFragment = function(value) {
+		window.location.hash = "#" + value;
+	}
+
+	self.setTooltip = function(element, value) {
+		// setting the tooltip in edge causes a page crash on hover
+		if (/Edge/.test(navigator.userAgent)) { return; }
+
+		if ("title" in element) {
+			element.title = value;
+		}
+	}
+
+	self.getStylesheetRules = function(styleSheet) {
+		try {
+			if (styleSheet) return styleSheet.cssRules || styleSheet.rules;
+	
+			return document.styleSheets[0]["cssRules"] || document.styleSheets[0]["rules"];
+		}
+		catch (error) {
+			// ERRORS:
+			// SecurityError: The operation is insecure.
+			// Errors happen when script loads before stylesheet or loading an external css locally
+
+			// InvalidAccessError: A parameter or an operation is not supported by the underlying object
+			// Place script after stylesheet
+
+			console.log(error);
+			if (error.toString().indexOf("The operation is insecure")!=-1) {
+				console.log("Load the stylesheet before the script or load the stylesheet inline until it can be loaded on a server")
+			}
+			return [];
+		}
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {Number} selectedIndex if provided shows the view at index provided
+	 **/
+	self.hideViews = function(selectedIndex, animation) {
+		var rules = self.getStylesheetRules();
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			var cssText = rule && rule.cssText;
+
+			if (rule.media!=null && cssText.match("--web-view-name:")) {
+
+				if (queryIndex==selectedIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = selectedIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+				}
+				else {
+					if (animation) {
+						self.fadeOut(rule)
+					}
+					else {
+						self.disableMediaQuery(rule);
+					}
+				}
+				
+				queryIndex++;
+			}
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+
+		self.dispatchViewChange();
+
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+
+		return viewIndex==selectedIndex ? view : null;
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {HTMLElement} selectedView if provided shows the view passed in
+	 **/
+	 self.hideAllViews = function(selectedView, animation) {
+		var views = self.views;
+		var queryIndex = 0;
+		var numberOfViews = views!=null ? views.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfViews;i++) {
+			var viewData = views[i];
+			var view = viewData && viewData.view;
+			var mediaRule = viewData && viewData.mediaRule;
+			
+			if (view==selectedView) {
+				self.currentQuery.mediaText = mediaRule.conditionText;
+				self.currentQuery.index = queryIndex;
+				self.currentQuery.rule = mediaRule;
+				self.enableMediaQuery(mediaRule);
+			}
+			else {
+				if (animation) {
+					self.fadeOut(mediaRule)
+				}
+				else {
+					self.disableMediaQuery(mediaRule);
+				}
+			}
+			
+			queryIndex++;
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+		self.dispatchViewChange();
+
+		var visibleView = self.getVisibleView();
+
+		return visibleView==selectedView ? selectedView : null;
+	}
+
+	/**
+	 * Hide view
+	 * @param {Object} view element to hide
+	 **/
+	self.hideView = function(view) {
+		var rule = view ? self.mediaQueryDictionary[view.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+		}
+	}
+
+	/**
+	 * Hide overlay
+	 * @param {Object} overlay element to hide
+	 **/
+	self.hideOverlay = function(overlay) {
+		var rule = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+
+			//if (self.showByMediaQuery) {
+				overlay.style.display = "none";
+			//}
+		}
+	}
+
+	/**
+	 * Show the view by media query. Does not hide current views
+	 * Sets view options by default
+	 * @param {Object} view element to show
+	 * @param {Boolean} setViewOptions sets view options if null or true
+	 */
+	self.showViewByMediaQuery = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var isOverlay = view ? self.isOverlay(view) : false;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+
+			if (isOverlay && view && setViewOptions) {
+				self.setViewVariables(null, view);
+			}
+			else {
+				if (view && setViewOptions) self.setViewOptions(view);
+				if (view && setViewOptions) self.setViewVariables(view);
+			}
+		}
+	}
+
+	/**
+	 * Show the view. Does not hide current views
+	 */
+	self.showView = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var display = null;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+			if (view==null) view =self.getVisibleView();
+			if (view && setViewOptions) self.setViewOptions(view);
+		}
+		else if (id) {
+			display = window.getComputedStyle(view).getPropertyValue("display");
+			if (display=="" || display=="none") {
+				view.style.display = "block";
+			}
+		}
+
+		if (view) {
+			if (self.currentView!=null) {
+				self.lastView = self.currentView;
+			}
+
+			self.currentView = view;
+		}
+	}
+
+	self.showViewById = function(id, setViewOptions) {
+		var view = id ? self.getViewById(id) : null;
+
+		if (view) {
+			self.showView(view);
+			return;
+		}
+
+		self.log("View not found '" + id + "'");
+	}
+
+	self.getElementView = function(element) {
+		var view = element;
+		var viewFound = false;
+
+		while (viewFound==false || view==null) {
+			if (view && self.viewsDictionary[view.id]) {
+				return view;
+			}
+			view = view.parentNode;
+		}
+	}
+
+	/**
+	 * Show overlay over view
+	 * @param {Event | HTMLElement} event event or html element with styles applied
+	 * @param {String} id id of view or view reference
+	 * @param {Number} x x location
+	 * @param {Number} y y location
+	 */
+	self.showOverlay = function(event, id, x, y) {
+		var overlay = id && typeof id === 'string' ? self.getViewById(id) : id ? id : null;
+		var query = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+		var centerHorizontally = false;
+		var centerVertically = false;
+		var anchorLeft = false;
+		var anchorTop = false;
+		var anchorRight = false;
+		var anchorBottom = false;
+		var display = null;
+		var reparent = true;
+		var view = null;
+		
+		if (overlay==null || overlay==false) {
+			self.log("Overlay not found, '"+ id + "'");
+			return;
+		}
+
+		// get enter animation - event target must have css variables declared
+		if (event) {
+			var button = event.currentTarget || event; // can be event or htmlelement
+			var buttonComputedStyles = getComputedStyle(button);
+			var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+			var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+			var isAnimated = animation!="";
+			var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+			var actionTarget = self.application ? null : self.getElement(actionTargetValue);
+			var actionTargetStyles = actionTarget ? actionTarget.style : null;
+
+			if (actionTargetStyles) {
+				actionTargetStyles.setProperty("animation", animation);
+			}
+
+			if ("stopImmediatePropagation" in event) {
+				event.stopImmediatePropagation();
+			}
+		}
+		
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// remove any current overlays
+		if (self.currentOverlay) {
+
+			// act as switch if same button
+			if (self.currentOverlay==actionTarget || self.currentOverlay==null) {
+				if (self.lastTrigger==button) {
+					self.removeOverlay(isAnimated);
+					return;
+				}
+			}
+			else {
+				self.removeOverlay(isAnimated);
+			}
+		}
+
+		if (reparent) {
+			view = self.getElementView(button);
+			if (view) {
+				view.appendChild(overlay);
+			}
+		}
+
+		if (query) {
+			//self.setElementAnimation(overlay, null);
+			//overlay.style.animation = animation;
+			self.enableMediaQuery(query);
+			
+			var display = overlay && overlay.style.display;
+			
+			if (overlay && display=="" || display=="none") {
+				overlay.style.display = "block";
+				//self.setViewOptions(overlay);
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+		else if (id) {
+
+			display = window.getComputedStyle(overlay).getPropertyValue("display");
+
+			if (display=="" || display=="none") {
+				overlay.style.display = "block";
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+
+		// do not set x or y position if centering
+		var horizontal = self.prefix + "center-horizontally";
+		var vertical = self.prefix + "center-vertically";
+		var style = overlay.style;
+		var transform = [];
+
+		centerHorizontally = self.getIsStyleDefined(id, horizontal) ? self.getViewPreferenceBoolean(overlay, horizontal) : false;
+		centerVertically = self.getIsStyleDefined(id, vertical) ? self.getViewPreferenceBoolean(overlay, vertical) : false;
+		anchorLeft = self.getIsStyleDefined(id, "left");
+		anchorRight = self.getIsStyleDefined(id, "right");
+		anchorTop = self.getIsStyleDefined(id, "top");
+		anchorBottom = self.getIsStyleDefined(id, "bottom");
+
+		
+		if (self.viewsDictionary[overlay.id] && self.viewsDictionary[overlay.id].styleDeclaration) {
+			style = self.viewsDictionary[overlay.id].styleDeclaration.style;
+		}
+		
+		if (centerHorizontally) {
+			style.left = "50%";
+			style.transformOrigin = "0 0";
+			transform.push("translateX(-50%)");
+		}
+		else if (anchorRight && anchorLeft) {
+			style.left = x + "px";
+		}
+		else if (anchorRight) {
+			//style.right = x + "px";
+		}
+		else {
+			style.left = x + "px";
+		}
+		
+		if (centerVertically) {
+			style.top = "50%";
+			transform.push("translateY(-50%)");
+			style.transformOrigin = "0 0";
+		}
+		else if (anchorTop && anchorBottom) {
+			style.top = y + "px";
+		}
+		else if (anchorBottom) {
+			//style.bottom = y + "px";
+		}
+		else {
+			style.top = y + "px";
+		}
+
+		if (transform.length) {
+			style.transform = transform.join(" ");
+		}
+
+		self.currentOverlay = overlay;
+		self.lastTrigger = button;
+	}
+
+	self.goBack = function() {
+		if (self.currentOverlay) {
+			self.removeOverlay();
+		}
+		else if (self.lastView) {
+			self.goToView(self.lastView.id);
+		}
+	}
+
+	self.removeOverlay = function(animate) {
+		var overlay = self.currentOverlay;
+		animate = animate===false ? false : true;
+
+		if (overlay) {
+			var style = overlay.style;
+			
+			if (style.animation && self.supportAnimations && animate) {
+				self.reverseAnimation(overlay, true);
+
+				var duration = self.getAnimationDuration(style.animation, true);
+		
+				setTimeout(function() {
+					self.setElementAnimation(overlay, null);
+					self.hideOverlay(overlay);
+					self.currentOverlay = null;
+				}, duration);
+			}
+			else {
+				self.setElementAnimation(overlay, null);
+				self.hideOverlay(overlay);
+				self.currentOverlay = null;
+			}
+		}
+	}
+
+	/**
+	 * Reverse the animation and hide after
+	 * @param {Object} target element with animation
+	 * @param {Boolean} hide hide after animation ends
+	 */
+	self.reverseAnimation = function(target, hide) {
+		var lastAnimation = null;
+		var style = target.style;
+
+		style.animationPlayState = "paused";
+		lastAnimation = style.animation;
+		style.animation = null;
+		style.animationPlayState = "paused";
+
+		if (hide) {
+			//target.addEventListener("animationend", self.animationEndHideHandler);
+	
+			var duration = self.getAnimationDuration(lastAnimation, true);
+			var isOverlay = self.isOverlay(target);
+	
+			setTimeout(function() {
+				self.setElementAnimation(target, null);
+
+				if (isOverlay) {
+					self.hideOverlay(target);
+				}
+				else {
+					self.hideView(target);
+				}
+			}, duration);
+		}
+
+		setTimeout(function() {
+			style.animation = lastAnimation;
+			style.animationPlayState = "paused";
+			style.animationDirection = "reverse";
+			style.animationPlayState = "running";
+		}, 30);
+	}
+
+	self.animationEndHandler = function(event) {
+		var target = event.currentTarget;
+		self.dispatchEvent(new Event(event.type));
+	}
+
+	self.isOverlay = function(view) {
+		var result = view ? self.getViewPreferenceBoolean(view, self.prefix + "is-overlay") : false;
+
+		return result;
+	}
+
+	self.animationEndHideHandler = function(event) {
+		var target = event.currentTarget;
+		self.setViewVariables(null, target);
+		self.hideView(target);
+		target.removeEventListener("animationend", self.animationEndHideHandler);
+	}
+
+	self.animationEndShowHandler = function(event) {
+		var target = event.currentTarget;
+		target.removeEventListener("animationend", self.animationEndShowHandler);
+	}
+
+	self.setViewOptions = function(view) {
+
+		if (view) {
+			self.minimumScale = self.getViewPreferenceValue(view, self.prefix + "minimum-scale");
+			self.maximumScale = self.getViewPreferenceValue(view, self.prefix + "maximum-scale");
+			self.scaleViewsToFit = self.getViewPreferenceBoolean(view, self.prefix + "scale-to-fit");
+			self.scaleToFitType = self.getViewPreferenceValue(view, self.prefix + "scale-to-fit-type");
+			self.scaleToFitOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-double-click");
+			self.actualSizeOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "actual-size-on-double-click");
+			self.scaleViewsOnResize = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-resize");
+			self.enableScaleUp = self.getViewPreferenceBoolean(view, self.prefix + "enable-scale-up");
+			self.centerHorizontally = self.getViewPreferenceBoolean(view, self.prefix + "center-horizontally");
+			self.centerVertically = self.getViewPreferenceBoolean(view, self.prefix + "center-vertically");
+			self.navigationOnKeypress = self.getViewPreferenceBoolean(view, self.prefix + "navigate-on-keypress");
+			self.showViewName = self.getViewPreferenceBoolean(view, self.prefix + "show-view-name");
+			self.refreshPageForChanges = self.getViewPreferenceBoolean(view, self.prefix + "refresh-for-changes");
+			self.refreshPageForChangesInterval = self.getViewPreferenceValue(view, self.prefix + "refresh-interval");
+			self.showNavigationControls = self.getViewPreferenceBoolean(view, self.prefix + "show-navigation-controls");
+			self.scaleViewSlider = self.getViewPreferenceBoolean(view, self.prefix + "show-scale-controls");
+			self.enableDeepLinking = self.getViewPreferenceBoolean(view, self.prefix + "enable-deep-linking");
+			self.singlePageApplication = self.getViewPreferenceBoolean(view, self.prefix + "application");
+			self.showByMediaQuery = self.getViewPreferenceBoolean(view, self.prefix + "show-by-media-query");
+			self.showUpdateNotification = document.cookie!="" ? document.cookie.indexOf(self.pageRefreshedName)!=-1 : false;
+			self.imageComparisonDuration = self.getViewPreferenceValue(view, self.prefix + "image-comparison-duration");
+			self.supportAnimations = self.getViewPreferenceBoolean(view, self.prefix + "enable-animations", true);
+
+			if (self.scaleViewsToFit) {
+				var newScaleValue = self.scaleViewToFit(view);
+				
+				if (newScaleValue<0) {
+					setTimeout(self.scaleViewToFit, 500, view);
+				}
+			}
+			else {
+				self.viewScale = self.getViewScaleValue(view);
+				self.viewToFitWidthScale = self.getViewFitToViewportWidthScale(view, self.enableScaleUp)
+				self.viewToFitHeightScale = self.getViewFitToViewportScale(view, self.enableScaleUp);
+				self.updateSliderValue(self.viewScale);
+			}
+
+			if (self.imageComparisonDuration!=null) {
+				// todo
+			}
+
+			if (self.refreshPageForChangesInterval!=null) {
+				self.refreshDuration = Number(self.refreshPageForChangesInterval);
+			}
+		}
+	}
+
+	self.previousView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView()
+		var index = view ? self.getViewIndex(view) : -1;
+		var prevQueryIndex = index!=-1 ? index-1 : self.currentQuery.index-1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (prevQueryIndex<0) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==prevQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = prevQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	self.nextView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView();
+		var index = view ? self.getViewIndex(view) : -1;
+		var nextQueryIndex = index!=-1 ? index+1 : self.currentQuery.index+1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+		var numberOfMediaQueries = self.getNumberOfMediaRules();
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (nextQueryIndex>=numberOfMediaQueries) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==nextQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = nextQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	/**
+	 * Enables a view via media query
+	 */
+	self.enableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.inclusionQuery;
+		}
+		catch(error) {
+			//self.log(error);
+			rule.conditionText = self.inclusionQuery;
+		}
+	}
+
+	self.disableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.exclusionQuery;
+		}
+		catch(error) {
+			rule.conditionText = self.exclusionQuery;
+		}
+	}
+
+	self.dispatchViewChange = function() {
+		try {
+			var event = new Event(self.NAVIGATION_CHANGE);
+			window.dispatchEvent(event);
+		}
+		catch (error) {
+			// In IE 11: Object doesn't support this action
+		}
+	}
+
+	self.getNumberOfMediaRules = function() {
+		var rules = self.getStylesheetRules();
+		var numberOfRules = rules ? rules.length : 0;
+		var numberOfQueries = 0;
+
+		for (var i=0;i<numberOfRules;i++) {
+			if (rules[i].media!=null) { numberOfQueries++; }
+		}
+		
+		return numberOfQueries;
+	}
+
+	/////////////////////////////////////////
+	// VIEW SCALE 
+	/////////////////////////////////////////
+
+	self.sliderChangeHandler = function(event) {
+		var value = self.getShortNumber(event.currentTarget.value/100);
+		var view = self.getVisibleView();
+		self.setViewScaleValue(view, false, value, true);
+	}
+
+	self.updateSliderValue = function(scale) {
+		var slider = document.getElementById(self.viewScaleSliderId);
+		var tooltip = parseInt(scale * 100 + "") + "%";
+		var inputType;
+		var inputValue;
+		
+		if (slider) {
+			inputValue = self.getShortNumber(scale * 100);
+			if (inputValue!=slider["value"]) {
+				slider["value"] = inputValue;
+			}
+			inputType = slider.getAttributeNS(null, "type");
+
+			if (inputType!="range") {
+				// input range is not supported
+				slider.style.display = "none";
+			}
+
+			self.setTooltip(slider, tooltip);
+		}
+	}
+
+	self.viewChangeHandler = function(event) {
+		var view = self.getVisibleView();
+		var matrix = view ? getComputedStyle(view).transform : null;
+		
+		if (matrix) {
+			self.viewScale = self.getViewScaleValue(view);
+			
+			var scaleNeededToFit = self.getViewFitToViewportScale(view);
+			var isViewLargerThanViewport = scaleNeededToFit<1;
+			
+			// scale large view to fit if scale to fit is enabled
+			if (self.scaleViewsToFit) {
+				self.scaleViewToFit(view);
+			}
+			else {
+				self.updateSliderValue(self.viewScale);
+			}
+		}
+	}
+
+	self.getViewScaleValue = function(view) {
+		var matrix = getComputedStyle(view).transform;
+
+		if (matrix) {
+			var matrixArray = matrix.replace("matrix(", "").split(",");
+			var scaleX = parseFloat(matrixArray[0]);
+			var scaleY = parseFloat(matrixArray[3]);
+			var scale = Math.min(scaleX, scaleY);
+		}
+
+		return scale;
+	}
+
+	/**
+	 * Scales view to scale. 
+	 * @param {Object} view view to scale. views are in views array
+	 * @param {Boolean} scaleToFit set to true to scale to fit. set false to use desired scale value
+	 * @param {Number} desiredScale scale to define. not used if scale to fit is false
+	 * @param {Boolean} isSliderChange indicates if slider is callee
+	 */
+	self.setViewScaleValue = function(view, scaleToFit, desiredScale, isSliderChange) {
+		var enableScaleUp = self.enableScaleUp;
+		var scaleToFitType = self.scaleToFitType;
+		var minimumScale = self.minimumScale;
+		var maximumScale = self.maximumScale;
+		var hasMinimumScale = !isNaN(minimumScale) && minimumScale!="";
+		var hasMaximumScale = !isNaN(maximumScale) && maximumScale!="";
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, enableScaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, enableScaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, enableScaleUp);
+		var scaleToFitFull = self.getViewFitToViewportScale(view, true);
+		var scaleToFitFullWidth = self.getViewFitToViewportWidthScale(view, true);
+		var scaleToFitFullHeight = self.getViewFitToViewportHeightScale(view, true);
+		var scaleToWidth = scaleToFitType=="width";
+		var scaleToHeight = scaleToFitType=="height";
+		var shrunkToFit = false;
+		var topPosition = null;
+		var leftPosition = null;
+		var translateY = null;
+		var translateX = null;
+		var transformValue = "";
+		var canCenterVertically = true;
+		var canCenterHorizontally = true;
+		var style = view.style;
+
+		if (view && self.viewsDictionary[view.id] && self.viewsDictionary[view.id].styleDeclaration) {
+			style = self.viewsDictionary[view.id].styleDeclaration.style;
+		}
+
+		if (scaleToFit && isSliderChange!=true) {
+			if (scaleToFitType=="fit" || scaleToFitType=="") {
+				desiredScale = scaleNeededToFit;
+			}
+			else if (scaleToFitType=="width") {
+				desiredScale = scaleNeededToFitWidth;
+			}
+			else if (scaleToFitType=="height") {
+				desiredScale = scaleNeededToFitHeight;
+			}
+		}
+		else {
+			if (isNaN(desiredScale)) {
+				desiredScale = 1;
+			}
+		}
+
+		self.updateSliderValue(desiredScale);
+		
+		// scale to fit width
+		if (scaleToWidth && scaleToHeight==false) {
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitWidth;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return desiredScale;
+		}
+
+		// scale to fit height
+		if (scaleToHeight && scaleToWidth==false) {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitHeight<=scaleNeededToFitWidth && enableScaleUp==false;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+			
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullHeight;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitHeight;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+				//canCenterVertically = desiredScale>=scaleNeededToFitHeight && enableScaleUp==false;
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return scaleNeededToFitHeight;
+		}
+
+		if (scaleToFitType=="fit") {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFitHeight;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFit;
+			canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFit;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			if (isSliderChange || scaleToFit==false) {
+				canCenterVertically = scaleToFitFullHeight>=desiredScale;
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFit;
+			}
+
+			transformValue = "scale(" + desiredScale + ")";
+
+			//canCenterHorizontally = self.canCenterHorizontally(view, "fit", false, desiredScale);
+			//canCenterVertically = self.canCenterVertically(view, "fit", false, desiredScale);
+			
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+
+		if (scaleToFitType=="default" || scaleToFitType=="") {
+			desiredScale = 1;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "none", false, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "none", false, desiredScale, minimumScale, maximumScale);
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+				else {
+					transformValue += " translateX(" + 0 + ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view
+	 * @param {String} type type of scaling - width, height, all, none
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterHorizontally = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? scale : scaleNeededToFitWidth;
+		scaleUp = scaleUp == null ? false : scaleUp;
+
+		if (type=="width") {
+	
+			if (scaleUp && maximumScale==null) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+		else if (type=="height") {
+			minScale = Math.min(1, scaleNeededToFitHeight);
+			if (minimumScale!="" && maximumScale!="") {
+				minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+			}
+			else {
+				if (minimumScale!="") {
+					minScale = Math.max(minimumScale, scaleNeededToFitHeight);
+				}
+				if (maximumScale!="") {
+					minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+				}
+			}
+	
+			if (scaleUp && maximumScale=="") {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=minScale) {
+				canCenter = true;
+			}
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitWidth>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.horizontalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view to scale
+	 * @param {String} type type of scaling
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterVertically = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? 1 : scale;
+		scaleUp = scaleUp == null ? false : scaleUp;
+	
+		if (type=="width") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+		}
+		else if (type=="height") {
+			minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFit));
+			canCenter = scaleNeededToFitHeight>=minScale;
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitHeight>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.verticalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	self.getViewFitToViewportScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth) || isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		else if (elementWidth > availableWidth || elementHeight > availableHeight) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportWidthScale = function(view, scaleUp) {
+		// need to get browser viewport width when element
+		var isParentWindow = view && view.parentNode && view.parentNode===document.body;
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableWidth/elementWidth;
+		}
+		else if (elementWidth > availableWidth) {
+			newScale = availableWidth/elementWidth;
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportHeightScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableHeight/elementHeight;
+		}
+		else if (elementHeight > availableHeight) {
+			newScale = availableHeight/elementHeight;
+		}
+		
+		return newScale;
+	}
+
+	self.keypressHandler = function(event) {
+		var rightKey = 39;
+		var leftKey = 37;
+		
+		// listen for both events 
+		if (event.type=="keypress") {
+			window.removeEventListener("keyup", self.keypressHandler);
+		}
+		else {
+			window.removeEventListener("keypress", self.keypressHandler);
+		}
+		
+		if (self.showNavigationControls) {
+			if (self.navigationOnKeypress) {
+				if (event.keyCode==rightKey) {
+					self.nextView();
+				}
+				if (event.keyCode==leftKey) {
+					self.previousView();
+				}
+			}
+		}
+		else if (self.navigationOnKeypress) {
+			if (event.keyCode==rightKey) {
+				self.nextView();
+			}
+			if (event.keyCode==leftKey) {
+				self.previousView();
+			}
+		}
+	}
+
+	///////////////////////////////////
+	// GENERAL FUNCTIONS
+	///////////////////////////////////
+
+	self.getViewById = function(id) {
+		id = id ? id.replace("#", "") : "";
+		var view = self.viewIds.indexOf(id)!=-1 && self.getElement(id);
+		return view;
+	}
+
+	self.getViewIds = function() {
+		var viewIds = self.getViewPreferenceValue(document.body, self.prefix + "view-ids");
+		var viewId = null;
+
+		viewIds = viewIds!=null && viewIds!="" ? viewIds.split(",") : [];
+
+		if (viewIds.length==0) {
+			viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+			viewIds = viewId ? [viewId] : [];
+		}
+
+		return viewIds;
+	}
+
+	self.getInitialViewId = function() {
+		var viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+		return viewId;
+	}
+
+	self.getApplicationStylesheet = function() {
+		var stylesheetId = self.getViewPreferenceValue(document.body, self.prefix + "stylesheet-id");
+		self.applicationStylesheet = document.getElementById("applicationStylesheet");
+		return self.applicationStylesheet.sheet;
+	}
+
+	self.getVisibleView = function() {
+		var viewIds = self.getViewIds();
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+		
+				if (display=="block" || display=="flex") {
+					return view;
+				}
+			}
+		}
+
+		return null;
+	}
+
+	self.getVisibleViews = function() {
+		var viewIds = self.getViewIds();
+		var views = [];
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+				
+				if (display=="none") {
+					continue;
+				}
+
+				if (display=="block" || display=="flex") {
+					views.push(view);
+				}
+			}
+		}
+
+		return views;
+	}
+
+	self.getStateNameByViewId = function(id) {
+		var state = self.viewsDictionary[id];
+		return state && state.stateName;
+	}
+
+	self.getMatchingViews = function(ids) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state && state.rule; 
+				var matchResults = window.matchMedia(rule.conditionText);
+				var view = self.views[viewId];
+				
+				if (matchResults.matches) {
+					if (ids==true) {
+						matchingViews.push(viewId);
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.ruleMatchesQuery = function(rule) {
+		var result = window.matchMedia(rule.conditionText);
+		return result.matches;
+	}
+
+	self.getViewsByStateName = function(stateName, matchQuery) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+
+			// find state name
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state.rule;
+				var mediaRule = state.mediaRule;
+				var view = self.views[viewId];
+				var viewStateName = self.getStyleRuleValue(mediaRule, self.STATE_NAME, state);
+				var stateFoundAtt = view.getAttribute(self.STATE_NAME)==state;
+				var matchesResults = false;
+				
+				if (viewStateName==stateName) {
+					if (matchQuery) {
+						matchesResults = self.ruleMatchesQuery(rule);
+
+						if (matchesResults) {
+							matchingViews.push(view);
+						}
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.getInitialView = function() {
+		var viewId = self.getInitialViewId();
+		viewId = viewId.replace(/[\#?\.?](.*)/, "$" + "1");
+		var view = self.getElement(viewId);
+		var postName = "_Class";
+
+		if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+			view = self.getElement(viewId.replace(postName, ""));
+		}
+
+		return view;
+	}
+
+	self.getViewIndex = function(view) {
+		var viewIds = self.getViewIds();
+		var id = view ? view.id : null;
+		var index = id && viewIds ? viewIds.indexOf(id) : -1;
+
+		return index;
+	}
+
+	self.syncronizeViewToURL = function() {
+		var fragment = self.getHashFragment();
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+			
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			
+			self.showMediaQueryViewsByState(stateName);
+			return;
+		}
+
+		var view = self.getViewById(fragment);
+		var index = view ? self.getViewIndex(view) : 0;
+		if (index==-1) index = 0;
+		var currentView = self.hideViews(index);
+
+		if (self.supportsPopState && currentView) {
+
+			if (fragment==null) {
+				window.history.replaceState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+			else {
+				window.history.pushState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+		}
+		
+		self.setViewVariables(view);
+		return view;
+	}
+
+	/**
+	 * Set the currentView or currentOverlay properties and set the lastView or lastOverlay properties
+	 */
+	self.setViewVariables = function(view, overlay, parentView) {
+		if (view) {
+			if (self.currentView) {
+				self.lastView = self.currentView;
+			}
+			self.currentView = view;
+		}
+
+		if (overlay) {
+			if (self.currentOverlay) {
+				self.lastOverlay = self.currentOverlay;
+			}
+			self.currentOverlay = overlay;
+		}
+	}
+
+	self.getViewPreferenceBoolean = function(view, property, altValue) {
+		var computedStyle = window.getComputedStyle(view);
+		var value = computedStyle.getPropertyValue(property);
+		var type = typeof value;
+		
+		if (value=="true" || (type=="string" && value.indexOf("true")!=-1)) {
+			return true;
+		}
+		else if (value=="" && arguments.length==3) {
+			return altValue;
+		}
+
+		return false;
+	}
+
+	self.getViewPreferenceValue = function(view, property, defaultValue) {
+		var value = window.getComputedStyle(view).getPropertyValue(property);
+
+		if (value===undefined) {
+			return defaultValue;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	self.getStyleRuleValue = function(cssRule, property) {
+		var value = cssRule ? cssRule.style.getPropertyValue(property) : null;
+
+		if (value===undefined) {
+			return null;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	/**
+	 * Get the first defined value of property. Returns empty string if not defined
+	 * @param {String} id id of element
+	 * @param {String} property 
+	 */
+	self.getCSSPropertyValueForElement = function(id, property) {
+		var styleSheets = document.styleSheets;
+		var numOfStylesheets = styleSheets.length;
+		var values = [];
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var value;
+
+		for(var i=0;i<numOfStylesheets;i++) {
+			var styleSheet = styleSheets[i];
+			var cssRules = self.getStylesheetRules(styleSheet);
+			var numOfCSSRules = cssRules.length;
+			var cssRule;
+			
+			for (var j=0;j<numOfCSSRules;j++) {
+				cssRule = cssRules[j];
+				
+				if (cssRule.media) {
+					var mediaRules = cssRule.cssRules;
+					var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+					
+					for(var k=0;k<numOfMediaRules;k++) {
+						var mediaRule = mediaRules[k];
+						
+						if (mediaRule.selectorText==selectorIDText || mediaRule.selectorText==selectorClassText) {
+							
+							if (mediaRule.style && mediaRule.style.getPropertyValue(property)!="") {
+								value = mediaRule.style.getPropertyValue(property);
+								values.push(value);
+							}
+						}
+					}
+				}
+				else {
+
+					if (cssRule.selectorText==selectorIDText || cssRule.selectorText==selectorClassText) {
+						if (cssRule.style && cssRule.style.getPropertyValue(property)!="") {
+							value = cssRule.style.getPropertyValue(property);
+							values.push(value);
+						}
+					}
+				}
+			}
+		}
+
+		return values.pop();
+	}
+
+	self.getIsStyleDefined = function(id, property) {
+		var value = self.getCSSPropertyValueForElement(id, property);
+		return value!==undefined && value!="";
+	}
+
+	self.collectViews = function() {
+		var viewIds = self.getViewIds();
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getElement(id);
+			self.views[id] = view;
+		}
+		
+		self.viewIds = viewIds;
+	}
+
+	self.collectOverlays = function() {
+		var viewIds = self.getViewIds();
+		var ids = [];
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getViewById(id);
+			const isOverlay = view && self.isOverlay(view);
+			
+			if (isOverlay) {
+				ids.push(id);
+				self.overlays[id] = view;
+			}
+		}
+		
+		self.overlayIds = ids;
+	}
+
+	self.collectMediaQueries = function() {
+		var viewIds = self.getViewIds();
+		var styleSheet = self.getApplicationStylesheet();
+		var cssRules = self.getStylesheetRules(styleSheet);
+		var numOfCSSRules = cssRules ? cssRules.length : 0;
+		var cssRule;
+		var id = viewIds.length ? viewIds[0]: ""; // single view
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var viewsNotFound = viewIds.slice();
+		var viewsFound = [];
+		var selectorText = null;
+		var property = self.prefix + "view-id";
+		var stateName = self.prefix + "state";
+		var stateValue = null;
+		var view = null;
+		
+		for (var j=0;j<numOfCSSRules;j++) {
+			cssRule = cssRules[j];
+			
+			if (cssRule.media) {
+				var mediaRules = cssRule.cssRules;
+				var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+				var mediaViewInfoFound = false;
+				var mediaId = null;
+				
+				for(var k=0;k<numOfMediaRules;k++) {
+					var mediaRule = mediaRules[k];
+
+					selectorText = mediaRule.selectorText;
+					
+					if (selectorText==".mediaViewInfo" && mediaViewInfoFound==false) {
+
+						mediaId = self.getStyleRuleValue(mediaRule, property);
+						stateValue = self.getStyleRuleValue(mediaRule, stateName);
+
+						selectorIDText = "#" + mediaId;
+						selectorClassText = "." + mediaId + "_Class";
+						view = self.getElement(mediaId);
+						
+						// prevent duplicates from load and domcontentloaded events
+						if (self.addedViews.indexOf(mediaId)==-1) {
+							self.addView(view, mediaId, cssRule, mediaRule, stateValue);
+						}
+
+						viewsFound.push(mediaId);
+
+						if (viewsNotFound.indexOf(mediaId)!=-1) {
+							viewsNotFound.splice(viewsNotFound.indexOf(mediaId));
+						}
+
+						mediaViewInfoFound = true;
+					}
+
+					if (selectorIDText==selectorText || selectorClassText==selectorText) {
+						var styleObject = self.viewsDictionary[mediaId];
+						if (styleObject) {
+							styleObject.styleDeclaration = mediaRule;
+						}
+						break;
+					}
+				}
+			}
+			else {
+				selectorText = cssRule.selectorText;
+				
+				if (selectorText==null) continue;
+
+				selectorText = selectorText.replace(/[#|\s|*]?/g, "");
+
+				if (viewIds.indexOf(selectorText)!=-1) {
+					view = self.getElement(selectorText);
+					self.addView(view, selectorText, cssRule, null, stateValue);
+
+					if (viewsNotFound.indexOf(selectorText)!=-1) {
+						viewsNotFound.splice(viewsNotFound.indexOf(selectorText));
+					}
+
+					break;
+				}
+			}
+		}
+
+		if (viewsNotFound.length) {
+			console.log("Could not find the following views:" + viewsNotFound.join(",") + "");
+			console.log("Views found:" + viewsFound.join(",") + "");
+		}
+	}
+
+	/**
+	 * Adds a view
+	 * @param {HTMLElement} view view element
+	 * @param {String} id id of view element
+	 * @param {CSSRule} cssRule of view element
+	 * @param {CSSMediaRule} mediaRule media rule of view element
+	 * @param {String} stateName name of state if applicable
+	 **/
+	self.addView = function(view, viewId, cssRule, mediaRule, stateName) {
+		var viewData = {};
+		viewData.name = viewId;
+		viewData.rule = cssRule;
+		viewData.id = viewId;
+		viewData.mediaRule = mediaRule;
+		viewData.stateName = stateName;
+
+		self.views.push(viewData);
+		self.addedViews.push(viewId);
+		self.viewsDictionary[viewId] = viewData;
+		self.mediaQueryDictionary[viewId] = cssRule;
+	}
+
+	self.hasView = function(name) {
+
+		if (self.addedViews.indexOf(name)!=-1) {
+			return true;
+		}
+		return false;
+	}
+
+	/**
+	 * Go to view by id. Views are added in addView()
+	 * @param {String} id id of view in current
+	 * @param {Boolean} maintainPreviousState if true then do not hide other views
+	 * @param {String} parent id of parent view
+	 **/
+	self.goToView = function(id, maintainPreviousState, parent) {
+		var state = self.viewsDictionary[id];
+
+		if (state) {
+			if (maintainPreviousState==false || maintainPreviousState==null) {
+				self.hideViews();
+			}
+			self.enableMediaQuery(state.rule);
+			self.updateViewLabel();
+			self.updateURL();
+		}
+		else {
+			var event = new Event(self.STATE_NOT_FOUND);
+			self.stateName = id;
+			window.dispatchEvent(event);
+		}
+	}
+
+	/**
+	 * Go to the view in the event targets CSS variable
+	 **/
+	self.goToTargetView = function(event) {
+		var button = event.currentTarget;
+		var buttonComputedStyles = getComputedStyle(button);
+		var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+		var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+		var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+		var targetView = self.application ? null : self.getElement(actionTargetValue);
+		var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;
+		var actionTargetStyles = targetView ? targetView.style : null;
+		var state = self.viewsDictionary[actionTargetValue];
+		
+		// navigate to page
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// if view is found
+		if (targetView) {
+
+			if (self.currentOverlay) {
+				self.removeOverlay(false);
+			}
+
+			if (self.showByMediaQuery) {
+				var stateName = targetState;
+				
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+				return;
+			}
+
+			// add animation set in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.crossFade(self.currentView, targetView, false, animation);
+			}
+			else {
+				self.setViewVariables(self.currentView);
+				self.hideViews();
+				self.enableMediaQuery(state.rule);
+				self.scaleViewIfNeeded(targetView);
+				self.centerView(targetView);
+				self.updateViewLabel();
+				self.updateURL();
+			}
+		}
+		else {
+			var stateEvent = new Event(self.STATE_NOT_FOUND);
+			self.stateName = name;
+			window.dispatchEvent(stateEvent);
+		}
+
+		event.stopImmediatePropagation();
+	}
+
+	/**
+	 * Cross fade between views
+	 **/
+	self.crossFade = function(from, to, update, animation) {
+		var targetIndex = to.parentNode
+		var fromIndex = Array.prototype.slice.call(from.parentElement.children).indexOf(from);
+		var toIndex = Array.prototype.slice.call(to.parentElement.children).indexOf(to);
+
+		if (from.parentNode==to.parentNode) {
+			var reverse = self.getReverseAnimation(animation);
+			var duration = self.getAnimationDuration(animation, true);
+
+			// if target view is above (higher index)
+			// then fade in target view 
+			// and after fade in then hide previous view instantly
+			if (fromIndex<toIndex) {
+				self.setElementAnimation(from, null);
+				self.setElementAnimation(to, null);
+				self.showViewByMediaQuery(to);
+				self.fadeIn(to, update, animation);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+					self.updateViewLabel();
+				}, duration)
+			}
+			// if target view is on bottom
+			// then show target view instantly 
+			// and fade out current view
+			else if (fromIndex>toIndex) {
+				self.setElementAnimation(to, null);
+				self.setElementAnimation(from, null);
+				self.showViewByMediaQuery(to);
+				self.fadeOut(from, update, reverse);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+				}, duration)
+			}
+		}
+	}
+
+	self.fadeIn = function(element, update, animation) {
+		self.showViewByMediaQuery(element);
+
+		if (update) {
+			self.updateURL(element);
+
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.setViewVariables(element);
+				self.updateViewLabel();
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		self.setElementAnimation(element, null);
+		
+		element.style.animation = animation;
+	}
+
+	self.fadeOutCurrentView = function(animation, update) {
+		if (self.currentView) {
+			self.fadeOut(self.currentView, update, animation);
+		}
+		if (self.currentOverlay) {
+			self.fadeOut(self.currentOverlay, update, animation);
+		}
+	}
+
+	self.fadeOut = function(element, update, animation) {
+		if (update) {
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.hideView(element);
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		element.style.animationPlayState = "paused";
+		element.style.animation = animation;
+		element.style.animationPlayState = "running";
+	}
+
+	self.getReverseAnimation = function(animation) {
+		if (animation && animation.indexOf("reverse")==-1) {
+			animation += " reverse";
+		}
+
+		return animation;
+	}
+
+	/**
+	 * Get duration in animation string
+	 * @param {String} animation animation value
+	 * @param {Boolean} inMilliseconds length in milliseconds if true
+	 */
+	self.getAnimationDuration = function(animation, inMilliseconds) {
+		var duration = 0;
+		var expression = /.+(\d\.\d)s.+/;
+
+		if (animation && animation.match(expression)) {
+			duration = parseFloat(animation.replace(expression, "$" + "1"));
+			if (duration && inMilliseconds) duration = duration * 1000;
+		}
+
+		return duration;
+	}
+
+	self.setElementAnimation = function(element, animation, priority) {
+		element.style.setProperty("animation", animation, "important");
+	}
+
+	self.getElement = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementById = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementByClass = function(className) {
+		className = className ? className.trim() : className;
+		var elements = document.getElementsByClassName(className);
+
+		return elements.length ? elements[0] : null;
+	}
+
+	self.resizeHandler = function(event) {
+		
+		if (self.showByMediaQuery) {
+			if (self.enableDeepLinking) {
+				var stateName = self.getHashFragment();
+
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+			}
+		}
+		else {
+			var visibleViews = self.getVisibleViews();
+
+			for (let index = 0; index < visibleViews.length; index++) {	
+				var view = visibleViews[index];
+				self.scaleViewIfNeeded(view);
+			}
+		}
+
+		window.dispatchEvent(new Event(self.APPLICATION_RESIZE));
+	}
+
+	self.scaleViewIfNeeded = function(view) {
+
+		if (self.scaleViewsOnResize) {
+			if (view==null) {
+				view = self.getVisibleView();
+			}
+
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME)=="false" ? false : true;
+
+			if (isViewScaled) {
+				self.scaleViewToFit(view, true);
+			}
+			else {
+				self.scaleViewToActualSize(view);
+			}
+		}
+		else if (view) {
+			self.centerView(view);
+		}
+	}
+
+	self.centerView = function(view) {
+
+		if (self.scaleViewsToFit) {
+			self.scaleViewToFit(view, true);
+		}
+		else {
+			self.scaleViewToActualSize(view);  // for centering support for now
+		}
+	}
+
+	self.preventDoubleClick = function(event) {
+		event.stopImmediatePropagation();
+	}
+
+	self.getHashFragment = function() {
+		var value = window.location.hash ? window.location.hash.replace("#", "") : "";
+		return value;
+	}
+
+	self.showBlockElement = function(view) {
+		view.style.display = "block";
+	}
+
+	self.hideElement = function(view) {
+		view.style.display = "none";
+	}
+
+	self.showStateFunction = null;
+
+	self.showMediaQueryViewsByState = function(state, event) {
+		// browser will hide and show by media query (small, medium, large)
+		// but if multiple views exists at same size user may want specific view
+		// if showStateFunction is defined that is called with state fragment and user can show or hide each media matching view by returning true or false
+		// if showStateFunction is not defined and state is defined and view has a defined state that matches then show that and hide other matching views
+		// if no state is defined show view 
+		// an viewChanging event is dispatched before views are shown or hidden that can be prevented 
+
+		// get all matched queries
+		// if state name is specified then show that view and hide other views
+		// if no state name is defined then show
+		var matchedViews = self.getMatchingViews();
+		var matchMediaQuery = true;
+		var foundViews = self.getViewsByStateName(state, matchMediaQuery);
+		var showViews = [];
+		var hideViews = [];
+
+		// loop views that match media query 
+		for (let index = 0; index < matchedViews.length; index++) {
+			var view = matchedViews[index];
+			
+			// let user determine visible view
+			if (self.showStateFunction!=null) {
+				if (self.showStateFunction(view, state)) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// state was defined so check if view matches state
+			else if (foundViews.length) {
+
+				if (foundViews.indexOf(view)!=-1) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// if no state names are defined show view (define unused state name to exclude)
+			else if (state==null || state=="") {
+				showViews.push(view);
+			}
+		}
+
+		if (showViews.length) {
+			var viewChangingEvent = new Event(self.VIEW_CHANGING);
+			viewChangingEvent.showViews = showViews;
+			viewChangingEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangingEvent);
+
+			if (viewChangingEvent.defaultPrevented==false) {
+				for (var index = 0; index < hideViews.length; index++) {
+					var view = hideViews[index];
+
+					if (self.isOverlay(view)) {
+						self.removeOverlay(view);
+					}
+					else {
+						self.hideElement(view);
+					}
+				}
+
+				for (var index = 0; index < showViews.length; index++) {
+					var view = showViews[index];
+
+					if (index==showViews.length-1) {
+						self.clearDisplay(view);
+						self.setViewOptions(view);
+						self.setViewVariables(view);
+						self.centerView(view);
+						self.updateURLState(view, state);
+					}
+				}
+			}
+
+			var viewChangeEvent = new Event(self.VIEW_CHANGE);
+			viewChangeEvent.showViews = showViews;
+			viewChangeEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangeEvent);
+		}
+		
+	}
+
+	self.clearDisplay = function(view) {
+		view.style.setProperty("display", null);
+	}
+
+	self.hashChangeHandler = function(event) {
+		var fragment = self.getHashFragment();
+		var view = self.getViewById(fragment);
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			self.showMediaQueryViewsByState(stateName);
+		}
+		else {
+			if (view) {
+				self.hideViews();
+				self.showView(view);
+				self.setViewVariables(view);
+				self.updateViewLabel();
+				
+				window.dispatchEvent(new Event(self.VIEW_CHANGE));
+			}
+			else {
+				window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+			}
+		}
+	}
+
+	self.popStateHandler = function(event) {
+		var state = event.state;
+		var fragment = state ? state.name : window.location.hash;
+		var view = self.getViewById(fragment);
+
+		if (view) {
+			self.hideViews();
+			self.showView(view);
+			self.updateViewLabel();
+		}
+		else {
+			window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+		}
+	}
+
+	self.doubleClickHandler = function(event) {
+		var view = self.getVisibleView();
+		var scaleValue = view ? self.getViewScaleValue(view) : 1;
+		var scaleNeededToFit = view ? self.getViewFitToViewportScale(view) : 1;
+		var scaleNeededToFitWidth = view ? self.getViewFitToViewportWidthScale(view) : 1;
+		var scaleNeededToFitHeight = view ? self.getViewFitToViewportHeightScale(view) : 1;
+		var scaleToFitType = self.scaleToFitType;
+
+		// Three scenarios
+		// - scale to fit on double click
+		// - set scale to actual size on double click
+		// - switch between scale to fit and actual page size
+
+		if (scaleToFitType=="width") {
+			scaleNeededToFit = scaleNeededToFitWidth;
+		}
+		else if (scaleToFitType=="height") {
+			scaleNeededToFit = scaleNeededToFitHeight;
+		}
+
+		// if scale and actual size enabled then switch between
+		if (self.scaleToFitOnDoubleClick && self.actualSizeOnDoubleClick) {
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+			var isScaled = false;
+			
+			// if scale is not 1 then view needs scaling
+			if (scaleNeededToFit!=1) {
+
+				// if current scale is at 1 it is at actual size
+				// scale it to fit
+				if (scaleValue==1) {
+					self.scaleViewToFit(view);
+					isScaled = true;
+				}
+				else {
+					// scale is not at 1 so switch to actual size
+					self.scaleViewToActualSize(view);
+					isScaled = false;
+				}
+			}
+			else {
+				// view is smaller than viewport 
+				// so scale to fit() is scale actual size
+				// actual size and scaled size are the same
+				// but call scale to fit to retain centering
+				self.scaleViewToFit(view);
+				isScaled = false;
+			}
+			
+			view.setAttributeNS(null, self.SIZE_STATE_NAME, isScaled+"");
+			isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+		}
+		else if (self.scaleToFitOnDoubleClick) {
+			self.scaleViewToFit(view);
+		}
+		else if (self.actualSizeOnDoubleClick) {
+			self.scaleViewToActualSize(view);
+		}
+
+	}
+
+	self.scaleViewToFit = function(view) {
+		return self.setViewScaleValue(view, true);
+	}
+
+	self.scaleViewToActualSize = function(view) {
+		self.setViewScaleValue(view, false, 1);
+	}
+
+	self.onloadHandler = function(event) {
+		self.initialize();
+	}
+
+	self.setElementHTML = function(id, value) {
+		var element = self.getElement(id);
+		element.innerHTML = value;
+	}
+
+	self.getStackArray = function(error) {
+		var value = "";
+		
+		if (error==null) {
+		  try {
+			 error = new Error("Stack");
+		  }
+		  catch (e) {
+			 
+		  }
+		}
+		
+		if ("stack" in error) {
+		  value = error.stack;
+		  var methods = value.split(/\n/g);
+	 
+		  var newArray = methods ? methods.map(function (value, index, array) {
+			 value = value.replace(/\@.*/,"");
+			 return value;
+		  }) : null;
+	 
+		  if (newArray && newArray[0].includes("getStackTrace")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0].includes("getStackArray")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0]=="") {
+			 newArray.shift();
+		  }
+	 
+			return newArray;
+		}
+		
+		return null;
+	}
+
+	self.log = function(value) {
+		console.log.apply(this, [value]);
+	}
+	
+	// initialize on load
+	// sometimes the body size is 0 so we call this now and again later
+	window.addEventListener("load", self.onloadHandler);
+	window.document.addEventListener("DOMContentLoaded", self.onloadHandler);
+}
+
+window.application = new Application();
+</script>
+</head>
+<body>
+<div id="SetREFStart__9-L__1-HELP">
+	<img id="n_27_mg" src="n_27_mg.png" srcset="n_27_mg.png 1x">
+		
+	<svg class="n_25_mh">
+		<ellipse id="n_25_mh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_mi" class="BackButton">
+		<svg class="BackButton_mj">
+			<rect id="BackButton_mj" rx="0" ry="0" x="0" y="0" width="53" height="31">
+			</rect>
+		</svg>
+	</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L___3.html b/public/flukemoni/Ex4/SetREFStart___9_L___3.html
old mode 100644
new mode 100755
index a188146..530d970
--- a/public/flukemoni/Ex4/SetREFStart___9_L___3.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L___3.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_kf {
+	#n_18_mn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_mn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 52px;
+	}
+	#n_18_mo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_mo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 545px;
+	}
+	#BackButton_mp {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: SetREFStart___9_L___1.html;
 		cursor: pointer;
 	}
-	#BackButton_kg {
+	#BackButton_mq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_kg {
+	.BackButton_mq {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_kh {
+	#MoreButton_mr {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -91,7 +127,7 @@
 		--web-action-target: SetREFStart_9_L_3_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_ki {
+	#MoreButton_ms {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -101,7 +137,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ki {
+	.MoreButton_ms {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3025,15 +3061,23 @@ window.application = new Application();
 <div id="SetREFStart__9-L__3">
 	<img id="n_47" src="n_47.png" srcset="n_47.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_kf" class="BackButton">
-		<svg class="BackButton_kg">
-			<rect id="BackButton_kg" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_mn">
+		<ellipse id="n_18_mn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_mo">
+		<ellipse id="n_18_mo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_mp" class="BackButton">
+		<svg class="BackButton_mq">
+			<rect id="BackButton_mq" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_kh" class="MoreButton">
-		<svg class="MoreButton_ki">
-			<rect id="MoreButton_ki" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_mr" class="MoreButton">
+		<svg class="MoreButton_ms">
+			<rect id="MoreButton_ms" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_L___4.html b/public/flukemoni/Ex4/SetREFStart___9_L___4.html
old mode 100644
new mode 100755
index d0b6abd..e4fa05b
--- a/public/flukemoni/Ex4/SetREFStart___9_L___4.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_L___4.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_kw {
+	#n_25_na {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_na {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_nb {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___9_L___1.html;
 		cursor: pointer;
 	}
-	#BackButton_kx {
+	#BackButton_nc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_kx {
+	.BackButton_nc {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__9-L__4">
 	<img id="n_30" src="n_30.png" srcset="n_30.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_kw" class="BackButton">
-		<svg class="BackButton_kx">
-			<rect id="BackButton_kx" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_na">
+		<ellipse id="n_25_na" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_nb" class="BackButton">
+		<svg class="BackButton_nc">
+			<rect id="BackButton_nc" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_R.html b/public/flukemoni/Ex4/SetREFStart___9_R.html
old mode 100644
new mode 100755
index 9169ec9..f098a2c
--- a/public/flukemoni/Ex4/SetREFStart___9_R.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_R.html
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_jg {
+	#n_25_lb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_lb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_25_lc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_lc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 599px;
+	}
+	#n_26_ld {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_ld {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 600px;
+	}
+	#n_27_le {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_le {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 399px;
+		top: 360px;
+	}
+	#n_28_lf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_lf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 51px;
+	}
+	#n_29_lg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_lg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 549px;
+	}
+	#BackButton_lh {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#BackButton_jh {
+	#BackButton_li {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jh {
+	.BackButton_li {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_ji {
+	#MoreButton_lj {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: SetREFStart___9_R___HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_jj {
+	#MoreButton_lk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_jj {
+	.MoreButton_lk {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LengthButton_jk {
+	#LengthButton_ll {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: SetREFStart___9_R___1.html;
 		cursor: pointer;
 	}
-	#LengthButton_jl {
+	#LengthButton_lm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_jl {
+	.LengthButton_lm {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_jm {
+	#LookREFButton_ln {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: SetREFStart_9_R_3.html;
 		cursor: pointer;
 	}
-	#LookREFButton_jn {
+	#LookREFButton_lo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_jn {
+	.LookREFButton_lo {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_jo {
+	#SETButton_lp {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: SetREFStart___9_R___4.html;
 		cursor: pointer;
 	}
-	#SETButton_jp {
+	#SETButton_lq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_jp {
+	.SETButton_lq {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_jq {
+	#OKButton_lr {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#OKButton_jr {
+	#OKButton_ls {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_jr {
+	.OKButton_ls {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3258,63 @@ window.application = new Application();
 <div id="SetREFStart__9-R">
 	<img id="n_48" src="n_48.png" srcset="n_48.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_jg" class="BackButton">
-		<svg class="BackButton_jh">
-			<rect id="BackButton_jh" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_lb">
+		<ellipse id="n_25_lb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_lc">
+		<ellipse id="n_25_lc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26_ld">
+		<ellipse id="n_26_ld" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27_le">
+		<ellipse id="n_27_le" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28_lf">
+		<ellipse id="n_28_lf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_lg">
+		<ellipse id="n_29_lg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_lh" class="BackButton">
+		<svg class="BackButton_li">
+			<rect id="BackButton_li" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_ji" class="MoreButton">
-		<svg class="MoreButton_jj">
-			<rect id="MoreButton_jj" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_lj" class="MoreButton">
+		<svg class="MoreButton_lk">
+			<rect id="MoreButton_lk" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LengthButton_jk" class="LengthButton">
-		<svg class="LengthButton_jl">
-			<rect id="LengthButton_jl" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="LengthButton_ll" class="LengthButton">
+		<svg class="LengthButton_lm">
+			<rect id="LengthButton_lm" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_jm" class="LookREFButton">
-		<svg class="LookREFButton_jn">
-			<rect id="LookREFButton_jn" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_ln" class="LookREFButton">
+		<svg class="LookREFButton_lo">
+			<rect id="LookREFButton_lo" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_jo" class="SETButton">
-		<svg class="SETButton_jp">
-			<rect id="SETButton_jp" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_lp" class="SETButton">
+		<svg class="SETButton_lq">
+			<rect id="SETButton_lq" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_jq" class="OKButton">
-		<svg class="OKButton_jr">
-			<rect id="OKButton_jr" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_lr" class="OKButton">
+		<svg class="OKButton_ls">
+			<rect id="OKButton_ls" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_R_3_HELP.html b/public/flukemoni/Ex4/SetREFStart___9_R_3_HELP.html
old mode 100644
new mode 100755
index d755e2b..c676364
--- a/public/flukemoni/Ex4/SetREFStart___9_R_3_HELP.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_R_3_HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_lx {
+	#n_25_ok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_ok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_ol {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart_9_R_3.html;
 		cursor: pointer;
 	}
-	#BackButton_ly {
+	#BackButton_om {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ly {
+	.BackButton_om {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__9-R3-HELP">
 	<img id="n_36" src="n_36.png" srcset="n_36.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_lx" class="BackButton">
-		<svg class="BackButton_ly">
-			<rect id="BackButton_ly" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_ok">
+		<ellipse id="n_25_ok" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ol" class="BackButton">
+		<svg class="BackButton_om">
+			<rect id="BackButton_om" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_R___1.html b/public/flukemoni/Ex4/SetREFStart___9_R___1.html
old mode 100644
new mode 100755
index b801f83..1da4847
--- a/public/flukemoni/Ex4/SetREFStart___9_R___1.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_R___1.html
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_lb {
+	#n_25_nk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_nk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 599px;
+	}
+	#n_25_nl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_nl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 599px;
+	}
+	#n_26_nm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_nm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 600px;
+	}
+	#n_27_nn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_nn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 319px;
+	}
+	#n_28_no {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_no {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 51px;
+	}
+	#n_29_np {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_np {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 36px;
+		top: 549px;
+	}
+	#BackButton_nq {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#BackButton_lc {
+	#BackButton_nr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lc {
+	.BackButton_nr {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_k {
+	#MoreButton_ns {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: SetREFStart___9_R___HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_la {
+	#MoreButton_nt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_la {
+	.MoreButton_nt {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LengthButton_la {
+	#LengthButton_nu {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: SetREFStart___9_R.html;
 		cursor: pointer;
 	}
-	#LengthButton_lb {
+	#LengthButton_nv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_lb {
+	.LengthButton_nv {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_lc {
+	#LookREFButton_nw {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: SetREFStart_9_R_3.html;
 		cursor: pointer;
 	}
-	#LookREFButton_ld {
+	#LookREFButton_nx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_ld {
+	.LookREFButton_nx {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_le {
+	#SETButton_ny {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: SetREFStart___9_R___4.html;
 		cursor: pointer;
 	}
-	#SETButton_lf {
+	#SETButton_nz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_lf {
+	.SETButton_nz {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_lg {
+	#OKButton_n {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: SetREFStart___9.html;
 		cursor: pointer;
 	}
-	#OKButton_lh {
+	#OKButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_lh {
+	.OKButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3150,39 +3258,63 @@ window.application = new Application();
 <div id="SetREFStart__9-R__1">
 	<img id="n_49" src="n_49.png" srcset="n_49.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_lb" class="BackButton">
-		<svg class="BackButton_lc">
-			<rect id="BackButton_lc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_nk">
+		<ellipse id="n_25_nk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_nl">
+		<ellipse id="n_25_nl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_26_nm">
+		<ellipse id="n_26_nm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_27_nn">
+		<ellipse id="n_27_nn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_28_no">
+		<ellipse id="n_28_no" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_np">
+		<ellipse id="n_29_np" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_nq" class="BackButton">
+		<svg class="BackButton_nr">
+			<rect id="BackButton_nr" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_k" class="MoreButton">
-		<svg class="MoreButton_la">
-			<rect id="MoreButton_la" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_ns" class="MoreButton">
+		<svg class="MoreButton_nt">
+			<rect id="MoreButton_nt" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LengthButton_la" class="LengthButton">
-		<svg class="LengthButton_lb">
-			<rect id="LengthButton_lb" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="LengthButton_nu" class="LengthButton">
+		<svg class="LengthButton_nv">
+			<rect id="LengthButton_nv" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_lc" class="LookREFButton">
-		<svg class="LookREFButton_ld">
-			<rect id="LookREFButton_ld" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_nw" class="LookREFButton">
+		<svg class="LookREFButton_nx">
+			<rect id="LookREFButton_nx" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_le" class="SETButton">
-		<svg class="SETButton_lf">
-			<rect id="SETButton_lf" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_ny" class="SETButton">
+		<svg class="SETButton_nz">
+			<rect id="SETButton_nz" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_lg" class="OKButton">
-		<svg class="OKButton_lh">
-			<rect id="OKButton_lh" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_n" class="OKButton">
+		<svg class="OKButton_oa">
+			<rect id="OKButton_oa" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_R___4.html b/public/flukemoni/Ex4/SetREFStart___9_R___4.html
old mode 100644
new mode 100755
index c05cd51..96e79d4
--- a/public/flukemoni/Ex4/SetREFStart___9_R___4.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_R___4.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_l {
+	#n_25_oq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_oq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_or {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___9_R.html;
 		cursor: pointer;
 	}
-	#BackButton_ma {
+	#BackButton_os {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ma {
+	.BackButton_os {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__9-R__4">
 	<img id="n_37" src="n_37.png" srcset="n_37.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_l" class="BackButton">
-		<svg class="BackButton_ma">
-			<rect id="BackButton_ma" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_oq">
+		<ellipse id="n_25_oq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_or" class="BackButton">
+		<svg class="BackButton_os">
+			<rect id="BackButton_os" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/SetREFStart___9_R___HELP.html b/public/flukemoni/Ex4/SetREFStart___9_R___HELP.html
old mode 100644
new mode 100755
index e6b90fb..ea56b3e
--- a/public/flukemoni/Ex4/SetREFStart___9_R___HELP.html
+++ b/public/flukemoni/Ex4/SetREFStart___9_R___HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ll {
+	#n_25_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 52px;
+	}
+	#BackButton_n {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: SetREFStart___9_R___1.html;
 		cursor: pointer;
 	}
-	#BackButton_lm {
+	#BackButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lm {
+	.BackButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="SetREFStart__9-R__HELP">
 	<img id="n_34" src="n_34.png" srcset="n_34.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ll" class="BackButton">
-		<svg class="BackButton_lm">
-			<rect id="BackButton_lm" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_n">
+		<ellipse id="n_25_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_n" class="BackButton">
+		<svg class="BackButton_oa">
+			<rect id="BackButton_oa" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST.html b/public/flukemoni/Ex4/TEST.html
old mode 100644
new mode 100755
index fed8119..7d42cea
--- a/public/flukemoni/Ex4/TEST.html
+++ b/public/flukemoni/Ex4/TEST.html
@@ -53,7 +53,25 @@
 		--web-action-target: TEST_NoSave.html;
 		cursor: pointer;
 	}
-	#backbutton_ng {
+	#n_25_qh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_qh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 350px;
+		top: 484px;
+	}
+	#backbutton_qi {
 		position: absolute;
 		width: 62px;
 		height: 51px;
@@ -61,7 +79,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#backbutton_nh {
+	#backbutton_qj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_nh {
+	.backbutton_qj {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="TEST">
 	<img onclick="application.goToTargetView(event)" id="n_53" src="n_53.png" srcset="n_53.png 1x">
 		
-	<div id="backbutton_ng" class="backbutton">
-		<svg class="backbutton_nh">
-			<rect onclick="application.goToTargetView(event)" id="backbutton_nh" rx="0" ry="0" x="0" y="0" width="62" height="51">
+	<svg class="n_25_qh">
+		<ellipse id="n_25_qh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="backbutton_qi" class="backbutton">
+		<svg class="backbutton_qj">
+			<rect onclick="application.goToTargetView(event)" id="backbutton_qj" rx="0" ry="0" x="0" y="0" width="62" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_NoSave.html b/public/flukemoni/Ex4/TEST_NoSave.html
old mode 100644
new mode 100755
index b7e74b3..59b44dc
--- a/public/flukemoni/Ex4/TEST_NoSave.html
+++ b/public/flukemoni/Ex4/TEST_NoSave.html
@@ -48,7 +48,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#MoreButton_nl {
+	#n_25_qn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_qn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 20px;
+		top: 550px;
+	}
+	#n_25_qo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_qo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 214px;
+	}
+	#n_25_qp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_qp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 338px;
+	}
+	#n_20_qq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_qq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 599px;
+	}
+	#MoreButton_qr {
 		position: absolute;
 		width: 43px;
 		height: 33px;
@@ -56,7 +128,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_nm {
+	#MoreButton_qs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_nm {
+	.MoreButton_qs {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -79,7 +151,7 @@
 		--web-action-target: TEST_NoSave_HELP.html;
 		cursor: pointer;
 	}
-	#SaveButton_nn {
+	#SaveButton_qt {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -87,7 +159,7 @@
 		top: 584px;
 		overflow: visible;
 	}
-	#SaveButton_no {
+	#SaveButton_qu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -97,7 +169,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveButton_no {
+	.SaveButton_qu {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -118,7 +190,7 @@
 		top: 175px;
 		overflow: visible;
 	}
-	#Result-L_nq {
+	#Result-L_qw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +200,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-L_nq {
+	.Result-L_qw {
 		position: absolute;
 		overflow: visible;
 		width: 189px;
@@ -149,7 +221,7 @@
 		top: 299px;
 		overflow: visible;
 	}
-	#Result-R_ns {
+	#Result-R_qy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +231,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-R_ns {
+	.Result-R_qy {
 		position: absolute;
 		overflow: visible;
 		width: 189px;
@@ -3088,27 +3160,43 @@ window.application = new Application();
 <div id="TEST-NoSave">
 	<img id="n_56" src="n_56.png" srcset="n_56.png 1x">
 		
-	<div id="MoreButton_nl" class="MoreButton">
-		<svg class="MoreButton_nm">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_nm" rx="0" ry="0" x="0" y="0" width="43" height="33">
+	<svg class="n_25_qn">
+		<ellipse id="n_25_qn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_qo">
+		<ellipse id="n_25_qo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_qp">
+		<ellipse id="n_25_qp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_qq">
+		<ellipse id="n_20_qq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="MoreButton_qr" class="MoreButton">
+		<svg class="MoreButton_qs">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_qs" rx="0" ry="0" x="0" y="0" width="43" height="33">
 			</rect>
 		</svg>
 	</div>
-	<div id="SaveButton_nn" class="SaveButton">
-		<svg class="SaveButton_no">
-			<rect onclick="application.goToTargetView(event)" id="SaveButton_no" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div id="SaveButton_qt" class="SaveButton">
+		<svg class="SaveButton_qu">
+			<rect onclick="application.goToTargetView(event)" id="SaveButton_qu" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
 	<div id="Result-L" class="Result_L">
-		<svg class="Result-L_nq">
-			<rect onclick="application.goToTargetView(event)" id="Result-L_nq" rx="0" ry="0" x="0" y="0" width="189" height="100">
+		<svg class="Result-L_qw">
+			<rect onclick="application.goToTargetView(event)" id="Result-L_qw" rx="0" ry="0" x="0" y="0" width="189" height="100">
 			</rect>
 		</svg>
 	</div>
 	<div id="Result-R" class="Result_R">
-		<svg class="Result-R_ns">
-			<rect onclick="application.goToTargetView(event)" id="Result-R_ns" rx="0" ry="0" x="0" y="0" width="189" height="100">
+		<svg class="Result-R_qy">
+			<rect onclick="application.goToTargetView(event)" id="Result-R_qy" rx="0" ry="0" x="0" y="0" width="189" height="100">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_NoSave_HELP.html b/public/flukemoni/Ex4/TEST_NoSave_HELP.html
old mode 100644
new mode 100755
index 5edbeb5..f33ed56
--- a/public/flukemoni/Ex4/TEST_NoSave_HELP.html
+++ b/public/flukemoni/Ex4/TEST_NoSave_HELP.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_ph {
+	#n_25_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#backbutton_s {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +74,7 @@
 		top: 46px;
 		overflow: visible;
 	}
-	#backbutton_pi {
+	#backbutton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +84,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_pi {
+	.backbutton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="TEST-NoSave-HELP">
 	<img id="n_55" src="n_55.png" srcset="n_55.png 1x">
 		
-	<div id="backbutton_ph" class="backbutton">
-		<svg class="backbutton_pi">
-			<rect onclick="application.goToTargetView(event)" id="backbutton_pi" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_s">
+		<ellipse id="n_25_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="backbutton_s" class="backbutton">
+		<svg class="backbutton_ta">
+			<rect onclick="application.goToTargetView(event)" id="backbutton_ta" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_SaveResult.html b/public/flukemoni/Ex4/TEST_SaveResult.html
old mode 100644
new mode 100755
index b852288..49157d1
--- a/public/flukemoni/Ex4/TEST_SaveResult.html
+++ b/public/flukemoni/Ex4/TEST_SaveResult.html
@@ -48,7 +48,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#MoreButton_p {
+	#n_20_tx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_tx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 599px;
+	}
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 551px;
+	}
+	#n_25_tz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_tz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 214px;
+	}
+	#n_32_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 338px;
+	}
+	#MoreButton_t {
 		position: absolute;
 		width: 43px;
 		height: 33px;
@@ -56,7 +128,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#MoreButton_qa {
+	#MoreButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_qa {
+	.MoreButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +164,7 @@
 		--web-action-target: HOMEPAGE_SaveResult_x2.html;
 		cursor: pointer;
 	}
-	#MainBatton_p {
+	#MainBatton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MainBatton_p {
+	.MainBatton_t {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -110,7 +182,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Result-L_p {
+	#Result-L_t {
 		position: absolute;
 		width: 189px;
 		height: 100px;
@@ -118,7 +190,7 @@
 		top: 175px;
 		overflow: visible;
 	}
-	#Result-L_qa {
+	#Result-L_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +200,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-L_qa {
+	.Result-L_ua {
 		position: absolute;
 		overflow: visible;
 		width: 189px;
@@ -141,7 +213,7 @@
 		--web-action-target: SaveResult_TestResult_L.html;
 		cursor: pointer;
 	}
-	#Result-R_qa {
+	#Result-R_t {
 		position: absolute;
 		width: 189px;
 		height: 100px;
@@ -149,7 +221,7 @@
 		top: 299px;
 		overflow: visible;
 	}
-	#Result-R_qb {
+	#Result-R_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -159,7 +231,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-R_qb {
+	.Result-R_ua {
 		position: absolute;
 		overflow: visible;
 		width: 189px;
@@ -3088,27 +3160,43 @@ window.application = new Application();
 <div id="TEST-SaveResult">
 	<img id="n_67" src="n_67.png" srcset="n_67.png 1x">
 		
-	<div id="MoreButton_p" class="MoreButton">
-		<svg class="MoreButton_qa">
-			<rect onclick="application.goToTargetView(event)" id="MoreButton_qa" rx="0" ry="0" x="0" y="0" width="43" height="33">
+	<svg class="n_20_tx">
+		<ellipse id="n_20_tx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_tz">
+		<ellipse id="n_25_tz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_t">
+		<ellipse id="n_32_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="MoreButton_t" class="MoreButton">
+		<svg class="MoreButton_ua">
+			<rect onclick="application.goToTargetView(event)" id="MoreButton_ua" rx="0" ry="0" x="0" y="0" width="43" height="33">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="MainBatton" class="MainBatton">
-		<svg class="MainBatton_p">
-			<rect id="MainBatton_p" rx="0" ry="0" x="0" y="0" width="63" height="50">
+		<svg class="MainBatton_t">
+			<rect id="MainBatton_t" rx="0" ry="0" x="0" y="0" width="63" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div id="Result-L_p" class="Result_L">
-		<svg class="Result-L_qa">
-			<rect onclick="application.goToTargetView(event)" id="Result-L_qa" rx="0" ry="0" x="0" y="0" width="189" height="100">
+	<div id="Result-L_t" class="Result_L">
+		<svg class="Result-L_ua">
+			<rect onclick="application.goToTargetView(event)" id="Result-L_ua" rx="0" ry="0" x="0" y="0" width="189" height="100">
 			</rect>
 		</svg>
 	</div>
-	<div id="Result-R_qa" class="Result_R">
-		<svg class="Result-R_qb">
-			<rect onclick="application.goToTargetView(event)" id="Result-R_qb" rx="0" ry="0" x="0" y="0" width="189" height="100">
+	<div id="Result-R_t" class="Result_R">
+		<svg class="Result-R_ua">
+			<rect onclick="application.goToTargetView(event)" id="Result-R_ua" rx="0" ry="0" x="0" y="0" width="189" height="100">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_SaveResult_HELP.html b/public/flukemoni/Ex4/TEST_SaveResult_HELP.html
old mode 100644
new mode 100755
index 055a595..0c432ad
--- a/public/flukemoni/Ex4/TEST_SaveResult_HELP.html
+++ b/public/flukemoni/Ex4/TEST_SaveResult_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_55_qe {
+	#n_55_ub {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_qf {
+	#n_25_uc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_uc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#backbutton_ud {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TEST_SaveResult.html;
 		cursor: pointer;
 	}
-	#backbutton_qg {
+	#backbutton_ue {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_qg {
+	.backbutton_ue {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TEST-SaveResult-HELP">
-	<img id="n_55_qe" src="n_55_qe.png" srcset="n_55_qe.png 1x">
+	<img id="n_55_ub" src="n_55_ub.png" srcset="n_55_ub.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_qf" class="backbutton">
-		<svg class="backbutton_qg">
-			<rect id="backbutton_qg" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_uc">
+		<ellipse id="n_25_uc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_ud" class="backbutton">
+		<svg class="backbutton_ue">
+			<rect id="backbutton_ue" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_TOSaveResult.html b/public/flukemoni/Ex4/TEST_TOSaveResult.html
old mode 100644
new mode 100755
index 2107a87..5ec933a
--- a/public/flukemoni/Ex4/TEST_TOSaveResult.html
+++ b/public/flukemoni/Ex4/TEST_TOSaveResult.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_pm {
+	#n_20_tb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_tb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 599px;
+	}
+	#n_25_tc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_tc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 260px;
+	}
+	#backbutton_td {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +92,7 @@
 		top: 46px;
 		overflow: visible;
 	}
-	#backbutton_pn {
+	#backbutton_te {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +102,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_pn {
+	.backbutton_te {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -82,7 +118,7 @@
 		top: 250px;
 		overflow: visible;
 	}
-	#ReplaceButton_pp {
+	#ReplaceButton_tg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -92,7 +128,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReplaceButton_pp {
+	.ReplaceButton_tg {
 		position: absolute;
 		overflow: visible;
 		width: 51px;
@@ -113,7 +149,7 @@
 		top: 583px;
 		overflow: visible;
 	}
-	#Savebutton_pr {
+	#Savebutton_ti {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -123,7 +159,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Savebutton_pr {
+	.Savebutton_ti {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3052,21 +3088,29 @@ window.application = new Application();
 <div id="TEST-TOSaveResult">
 	<img id="n_57" src="n_57.png" srcset="n_57.png 1x">
 		
-	<div id="backbutton_pm" class="backbutton">
-		<svg class="backbutton_pn">
-			<rect id="backbutton_pn" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_20_tb">
+		<ellipse id="n_20_tb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_25_tc">
+		<ellipse id="n_25_tc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="backbutton_td" class="backbutton">
+		<svg class="backbutton_te">
+			<rect id="backbutton_te" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
 	<div id="ReplaceButton" class="ReplaceButton">
-		<svg class="ReplaceButton_pp">
-			<rect onclick="application.goToTargetView(event)" id="ReplaceButton_pp" rx="0" ry="0" x="0" y="0" width="51" height="42">
+		<svg class="ReplaceButton_tg">
+			<rect onclick="application.goToTargetView(event)" id="ReplaceButton_tg" rx="0" ry="0" x="0" y="0" width="51" height="42">
 			</rect>
 		</svg>
 	</div>
 	<div id="Savebutton" class="Savebutton">
-		<svg class="Savebutton_pr">
-			<rect onclick="application.goToTargetView(event)" id="Savebutton_pr" rx="0" ry="0" x="0" y="0" width="61" height="53">
+		<svg class="Savebutton_ti">
+			<rect onclick="application.goToTargetView(event)" id="Savebutton_ti" rx="0" ry="0" x="0" y="0" width="61" height="53">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TEST_TOSaveResult2.html b/public/flukemoni/Ex4/TEST_TOSaveResult2.html
old mode 100644
new mode 100755
index 0a42e28..0311062
--- a/public/flukemoni/Ex4/TEST_TOSaveResult2.html
+++ b/public/flukemoni/Ex4/TEST_TOSaveResult2.html
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_pv {
+	#n_25_tm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_tm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 260px;
+	}
+	#n_20_tn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_tn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#backbutton_to {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -56,7 +92,7 @@
 		top: 46px;
 		overflow: visible;
 	}
-	#backbutton_pw {
+	#backbutton_tp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -66,7 +102,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_pw {
+	.backbutton_tp {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -74,7 +110,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReplaceButton_px {
+	#ReplaceButton_tq {
 		position: absolute;
 		width: 51px;
 		height: 42px;
@@ -82,7 +118,7 @@
 		top: 250px;
 		overflow: visible;
 	}
-	#ReplaceButton_py {
+	#ReplaceButton_tr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -92,7 +128,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReplaceButton_py {
+	.ReplaceButton_tr {
 		position: absolute;
 		overflow: visible;
 		width: 51px;
@@ -105,7 +141,7 @@
 		--web-action-target: TEST_TOSaveResult.html;
 		cursor: pointer;
 	}
-	#Savebutton_pz {
+	#Savebutton_ts {
 		position: absolute;
 		width: 61px;
 		height: 53px;
@@ -113,7 +149,7 @@
 		top: 583px;
 		overflow: visible;
 	}
-	#Savebutton_p {
+	#Savebutton_tt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -123,7 +159,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Savebutton_p {
+	.Savebutton_tt {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3052,21 +3088,29 @@ window.application = new Application();
 <div id="TEST-TOSaveResult2">
 	<img id="n_58" src="n_58.png" srcset="n_58.png 1x">
 		
-	<div id="backbutton_pv" class="backbutton">
-		<svg class="backbutton_pw">
-			<rect id="backbutton_pw" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_25_tm">
+		<ellipse id="n_25_tm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_tn">
+		<ellipse id="n_20_tn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="backbutton_to" class="backbutton">
+		<svg class="backbutton_tp">
+			<rect id="backbutton_tp" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div id="ReplaceButton_px" class="ReplaceButton">
-		<svg class="ReplaceButton_py">
-			<rect onclick="application.goToTargetView(event)" id="ReplaceButton_py" rx="0" ry="0" x="0" y="0" width="51" height="42">
+	<div id="ReplaceButton_tq" class="ReplaceButton">
+		<svg class="ReplaceButton_tr">
+			<rect onclick="application.goToTargetView(event)" id="ReplaceButton_tr" rx="0" ry="0" x="0" y="0" width="51" height="42">
 			</rect>
 		</svg>
 	</div>
-	<div id="Savebutton_pz" class="Savebutton">
-		<svg class="Savebutton_p">
-			<rect onclick="application.goToTargetView(event)" id="Savebutton_p" rx="0" ry="0" x="0" y="0" width="61" height="53">
+	<div id="Savebutton_ts" class="Savebutton">
+		<svg class="Savebutton_tt">
+			<rect onclick="application.goToTargetView(event)" id="Savebutton_tt" rx="0" ry="0" x="0" y="0" width="61" height="53">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_Have.html b/public/flukemoni/Ex4/TestResult_Have.html
old mode 100644
new mode 100755
index 662bd37..873eb93
--- a/public/flukemoni/Ex4/TestResult_Have.html
+++ b/public/flukemoni/Ex4/TestResult_Have.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_75_vq {
+	#n_75_b {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,6 +48,60 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_18_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_22_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 352px;
+		top: 273px;
+	}
+	#n_23_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 352px;
+		top: 217px;
+	}
 	#Test-01 {
 		position: absolute;
 		width: 480px;
@@ -61,7 +115,7 @@
 		--web-action-target: TestResult_TEST_01.html;
 		cursor: pointer;
 	}
-	#Test-01_vs {
+	#Test-01_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +125,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Test-01_vs {
+	.Test-01_g {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -92,7 +146,7 @@
 		--web-action-target: TestResult_TEST_02.html;
 		cursor: pointer;
 	}
-	#Test-02_vu {
+	#Test-02_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Test-02_vu {
+	.Test-02_i {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -110,7 +164,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_vv {
+	#BackButton_e {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -123,7 +177,7 @@
 		--web-action-target: HOMEPAGE_SaveResult_x2.html;
 		cursor: pointer;
 	}
-	#BackButton_vw {
+	#BackButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +187,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_vw {
+	.BackButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -3055,23 +3109,35 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-Have">
-	<img id="n_75_vq" src="n_75_vq.png" srcset="n_75_vq.png 1x">
+	<img id="n_75_b" src="n_75_b.png" srcset="n_75_b.png 1x">
 		
+	<svg class="n_18_c">
+		<ellipse id="n_18_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_d">
+		<ellipse id="n_22_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_e">
+		<ellipse id="n_23_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="Test-01" class="Test_01">
-		<svg class="Test-01_vs">
-			<rect id="Test-01_vs" rx="0" ry="0" x="0" y="0" width="480" height="56">
+		<svg class="Test-01_g">
+			<rect id="Test-01_g" rx="0" ry="0" x="0" y="0" width="480" height="56">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Test-02" class="Test_02">
-		<svg class="Test-02_vu">
-			<rect id="Test-02_vu" rx="0" ry="0" x="0" y="0" width="480" height="56">
+		<svg class="Test-02_i">
+			<rect id="Test-02_i" rx="0" ry="0" x="0" y="0" width="480" height="56">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_vv" class="BackButton">
-		<svg class="BackButton_vw">
-			<rect id="BackButton_vw" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<div onclick="application.goToTargetView(event)" id="BackButton_e" class="BackButton">
+		<svg class="BackButton_f">
+			<rect id="BackButton_f" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_NULL.html b/public/flukemoni/Ex4/TestResult_NULL.html
old mode 100644
new mode 100755
index 335675d..f318cc0
--- a/public/flukemoni/Ex4/TestResult_NULL.html
+++ b/public/flukemoni/Ex4/TestResult_NULL.html
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_vm {
+	#n_18_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_ {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_vn {
+	#BackButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_vn {
+	.BackButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2995,9 +3013,13 @@ window.application = new Application();
 <div id="TestResult-NULL">
 	<img id="n_75" src="n_75.png" srcset="n_75.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_vm" class="BackButton">
-		<svg class="BackButton_vn">
-			<rect id="BackButton_vn" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_">
+		<ellipse id="n_18_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_" class="BackButton">
+		<svg class="BackButton_d">
+			<rect id="BackButton_d" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01.html b/public/flukemoni/Ex4/TestResult_TEST_01.html
old mode 100644
new mode 100755
index 96f4c20..bd6cc61
--- a/public/flukemoni/Ex4/TestResult_TEST_01.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01.html
@@ -48,7 +48,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_v {
+	#n_18_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 550px;
+	}
+	#n_18_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 362px;
+		top: 213px;
+	}
+	#backbutton_r {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +115,7 @@
 		--web-action-target: TestResult_Have.html;
 		cursor: pointer;
 	}
-	#backbutton_wa {
+	#backbutton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +125,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_wa {
+	.backbutton_t {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +133,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_v {
+	#MoreButton_u {
 		position: absolute;
 		width: 43px;
 		height: 33px;
@@ -92,7 +146,7 @@
 		--web-action-target: TestResult_TEST_01_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_wa {
+	#MoreButton_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_wa {
+	.MoreButton_v {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -123,7 +177,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#Result-01Button_v {
+	#Result-01Button_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +187,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-01Button_v {
+	.Result-01Button_w {
 		position: absolute;
 		overflow: visible;
 		width: 192px;
@@ -3057,21 +3111,33 @@ window.application = new Application();
 <div id="TestResult-TEST-01">
 	<img id="n_76" src="n_76.png" srcset="n_76.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_v" class="backbutton">
-		<svg class="backbutton_wa">
-			<rect id="backbutton_wa" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_o">
+		<ellipse id="n_18_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_s">
+		<ellipse id="n_18_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_t">
+		<ellipse id="n_18_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_r" class="backbutton">
+		<svg class="backbutton_t">
+			<rect id="backbutton_t" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_v" class="MoreButton">
-		<svg class="MoreButton_wa">
-			<rect id="MoreButton_wa" rx="0" ry="0" x="0" y="0" width="43" height="33">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_u" class="MoreButton">
+		<svg class="MoreButton_v">
+			<rect id="MoreButton_v" rx="0" ry="0" x="0" y="0" width="43" height="33">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Result-01Button" class="Result_01Button">
-		<svg class="Result-01Button_v">
-			<rect id="Result-01Button_v" rx="0" ry="0" x="0" y="0" width="192" height="97">
+		<svg class="Result-01Button_w">
+			<rect id="Result-01Button_w" rx="0" ry="0" x="0" y="0" width="192" height="97">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_01_HELP.html
old mode 100644
new mode 100755
index 062158d..84dddbd
--- a/public/flukemoni/Ex4/TestResult_TEST_01_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_55_zn {
+	#n_55_h {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_zo {
+	#n_18_bbb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bbb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#backbutton_j {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_01.html;
 		cursor: pointer;
 	}
-	#backbutton_zp {
+	#backbutton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_zp {
+	.backbutton_k {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-HELP">
-	<img id="n_55_zn" src="n_55_zn.png" srcset="n_55_zn.png 1x">
+	<img id="n_55_h" src="n_55_h.png" srcset="n_55_h.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_zo" class="backbutton">
-		<svg class="backbutton_zp">
-			<rect id="backbutton_zp" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bbb">
+		<ellipse id="n_18_bbb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_j" class="backbutton">
+		<svg class="backbutton_k">
+			<rect id="backbutton_k" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result.html
old mode 100644
new mode 100755
index 93a7eea..f968ee0
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_68_wm {
+	#n_68_h {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,114 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wn {
+	#n_18_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_u {
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 361px;
+	}
+	#BackButton_bac {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +168,7 @@
 		--web-action-target: TestResult_TEST_01.html;
 		cursor: pointer;
 	}
-	#BackButton_wo {
+	#BackButton_bad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +178,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wo {
+	.BackButton_bad {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +186,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_wp {
+	#MoreButton_q {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +199,7 @@
 		--web-action-target: TestResult_TEST_01_Result_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_wq {
+	#MoreButton_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +209,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_wq {
+	.MoreButton_s {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +217,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LengthButton_wr {
+	#LengthButton_s {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +230,7 @@
 		--web-action-target: TestResult_TEST_01_Result_Length.html;
 		cursor: pointer;
 	}
-	#LengthButton_ws {
+	#LengthButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_ws {
+	.LengthButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_wt {
+	#LookREFButton_v {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +261,7 @@
 		--web-action-target: TestResult_TEST_01_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREFButton_wu {
+	#LookREFButton_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +271,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_wu {
+	.LookREFButton_x {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +279,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_wv {
+	#SETButton_x {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +292,7 @@
 		--web-action-target: TestResult_TEST_01_Result_Setting.html;
 		cursor: pointer;
 	}
-	#SETButton_ww {
+	#SETButton_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +302,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_ww {
+	.SETButton_z {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +310,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_wx {
+	#OKButton_y {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +323,7 @@
 		--web-action-target: TestResult_TEST_01.html;
 		cursor: pointer;
 	}
-	#OKButton_wy {
+	#OKButton_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +333,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_wy {
+	.OKButton_z {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3148,41 +3255,65 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result">
-	<img id="n_68_wm" src="n_68_wm.png" srcset="n_68_wm.png 1x">
+	<img id="n_68_h" src="n_68_h.png" srcset="n_68_h.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wn" class="BackButton">
-		<svg class="BackButton_wo">
-			<rect id="BackButton_wo" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_j">
+		<ellipse id="n_18_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_k">
+		<ellipse id="n_18_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_l">
+		<ellipse id="n_18_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_m">
+		<ellipse id="n_18_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_n">
+		<ellipse id="n_18_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_u">
+		<ellipse id="n_18_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bac" class="BackButton">
+		<svg class="BackButton_bad">
+			<rect id="BackButton_bad" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_wp" class="MoreButton">
-		<svg class="MoreButton_wq">
-			<rect id="MoreButton_wq" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_q" class="MoreButton">
+		<svg class="MoreButton_s">
+			<rect id="MoreButton_s" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LengthButton_wr" class="LengthButton">
-		<svg class="LengthButton_ws">
-			<rect id="LengthButton_ws" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="LengthButton_s" class="LengthButton">
+		<svg class="LengthButton_t">
+			<rect id="LengthButton_t" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_wt" class="LookREFButton">
-		<svg class="LookREFButton_wu">
-			<rect id="LookREFButton_wu" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_v" class="LookREFButton">
+		<svg class="LookREFButton_x">
+			<rect id="LookREFButton_x" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_wv" class="SETButton">
-		<svg class="SETButton_ww">
-			<rect id="SETButton_ww" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_x" class="SETButton">
+		<svg class="SETButton_z">
+			<rect id="SETButton_z" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_wx" class="OKButton">
-		<svg class="OKButton_wy">
-			<rect id="OKButton_wy" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_y" class="OKButton">
+		<svg class="OKButton_z">
+			<rect id="OKButton_z" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_HELP.html
old mode 100644
new mode 100755
index e708fc9..751dccc
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_wh {
+	#n_63_b {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wi {
+	#n_18_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_baa {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_wj {
+	#BackButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wj {
+	.BackButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-HELP">
-	<img id="n_63_wh" src="n_63_wh.png" srcset="n_63_wh.png 1x">
+	<img id="n_63_b" src="n_63_b.png" srcset="n_63_b.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wi" class="BackButton">
-		<svg class="BackButton_wj">
-			<rect id="BackButton_wj" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_i">
+		<ellipse id="n_18_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_baa" class="BackButton">
+		<svg class="BackButton_bab">
+			<rect id="BackButton_bab" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length.html
old mode 100644
new mode 100755
index 0df3e8e..56d065b
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_69_xq {
+	#n_69_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_xr {
+	#n_18_bah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_bai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_baj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_bak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_bal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_bam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 405px;
+		top: 320px;
+	}
+	#BackButton_bak {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_xs {
+	#BackButton_bal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xs {
+	.BackButton_bal {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_xt {
+	#MoreButton_f {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: TestResult_TEST_01_Result_Length_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_xu {
+	#MoreButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_xu {
+	.MoreButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#R-MButton_xv {
+	#R-MButton_a {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#R-MButton_xw {
+	#R-MButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_xw {
+	.R-MButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_xx {
+	#LookREFButton_c {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: TestResult_TEST_01_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREFButton_xy {
+	#LookREFButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_xy {
+	.LookREFButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_xz {
+	#SETButton_e {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: TestResult_TEST_01_Result_Setting.html;
 		cursor: pointer;
 	}
-	#SETButton_x {
+	#SETButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_x {
+	.SETButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_x {
+	#OKButton_g {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: TestResult_TEST_01.html;
 		cursor: pointer;
 	}
-	#OKButton_ya {
+	#OKButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_ya {
+	.OKButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3148,41 +3256,65 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-Length">
-	<img id="n_69_xq" src="n_69_xq.png" srcset="n_69_xq.png 1x">
+	<img id="n_69_z" src="n_69_z.png" srcset="n_69_z.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_xr" class="BackButton">
-		<svg class="BackButton_xs">
-			<rect id="BackButton_xs" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bah">
+		<ellipse id="n_18_bah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bai">
+		<ellipse id="n_18_bai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_baj">
+		<ellipse id="n_18_baj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bak">
+		<ellipse id="n_18_bak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bal">
+		<ellipse id="n_18_bal" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bam">
+		<ellipse id="n_18_bam" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bak" class="BackButton">
+		<svg class="BackButton_bal">
+			<rect id="BackButton_bal" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_xt" class="MoreButton">
-		<svg class="MoreButton_xu">
-			<rect id="MoreButton_xu" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_f" class="MoreButton">
+		<svg class="MoreButton_g">
+			<rect id="MoreButton_g" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="R-MButton_xv" class="R_MButton">
-		<svg class="R-MButton_xw">
-			<rect id="R-MButton_xw" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="R-MButton_a" class="R_MButton">
+		<svg class="R-MButton_b">
+			<rect id="R-MButton_b" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_xx" class="LookREFButton">
-		<svg class="LookREFButton_xy">
-			<rect id="LookREFButton_xy" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_c" class="LookREFButton">
+		<svg class="LookREFButton_d">
+			<rect id="LookREFButton_d" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_xz" class="SETButton">
-		<svg class="SETButton_x">
-			<rect id="SETButton_x" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_e" class="SETButton">
+		<svg class="SETButton_f">
+			<rect id="SETButton_f" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_x" class="OKButton">
-		<svg class="OKButton_ya">
-			<rect id="OKButton_ya" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_g" class="OKButton">
+		<svg class="OKButton_h">
+			<rect id="OKButton_h" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length_HELP.html
old mode 100644
new mode 100755
index c513d03..a289285
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_xl {
+	#n_63_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_xm {
+	#n_18_bag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_bai {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_01_Result_Length.html;
 		cursor: pointer;
 	}
-	#BackButton_xn {
+	#BackButton_baj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xn {
+	.BackButton_baj {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-Length-HELP">
-	<img id="n_63_xl" src="n_63_xl.png" srcset="n_63_xl.png 1x">
+	<img id="n_63_t" src="n_63_t.png" srcset="n_63_t.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_xm" class="BackButton">
-		<svg class="BackButton_xn">
-			<rect id="BackButton_xn" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bag">
+		<ellipse id="n_18_bag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bai" class="BackButton">
+		<svg class="BackButton_baj">
+			<rect id="BackButton_baj" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF.html
old mode 100644
new mode 100755
index a4f0289..42279bf
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_61_yu {
+	#n_61_h {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_yv {
+	#n_18_bav {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bav {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_baw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 27px;
+		top: 545px;
+	}
+	#BackButton_bas {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_yw {
+	#BackButton_bat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_yw {
+	.BackButton_bat {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_yx {
+	#MoreButton_m {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestResult_TEST_01_Result_LookREF_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_yy {
+	#MoreButton_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_yy {
+	.MoreButton_n {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-LookREF">
-	<img id="n_61_yu" src="n_61_yu.png" srcset="n_61_yu.png 1x">
+	<img id="n_61_h" src="n_61_h.png" srcset="n_61_h.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_yv" class="BackButton">
-		<svg class="BackButton_yw">
-			<rect id="BackButton_yw" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bav">
+		<ellipse id="n_18_bav" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_baw">
+		<ellipse id="n_18_baw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bas" class="BackButton">
+		<svg class="BackButton_bat">
+			<rect id="BackButton_bat" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_yx" class="MoreButton">
-		<svg class="MoreButton_yy">
-			<rect id="MoreButton_yy" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_m" class="MoreButton">
+		<svg class="MoreButton_n">
+			<rect id="MoreButton_n" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF_HELP.html
old mode 100644
new mode 100755
index 2909194..9c91374
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_LookREF_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_64_yp {
+	#n_64_b {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_yq {
+	#n_18_bau {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bau {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_baq {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_01_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#BackButton_yr {
+	#BackButton_bar {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_yr {
+	.BackButton_bar {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-LookREF-HELP">
-	<img id="n_64_yp" src="n_64_yp.png" srcset="n_64_yp.png 1x">
+	<img id="n_64_b" src="n_64_b.png" srcset="n_64_b.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_yq" class="BackButton">
-		<svg class="BackButton_yr">
-			<rect id="BackButton_yr" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bau">
+		<ellipse id="n_18_bau" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_baq" class="BackButton">
+		<svg class="BackButton_bar">
+			<rect id="BackButton_bar" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Setting.html b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Setting.html
old mode 100644
new mode 100755
index 4a08002..39a390c
--- a/public/flukemoni/Ex4/TestResult_TEST_01_Result_Setting.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_01_Result_Setting.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_73_zd {
+	#n_73_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ze {
+	#n_18_ba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_bay {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_01_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_zf {
+	#BackButton_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zf {
+	.BackButton_baz {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-01-Result-Setting">
-	<img id="n_73_zd" src="n_73_zd.png" srcset="n_73_zd.png 1x">
+	<img id="n_73_" src="n_73_.png" srcset="n_73_.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ze" class="BackButton">
-		<svg class="BackButton_zf">
-			<rect id="BackButton_zf" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_ba">
+		<ellipse id="n_18_ba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bay" class="BackButton">
+		<svg class="BackButton_baz">
+			<rect id="BackButton_baz" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02.html b/public/flukemoni/Ex4/TestResult_TEST_02.html
old mode 100644
new mode 100755
index 06da863..269159a
--- a/public/flukemoni/Ex4/TestResult_TEST_02.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02.html
@@ -48,7 +48,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_wb {
+	#n_18_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 550px;
+	}
+	#n_18_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 362px;
+		top: 338px;
+	}
+	#backbutton_ {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +115,7 @@
 		--web-action-target: TestResult_Have.html;
 		cursor: pointer;
 	}
-	#backbutton_wc {
+	#backbutton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +125,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_wc {
+	.backbutton_a {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +133,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_wb {
+	#MoreButton_ {
 		position: absolute;
 		width: 43px;
 		height: 33px;
@@ -92,7 +146,7 @@
 		--web-action-target: TestResult_TEST_02_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_wc {
+	#MoreButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_wc {
+	.MoreButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -123,7 +177,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#Result-02Button_we {
+	#Result-02Button_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +187,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Result-02Button_we {
+	.Result-02Button_ {
 		position: absolute;
 		overflow: visible;
 		width: 192px;
@@ -3057,21 +3111,33 @@ window.application = new Application();
 <div id="TestResult-TEST-02">
 	<img id="n_77" src="n_77.png" srcset="n_77.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_wb" class="backbutton">
-		<svg class="backbutton_wc">
-			<rect id="backbutton_wc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_a">
+		<ellipse id="n_18_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_b">
+		<ellipse id="n_18_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_d">
+		<ellipse id="n_18_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_" class="backbutton">
+		<svg class="backbutton_a">
+			<rect id="backbutton_a" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_wb" class="MoreButton">
-		<svg class="MoreButton_wc">
-			<rect id="MoreButton_wc" rx="0" ry="0" x="0" y="0" width="43" height="33">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_" class="MoreButton">
+		<svg class="MoreButton_b">
+			<rect id="MoreButton_b" rx="0" ry="0" x="0" y="0" width="43" height="33">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Result-02Button" class="Result_02Button">
-		<svg class="Result-02Button_we">
-			<rect id="Result-02Button_we" rx="0" ry="0" x="0" y="0" width="192" height="97">
+		<svg class="Result-02Button_">
+			<rect id="Result-02Button_" rx="0" ry="0" x="0" y="0" width="192" height="97">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_02_HELP.html
old mode 100644
new mode 100755
index 413b71f..3656d3e
--- a/public/flukemoni/Ex4/TestResult_TEST_02_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_55_zs {
+	#n_55_n {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_zt {
+	#n_18_bbc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bbc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#backbutton_p {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_02.html;
 		cursor: pointer;
 	}
-	#backbutton_zu {
+	#backbutton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_zu {
+	.backbutton_q {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-HELP">
-	<img id="n_55_zs" src="n_55_zs.png" srcset="n_55_zs.png 1x">
+	<img id="n_55_n" src="n_55_n.png" srcset="n_55_n.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_zt" class="backbutton">
-		<svg class="backbutton_zu">
-			<rect id="backbutton_zu" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bbc">
+		<ellipse id="n_18_bbc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_p" class="backbutton">
+		<svg class="backbutton_q">
+			<rect id="backbutton_q" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result.html
old mode 100644
new mode 100755
index ec86385..e3838c9
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_70_w {
+	#n_70_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_w {
+	#n_18_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_bac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_bad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_bae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 360px;
+	}
+	#BackButton_bae {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: TestResult_TEST_02.html;
 		cursor: pointer;
 	}
-	#BackButton_xa {
+	#BackButton_baf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xa {
+	.BackButton_baf {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +187,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_w {
+	#MoreButton_c {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +200,7 @@
 		--web-action-target: TestResult_TEST_02_Result_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_xa {
+	#MoreButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_xa {
+	.MoreButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LengthButton_w {
+	#LengthButton_d {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: TestResult_TEST_02_Result_Length.html;
 		cursor: pointer;
 	}
-	#LengthButton_xa {
+	#LengthButton_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_xa {
+	.LengthButton_e {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_w {
+	#LookREFButton_f {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: TestResult_TEST_02_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREFButton_xa {
+	#LookREFButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_xa {
+	.LookREFButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_xa {
+	#SETButton_h {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: TestResult_TEST_02_Result_Setting.html;
 		cursor: pointer;
 	}
-	#SETButton_xb {
+	#SETButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_xb {
+	.SETButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_xc {
+	#OKButton_j {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: TestResult_TEST_02.html;
 		cursor: pointer;
 	}
-	#OKButton_xd {
+	#OKButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_xd {
+	.OKButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3148,41 +3256,65 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result">
-	<img id="n_70_w" src="n_70_w.png" srcset="n_70_w.png 1x">
+	<img id="n_70_" src="n_70_.png" srcset="n_70_.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_w" class="BackButton">
-		<svg class="BackButton_xa">
-			<rect id="BackButton_xa" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_y">
+		<ellipse id="n_18_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_baa">
+		<ellipse id="n_18_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bab">
+		<ellipse id="n_18_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bac">
+		<ellipse id="n_18_bac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bad">
+		<ellipse id="n_18_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bae">
+		<ellipse id="n_18_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bae" class="BackButton">
+		<svg class="BackButton_baf">
+			<rect id="BackButton_baf" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_w" class="MoreButton">
-		<svg class="MoreButton_xa">
-			<rect id="MoreButton_xa" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_c" class="MoreButton">
+		<svg class="MoreButton_d">
+			<rect id="MoreButton_d" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LengthButton_w" class="LengthButton">
-		<svg class="LengthButton_xa">
-			<rect id="LengthButton_xa" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="LengthButton_d" class="LengthButton">
+		<svg class="LengthButton_e">
+			<rect id="LengthButton_e" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_w" class="LookREFButton">
-		<svg class="LookREFButton_xa">
-			<rect id="LookREFButton_xa" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_f" class="LookREFButton">
+		<svg class="LookREFButton_g">
+			<rect id="LookREFButton_g" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_xa" class="SETButton">
-		<svg class="SETButton_xb">
-			<rect id="SETButton_xb" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_h" class="SETButton">
+		<svg class="SETButton_i">
+			<rect id="SETButton_i" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_xc" class="OKButton">
-		<svg class="OKButton_xd">
-			<rect id="OKButton_xd" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_j" class="OKButton">
+		<svg class="OKButton_l">
+			<rect id="OKButton_l" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_HELP.html
old mode 100644
new mode 100755
index 2a79700..44eabff
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_xg {
+	#n_63_n {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_xh {
+	#n_18_baf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_bag {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_xi {
+	#BackButton_bah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xi {
+	.BackButton_bah {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-HELP">
-	<img id="n_63_xg" src="n_63_xg.png" srcset="n_63_xg.png 1x">
+	<img id="n_63_n" src="n_63_n.png" srcset="n_63_n.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_xh" class="BackButton">
-		<svg class="BackButton_xi">
-			<rect id="BackButton_xi" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_baf">
+		<ellipse id="n_18_baf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bag" class="BackButton">
+		<svg class="BackButton_bah">
+			<rect id="BackButton_bah" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length.html
old mode 100644
new mode 100755
index 68cb266..595e1e2
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_71_x {
+	#n_71_k {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_x {
+	#n_18_ban {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ban {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_bao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 41px;
+		top: 600px;
+	}
+	#n_18_bap {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bap {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 240px;
+		top: 599px;
+	}
+	#n_18_baq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 599px;
+	}
+	#n_18_bar {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bar {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 30px;
+		top: 549px;
+	}
+	#n_18_bas {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bas {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 405px;
+		top: 320px;
+	}
+	#BackButton_bam {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +169,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_ya {
+	#BackButton_ban {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +179,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ya {
+	.BackButton_ban {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -92,7 +200,7 @@
 		--web-action-target: TestResult_TEST_02_Result_Length_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_ya {
+	#MoreButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ya {
+	.MoreButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#R-MButton_ya {
+	#R-MButton_v {
 		position: absolute;
 		width: 149px;
 		height: 37px;
@@ -123,7 +231,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#R-MButton_yb {
+	#R-MButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -133,7 +241,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.R-MButton_yb {
+	.R-MButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 149px;
@@ -141,7 +249,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LookREFButton_yc {
+	#LookREFButton_z {
 		position: absolute;
 		width: 101px;
 		height: 52px;
@@ -154,7 +262,7 @@
 		--web-action-target: TestResult_TEST_02_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#LookREFButton_yd {
+	#LookREFButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -164,7 +272,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LookREFButton_yd {
+	.LookREFButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 101px;
@@ -172,7 +280,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SETButton_ye {
+	#SETButton_ {
 		position: absolute;
 		width: 61px;
 		height: 52px;
@@ -185,7 +293,7 @@
 		--web-action-target: TestResult_TEST_02_Result_Setting.html;
 		cursor: pointer;
 	}
-	#SETButton_yf {
+	#SETButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -195,7 +303,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SETButton_yf {
+	.SETButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -203,7 +311,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#OKButton_yg {
+	#OKButton_ {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -216,7 +324,7 @@
 		--web-action-target: TestResult_TEST_02.html;
 		cursor: pointer;
 	}
-	#OKButton_yh {
+	#OKButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -226,7 +334,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_yh {
+	.OKButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3148,41 +3256,65 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-Length">
-	<img id="n_71_x" src="n_71_x.png" srcset="n_71_x.png 1x">
+	<img id="n_71_k" src="n_71_k.png" srcset="n_71_k.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_x" class="BackButton">
-		<svg class="BackButton_ya">
-			<rect id="BackButton_ya" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_ban">
+		<ellipse id="n_18_ban" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bao">
+		<ellipse id="n_18_bao" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bap">
+		<ellipse id="n_18_bap" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_baq">
+		<ellipse id="n_18_baq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bar">
+		<ellipse id="n_18_bar" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bas">
+		<ellipse id="n_18_bas" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bam" class="BackButton">
+		<svg class="BackButton_ban">
+			<rect id="BackButton_ban" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="MoreButton_x" class="MoreButton">
-		<svg class="MoreButton_ya">
-			<rect id="MoreButton_ya" rx="0" ry="0" x="0" y="0" width="44" height="32">
+		<svg class="MoreButton_h">
+			<rect id="MoreButton_h" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="R-MButton_ya" class="R_MButton">
-		<svg class="R-MButton_yb">
-			<rect id="R-MButton_yb" rx="0" ry="0" x="0" y="0" width="149" height="37">
+	<div onclick="application.goToTargetView(event)" id="R-MButton_v" class="R_MButton">
+		<svg class="R-MButton_w">
+			<rect id="R-MButton_w" rx="0" ry="0" x="0" y="0" width="149" height="37">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LookREFButton_yc" class="LookREFButton">
-		<svg class="LookREFButton_yd">
-			<rect id="LookREFButton_yd" rx="0" ry="0" x="0" y="0" width="101" height="52">
+	<div onclick="application.goToTargetView(event)" id="LookREFButton_z" class="LookREFButton">
+		<svg class="LookREFButton_">
+			<rect id="LookREFButton_" rx="0" ry="0" x="0" y="0" width="101" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SETButton_ye" class="SETButton">
-		<svg class="SETButton_yf">
-			<rect id="SETButton_yf" rx="0" ry="0" x="0" y="0" width="61" height="52">
+	<div onclick="application.goToTargetView(event)" id="SETButton_" class="SETButton">
+		<svg class="SETButton_a">
+			<rect id="SETButton_a" rx="0" ry="0" x="0" y="0" width="61" height="52">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="OKButton_yg" class="OKButton">
-		<svg class="OKButton_yh">
-			<rect id="OKButton_yh" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="OKButton_" class="OKButton">
+		<svg class="OKButton_a">
+			<rect id="OKButton_a" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length_HELP.html
old mode 100644
new mode 100755
index 5e999ae..39b25f6
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Length_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_63_yk {
+	#n_63_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_yl {
+	#n_18_bat {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bat {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_bao {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_02_Result_Length.html;
 		cursor: pointer;
 	}
-	#BackButton_ym {
+	#BackButton_bap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ym {
+	.BackButton_bap {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-Length-HELP">
-	<img id="n_63_yk" src="n_63_yk.png" srcset="n_63_yk.png 1x">
+	<img id="n_63_" src="n_63_.png" srcset="n_63_.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_yl" class="BackButton">
-		<svg class="BackButton_ym">
-			<rect id="BackButton_ym" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bat">
+		<ellipse id="n_18_bat" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bao" class="BackButton">
+		<svg class="BackButton_bap">
+			<rect id="BackButton_bap" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF.html
old mode 100644
new mode 100755
index 0ebc8b7..3596697
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_61_y {
+	#n_61_q {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_y {
+	#n_18_bax {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bax {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_bay {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bay {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 545px;
+	}
+	#BackButton_bau {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +97,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_za {
+	#BackButton_bav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +107,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_za {
+	.BackButton_bav {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -79,7 +115,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_y {
+	#MoreButton_i {
 		position: absolute;
 		width: 44px;
 		height: 32px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestResult_TEST_02_Result_LookREF_HELP.html;
 		cursor: pointer;
 	}
-	#MoreButton_za {
+	#MoreButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_za {
+	.MoreButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 44px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-LookREF">
-	<img id="n_61_y" src="n_61_y.png" srcset="n_61_y.png 1x">
+	<img id="n_61_q" src="n_61_q.png" srcset="n_61_q.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_y" class="BackButton">
-		<svg class="BackButton_za">
-			<rect id="BackButton_za" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bax">
+		<ellipse id="n_18_bax" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_bay">
+		<ellipse id="n_18_bay" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bau" class="BackButton">
+		<svg class="BackButton_bav">
+			<rect id="BackButton_bav" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_y" class="MoreButton">
-		<svg class="MoreButton_za">
-			<rect id="MoreButton_za" rx="0" ry="0" x="0" y="0" width="44" height="32">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_i" class="MoreButton">
+		<svg class="MoreButton_j">
+			<rect id="MoreButton_j" rx="0" ry="0" x="0" y="0" width="44" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF_HELP.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF_HELP.html
old mode 100644
new mode 100755
index 26a0ba4..ed410bd
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF_HELP.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_LookREF_HELP.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_64_y {
+	#n_64_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zb {
+	#n_18_baz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_baz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_baw {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_02_Result_LookREF.html;
 		cursor: pointer;
 	}
-	#BackButton_zc {
+	#BackButton_bax {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zc {
+	.BackButton_bax {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-LookREF-HELP">
-	<img id="n_64_y" src="n_64_y.png" srcset="n_64_y.png 1x">
+	<img id="n_64_" src="n_64_.png" srcset="n_64_.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zb" class="BackButton">
-		<svg class="BackButton_zc">
-			<rect id="BackButton_zc" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_baz">
+		<ellipse id="n_18_baz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_baw" class="BackButton">
+		<svg class="BackButton_bax">
+			<rect id="BackButton_bax" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Setting.html b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Setting.html
old mode 100644
new mode 100755
index 41f4f54..15dfb1c
--- a/public/flukemoni/Ex4/TestResult_TEST_02_Result_Setting.html
+++ b/public/flukemoni/Ex4/TestResult_TEST_02_Result_Setting.html
@@ -40,7 +40,7 @@
 		}
 	
 	}
-	#n_72_zi {
+	#n_72_b {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -48,7 +48,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zj {
+	#n_18_bba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_bba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#BackButton_ba {
 		position: absolute;
 		width: 53px;
 		height: 31px;
@@ -61,7 +79,7 @@
 		--web-action-target: TestResult_TEST_02_Result.html;
 		cursor: pointer;
 	}
-	#BackButton_zk {
+	#BackButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -71,7 +89,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zk {
+	.BackButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -2993,11 +3011,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="TestResult-TEST-02-Result-Setting">
-	<img id="n_72_zi" src="n_72_zi.png" srcset="n_72_zi.png 1x">
+	<img id="n_72_b" src="n_72_b.png" srcset="n_72_b.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zj" class="BackButton">
-		<svg class="BackButton_zk">
-			<rect id="BackButton_zk" rx="0" ry="0" x="0" y="0" width="53" height="31">
+	<svg class="n_18_bba">
+		<ellipse id="n_18_bba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ba" class="BackButton">
+		<svg class="BackButton_bba">
+			<rect id="BackButton_bba" rx="0" ry="0" x="0" y="0" width="53" height="31">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/_NewTest_FiberType.html b/public/flukemoni/Ex4/_NewTest_FiberType.html
old mode 100644
new mode 100755
index 55c5947..825ff09
--- a/public/flukemoni/Ex4/_NewTest_FiberType.html
+++ b/public/flukemoni/Ex4/_NewTest_FiberType.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_ei {
+	#n_18_ew {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ew {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_21 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_21 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#backbutton_ey {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#backbutton_ej {
+	#backbutton_ez {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_ej {
+	.backbutton_ez {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -3018,9 +3054,17 @@ window.application = new Application();
 <div id="n_NewTest-FiberType">
 	<img id="n_4" src="n_4.png" srcset="n_4.png 1x, n_4@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_ei" class="backbutton">
-		<svg class="backbutton_ej">
-			<rect id="backbutton_ej" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_ew">
+		<ellipse id="n_18_ew" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_21">
+		<ellipse id="n_21" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_ey" class="backbutton">
+		<svg class="backbutton_ez">
+			<rect id="backbutton_ez" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/_NewTest_FiberType_Currency.html b/public/flukemoni/Ex4/_NewTest_FiberType_Currency.html
old mode 100644
new mode 100755
index 58cc926..2a245ad
--- a/public/flukemoni/Ex4/_NewTest_FiberType_Currency.html
+++ b/public/flukemoni/Ex4/_NewTest_FiberType_Currency.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_e {
+	#n_18_fm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_fn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 367px;
+		top: 272px;
+	}
+	#backbutton_fo {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: _NewTest_FiberType_More.html;
 		cursor: pointer;
 	}
-	#backbutton_fa {
+	#backbutton_fp {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_fa {
+	.backbutton_fp {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -92,7 +128,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#OM3Button_e {
+	#OM3Button_fr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OM3Button_e {
+	.OM3Button_fr {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-FiberType-Currency">
 	<img id="n_7" src="n_7.png" srcset="n_7.png 1x, n_7@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_e" class="backbutton">
-		<svg class="backbutton_fa">
-			<rect id="backbutton_fa" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_fm">
+		<ellipse id="n_18_fm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_fn">
+		<ellipse id="n_18_fn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_fo" class="backbutton">
+		<svg class="backbutton_fp">
+			<rect id="backbutton_fp" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="OM3Button" class="OM3Button">
-		<svg class="OM3Button_e">
-			<rect id="OM3Button_e" rx="0" ry="0" x="0" y="0" width="480" height="52">
+		<svg class="OM3Button_fr">
+			<rect id="OM3Button_fr" rx="0" ry="0" x="0" y="0" width="480" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/_NewTest_FiberType_More.html b/public/flukemoni/Ex4/_NewTest_FiberType_More.html
old mode 100644
new mode 100755
index e69de29..5b57966
--- a/public/flukemoni/Ex4/_NewTest_FiberType_More.html
+++ b/public/flukemoni/Ex4/_NewTest_FiberType_More.html
@@ -0,0 +1,3087 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>-NewTest-FiberType-More</title>
+<style id="applicationStylesheet" type="text/css">
+	.mediaViewInfo {
+		--web-view-name: -NewTest-FiberType-More;
+		--web-view-id: n_NewTest-FiberType-More;
+		--web-scale-on-resize: true;
+		--web-enable-deep-linking: true;
+	}
+	:root {
+		--web-view-ids: n_NewTest-FiberType-More;
+	}
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+		border: none;
+	}
+	#n_NewTest-FiberType-More {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		background-color: rgba(255,255,255,1);
+		overflow: hidden;
+		--web-view-name: -NewTest-FiberType-More;
+		--web-view-id: n_NewTest-FiberType-More;
+		--web-scale-on-resize: true;
+		--web-enable-deep-linking: true;
+	}
+	@keyframes fadein {
+	
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	
+	}
+	#n_6 {
+		position: absolute;
+		width: 480px;
+		height: 640px;
+		left: 0px;
+		top: 0px;
+		overflow: visible;
+	}
+	#n_18_fd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_fe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 359px;
+		top: 273px;
+	}
+	#backbutton_ff {
+		opacity: 0;
+		position: absolute;
+		width: 53px;
+		height: 32px;
+		left: 18px;
+		top: 46px;
+		overflow: visible;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: _NewTest_FiberType.html;
+		cursor: pointer;
+	}
+	#backbutton_fg {
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.backbutton_fg {
+		position: absolute;
+		overflow: visible;
+		width: 53px;
+		height: 32px;
+		left: 0px;
+		top: 0px;
+	}
+	#currencybutton {
+		position: absolute;
+		width: 480px;
+		height: 56px;
+		left: 0px;
+		top: 256px;
+		overflow: visible;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: _NewTest_FiberType_Currency.html;
+		cursor: pointer;
+	}
+	#currencybutton_fi {
+		opacity: 0;
+		fill: rgba(255,255,255,1);
+		stroke: rgba(112,112,112,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.currencybutton_fi {
+		position: absolute;
+		overflow: visible;
+		width: 480px;
+		height: 56px;
+		left: 0px;
+		top: 0px;
+	}
+</style>
+<script id="applicationScript">
+///////////////////////////////////////
+// INITIALIZATION
+///////////////////////////////////////
+
+/**
+ * Functionality for scaling, showing by media query, and navigation between multiple pages on a single page. 
+ * Code subject to change.
+ **/
+
+if (window.console==null) { window["console"] = { log : function() {} } }; // some browsers do not set console
+
+var Application = function() {
+	// event constants
+	this.prefix = "--web-";
+	this.NAVIGATION_CHANGE = "viewChange";
+	this.VIEW_NOT_FOUND = "viewNotFound";
+	this.VIEW_CHANGE = "viewChange";
+	this.VIEW_CHANGING = "viewChanging";
+	this.STATE_NOT_FOUND = "stateNotFound";
+	this.APPLICATION_COMPLETE = "applicationComplete";
+	this.APPLICATION_RESIZE = "applicationResize";
+	this.SIZE_STATE_NAME = "data-is-view-scaled";
+	this.STATE_NAME = this.prefix + "state";
+
+	this.lastTrigger = null;
+	this.lastView = null;
+	this.lastState = null;
+	this.lastOverlay = null;
+	this.currentView = null;
+	this.currentState = null;
+	this.currentOverlay = null;
+	this.currentQuery = {index: 0, rule: null, mediaText: null, id: null};
+	this.inclusionQuery = "(min-width: 0px)";
+	this.exclusionQuery = "none and (min-width: 99999px)";
+	this.LastModifiedDateLabelName = "LastModifiedDateLabel";
+	this.viewScaleSliderId = "ViewScaleSliderInput";
+	this.pageRefreshedName = "showPageRefreshedNotification";
+	this.application = null;
+	this.applicationStylesheet = null;
+	this.showByMediaQuery = null;
+	this.mediaQueryDictionary = {};
+	this.viewsDictionary = {};
+	this.addedViews = [];
+	this.viewStates = [];
+	this.views = [];
+	this.viewIds = [];
+	this.viewQueries = {};
+	this.overlays = {};
+	this.overlayIds = [];
+	this.numberOfViews = 0;
+	this.verticalPadding = 0;
+	this.horizontalPadding = 0;
+	this.stateName = null;
+	this.viewScale = 1;
+	this.viewLeft = 0;
+	this.viewTop = 0;
+	this.horizontalScrollbarsNeeded = false;
+	this.verticalScrollbarsNeeded = false;
+
+	// view settings
+	this.showUpdateNotification = false;
+	this.showNavigationControls = false;
+	this.scaleViewsToFit = false;
+	this.scaleToFitOnDoubleClick = false;
+	this.actualSizeOnDoubleClick = false;
+	this.scaleViewsOnResize = false;
+	this.navigationOnKeypress = false;
+	this.showViewName = false;
+	this.enableDeepLinking = true;
+	this.refreshPageForChanges = false;
+	this.showRefreshNotifications = true;
+
+	// view controls
+	this.scaleViewSlider = null;
+	this.lastModifiedLabel = null;
+	this.supportsPopState = false; // window.history.pushState!=null;
+	this.initialized = false;
+
+	// refresh properties
+	this.refreshDuration = 250;
+	this.lastModifiedDate = null;
+	this.refreshRequest = null;
+	this.refreshInterval = null;
+	this.refreshContent = null;
+	this.refreshContentSize = null;
+	this.refreshCheckContent = false;
+	this.refreshCheckContentSize = false;
+
+	var self = this;
+
+	self.initialize = function(event) {
+		var view = self.getVisibleView();
+		var views = self.getVisibleViews();
+		if (view==null) view = self.getInitialView();
+		self.collectViews();
+		self.collectOverlays();
+		self.collectMediaQueries();
+
+		for (let index = 0; index < views.length; index++) {
+			var view = views[index];
+			self.setViewOptions(view);
+			self.setViewVariables(view);
+			self.centerView(view);
+		}
+
+		// sometimes the body size is 0 so we call this now and again later
+		if (self.initialized) {
+			window.addEventListener(self.NAVIGATION_CHANGE, self.viewChangeHandler);
+			window.addEventListener("keyup", self.keypressHandler);
+			window.addEventListener("keypress", self.keypressHandler);
+			window.addEventListener("resize", self.resizeHandler);
+			window.document.addEventListener("dblclick", self.doubleClickHandler);
+
+			if (self.supportsPopState) {
+				window.addEventListener('popstate', self.popStateHandler);
+			}
+			else {
+				window.addEventListener('hashchange', self.hashChangeHandler);
+			}
+
+			// we are ready to go
+			window.dispatchEvent(new Event(self.APPLICATION_COMPLETE));
+		}
+
+		if (self.initialized==false) {
+			if (self.enableDeepLinking) {
+				self.syncronizeViewToURL();
+			} 
+	
+			if (self.refreshPageForChanges) {
+				self.setupRefreshForChanges();
+			}
+	
+			self.initialized = true;
+		}
+		
+		if (self.scaleViewsToFit) {
+			self.viewScale = self.scaleViewToFit(view);
+			
+			if (self.viewScale<0) {
+				setTimeout(self.scaleViewToFit, 500, view);
+			}
+		}
+		else if (view) {
+			self.viewScale = self.getViewScaleValue(view);
+			self.centerView(view);
+			self.updateSliderValue(self.viewScale);
+		}
+		else {
+			// no view found
+		}
+	
+		if (self.showUpdateNotification) {
+			self.showNotification();
+		}
+
+		//"addEventListener" in window ? null : window.addEventListener = window.attachEvent;
+		//"addEventListener" in document ? null : document.addEventListener = document.attachEvent;
+	}
+
+
+	///////////////////////////////////////
+	// AUTO REFRESH 
+	///////////////////////////////////////
+
+	self.setupRefreshForChanges = function() {
+		self.refreshRequest = new XMLHttpRequest();
+
+		if (!self.refreshRequest) {
+			return false;
+		}
+
+		// get document start values immediately
+		self.requestRefreshUpdate();
+	}
+
+	/**
+	 * Attempt to check the last modified date by the headers 
+	 * or the last modified property from the byte array (experimental)
+	 **/
+	self.requestRefreshUpdate = function() {
+		var url = document.location.href;
+		var protocol = window.location.protocol;
+		var method;
+		
+		try {
+
+			if (self.refreshCheckContentSize) {
+				self.refreshRequest.open('HEAD', url, true);
+			}
+			else if (self.refreshCheckContent) {
+				self.refreshContent = document.documentElement.outerHTML;
+				self.refreshRequest.open('GET', url, true);
+				self.refreshRequest.responseType = "text";
+			}
+			else {
+
+				// get page last modified date for the first call to compare to later
+				if (self.lastModifiedDate==null) {
+
+					// File system does not send headers in FF so get blob if possible
+					if (protocol=="file:") {
+						self.refreshRequest.open("GET", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+					else {
+						self.refreshRequest.open("HEAD", url, true);
+						self.refreshRequest.responseType = "blob";
+					}
+
+					self.refreshRequest.onload = self.refreshOnLoadOnceHandler;
+
+					// In some browsers (Chrome & Safari) this error occurs at send: 
+					// 
+					// Chrome - Access to XMLHttpRequest at 'file:///index.html' from origin 'null' 
+					// has been blocked by CORS policy: 
+					// Cross origin requests are only supported for protocol schemes: 
+					// http, data, chrome, chrome-extension, https.
+					// 
+					// Safari - XMLHttpRequest cannot load file:///Users/user/Public/index.html. Cross origin requests are only supported for HTTP.
+					// 
+					// Solution is to run a local server, set local permissions or test in another browser
+					self.refreshRequest.send(null);
+
+					// In MS browsers the following behavior occurs possibly due to an AJAX call to check last modified date: 
+					// 
+					// DOM7011: The code on this page disabled back and forward caching.
+
+					// In Brave (Chrome) error when on the server
+					// index.js:221 HEAD https://www.example.com/ net::ERR_INSUFFICIENT_RESOURCES
+					// self.refreshRequest.send(null);
+
+				}
+				else {
+					self.refreshRequest = new XMLHttpRequest();
+					self.refreshRequest.onreadystatechange = self.refreshHandler;
+					self.refreshRequest.ontimeout = function() {
+						self.log("Couldn't find page to check for updates");
+					}
+					
+					var method;
+					if (protocol=="file:") {
+						method = "GET";
+					}
+					else {
+						method = "HEAD";
+					}
+
+					//refreshRequest.open('HEAD', url, true);
+					self.refreshRequest.open(method, url, true);
+					self.refreshRequest.responseType = "blob";
+					self.refreshRequest.send(null);
+				}
+			}
+		}
+		catch (error) {
+			self.log("Refresh failed for the following reason:")
+			self.log(error);
+		}
+	}
+
+	self.refreshHandler = function() {
+		var contentSize;
+
+		try {
+
+			if (self.refreshRequest.readyState === XMLHttpRequest.DONE) {
+				
+				if (self.refreshRequest.status === 2 || 
+					self.refreshRequest.status === 200) {
+					var pageChanged = false;
+
+					self.updateLastModifiedLabel();
+
+					if (self.refreshCheckContentSize) {
+						var lastModifiedHeader = self.refreshRequest.getResponseHeader("Last-Modified");
+						contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+						//lastModifiedDate = refreshRequest.getResponseHeader("Last-Modified");
+						var headers = self.refreshRequest.getAllResponseHeaders();
+						var hasContentHeader = headers.indexOf("Content-Length")!=-1;
+						
+						if (hasContentHeader) {
+							contentSize = self.refreshRequest.getResponseHeader("Content-Length");
+
+							// size has not been set yet
+							if (self.refreshContentSize==null) {
+								self.refreshContentSize = contentSize;
+								// exit and let interval call this method again
+								return;
+							}
+
+							if (contentSize!=self.refreshContentSize) {
+								pageChanged = true;
+							}
+						}
+					}
+					else if (self.refreshCheckContent) {
+
+						if (self.refreshRequest.responseText!=self.refreshContent) {
+							pageChanged = true;
+						}
+					}
+					else {
+						lastModifiedHeader = self.getLastModified(self.refreshRequest);
+
+						if (self.lastModifiedDate!=lastModifiedHeader) {
+							self.log("lastModifiedDate:" + self.lastModifiedDate + ",lastModifiedHeader:" +lastModifiedHeader);
+							pageChanged = true;
+						}
+
+					}
+
+					
+					if (pageChanged) {
+						clearInterval(self.refreshInterval);
+						self.refreshUpdatedPage();
+						return;
+					}
+
+				}
+				else {
+					self.log('There was a problem with the request.');
+				}
+
+			}
+		}
+		catch( error ) {
+			//console.log('Caught Exception: ' + error);
+		}
+	}
+
+	self.refreshOnLoadOnceHandler = function(event) {
+
+		// get the last modified date
+		if (self.refreshRequest.response) {
+			self.lastModifiedDate = self.getLastModified(self.refreshRequest);
+
+			if (self.lastModifiedDate!=null) {
+
+				if (self.refreshInterval==null) {
+					self.refreshInterval = setInterval(self.requestRefreshUpdate, self.refreshDuration);
+				}
+			}
+			else {
+				self.log("Could not get last modified date from the server");
+			}
+		}
+	}
+
+	self.refreshUpdatedPage = function() {
+		if (self.showRefreshNotifications) {
+			var date = new Date().setTime((new Date().getTime()+10000));
+			document.cookie = encodeURIComponent(self.pageRefreshedName) + "=true" + "; max-age=6000;" + " path=/";
+		}
+
+		document.location.reload(true);
+	}
+
+	self.showNotification = function(duration) {
+		var notificationID = self.pageRefreshedName+"ID";
+		var notification = document.getElementById(notificationID);
+		if (duration==null) duration = 4000;
+
+		if (notification!=null) {return;}
+
+		notification = document.createElement("div");
+		notification.id = notificationID;
+		notification.textContent = "PAGE UPDATED";
+		var styleRule = ""
+		styleRule = "position: fixed; padding: 7px 16px 6px 16px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; left: 50%;";
+		styleRule += "top: 20px; background-color: rgba(0,0,0,.5); border-radius: 12px; color:rgb(235, 235, 235); transition: all 2s linear;";
+		styleRule += "transform: translateX(-50%); letter-spacing: .5px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .1)); cursor: pointer";
+		notification.setAttribute("style", styleRule);
+
+		notification.className = "PageRefreshedClass";
+		notification.addEventListener("click", function() {
+			notification.parentNode.removeChild(notification);
+		});
+		
+		document.body.appendChild(notification);
+
+		setTimeout(function() {
+			notification.style.opacity = "0";
+			notification.style.filter = "drop-shadow( 0px 0px 0px rgba(0,0,0, .5))";
+			setTimeout(function() {
+				try {
+					notification.parentNode.removeChild(notification);
+				} catch(error) {}
+			}, duration)
+		}, duration);
+
+		document.cookie = encodeURIComponent(self.pageRefreshedName) + "=; max-age=1; path=/";
+	}
+
+	/**
+	 * Get the last modified date from the header 
+	 * or file object after request has been received
+	 **/
+	self.getLastModified = function(request) {
+		var date;
+
+		// file protocol - FILE object with last modified property
+		if (request.response && request.response.lastModified) {
+			date = request.response.lastModified;
+		}
+		
+		// http protocol - check headers
+		if (date==null) {
+			date = request.getResponseHeader("Last-Modified");
+		}
+
+		return date;
+	}
+
+	self.updateLastModifiedLabel = function() {
+		var labelValue = "";
+		
+		if (self.lastModifiedLabel==null) {
+			self.lastModifiedLabel = document.getElementById("LastModifiedLabel");
+		}
+
+		if (self.lastModifiedLabel) {
+			var seconds = parseInt(((new Date().getTime() - Date.parse(document.lastModified)) / 1000 / 60) * 100 + "");
+			var minutes = 0;
+			var hours = 0;
+
+			if (seconds < 60) {
+				seconds = Math.floor(seconds/10)*10;
+				labelValue = seconds + " seconds";
+			}
+			else {
+				minutes = parseInt((seconds/60) + "");
+
+				if (minutes>60) {
+					hours = parseInt((seconds/60/60) +"");
+					labelValue += hours==1 ? " hour" : " hours";
+				}
+				else {
+					labelValue = minutes+"";
+					labelValue += minutes==1 ? " minute" : " minutes";
+				}
+			}
+			
+			if (seconds<10) {
+				labelValue = "Updated now";
+			}
+			else {
+				labelValue = "Updated " + labelValue + " ago";
+			}
+
+			if (self.lastModifiedLabel.firstElementChild) {
+				self.lastModifiedLabel.firstElementChild.textContent = labelValue;
+
+			}
+			else if ("textContent" in self.lastModifiedLabel) {
+				self.lastModifiedLabel.textContent = labelValue;
+			}
+		}
+	}
+
+	self.getShortString = function(string, length) {
+		if (length==null) length = 30;
+		string = string!=null ? string.substr(0, length).replace(/\n/g, "") : "[String is null]";
+		return string;
+	}
+
+	self.getShortNumber = function(value, places) {
+		if (places==null || places<1) places = 4;
+		value = Math.round(value * Math.pow(10,places)) / Math.pow(10, places);
+		return value;
+	}
+
+	///////////////////////////////////////
+	// NAVIGATION CONTROLS
+	///////////////////////////////////////
+
+	self.updateViewLabel = function() {
+		var viewNavigationLabel = document.getElementById("ViewNavigationLabel");
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+		var viewName = view ? self.getViewPreferenceValue(view, self.prefix + "view-name") : null;
+		var viewId = view ? view.id : null;
+
+		if (viewNavigationLabel && view) {
+			if (viewName && viewName.indexOf('"')!=-1) {
+				viewName = viewName.replace(/"/g, "");
+			}
+
+			if (self.showViewName) {
+				viewNavigationLabel.textContent = viewName;
+				self.setTooltip(viewNavigationLabel, viewIndex + 1 + " of " + self.numberOfViews);
+			}
+			else {
+				viewNavigationLabel.textContent = viewIndex + 1 + " of " + self.numberOfViews;
+				self.setTooltip(viewNavigationLabel, viewName);
+			}
+
+		}
+	}
+
+	self.updateURL = function(view) {
+		view = view == null ? self.getVisibleView() : view;
+		var viewId = view ? view.id : null
+		var viewFragment = view ? "#"+ viewId : null;
+
+		if (viewId && self.viewIds.length>1 && self.enableDeepLinking) {
+
+			if (self.supportsPopState==false) {
+				self.setFragment(viewId);
+			}
+			else {
+				if (viewFragment!=window.location.hash) {
+
+					if (window.location.hash==null) {
+						window.history.replaceState({name:viewId}, null, viewFragment);
+					}
+					else {
+						window.history.pushState({name:viewId}, null, viewFragment);
+					}
+				}
+			}
+		}
+	}
+
+	self.updateURLState = function(view, stateName) {
+		stateName = view && (stateName=="" || stateName==null) ? self.getStateNameByViewId(view.id) : stateName;
+
+		if (self.supportsPopState==false) {
+			self.setFragment(stateName);
+		}
+		else {
+			if (stateName!=window.location.hash) {
+
+				if (window.location.hash==null) {
+					window.history.replaceState({name:view.viewId}, null, stateName);
+				}
+				else {
+					window.history.pushState({name:view.viewId}, null, stateName);
+				}
+			}
+		}
+	}
+
+	self.setFragment = function(value) {
+		window.location.hash = "#" + value;
+	}
+
+	self.setTooltip = function(element, value) {
+		// setting the tooltip in edge causes a page crash on hover
+		if (/Edge/.test(navigator.userAgent)) { return; }
+
+		if ("title" in element) {
+			element.title = value;
+		}
+	}
+
+	self.getStylesheetRules = function(styleSheet) {
+		try {
+			if (styleSheet) return styleSheet.cssRules || styleSheet.rules;
+	
+			return document.styleSheets[0]["cssRules"] || document.styleSheets[0]["rules"];
+		}
+		catch (error) {
+			// ERRORS:
+			// SecurityError: The operation is insecure.
+			// Errors happen when script loads before stylesheet or loading an external css locally
+
+			// InvalidAccessError: A parameter or an operation is not supported by the underlying object
+			// Place script after stylesheet
+
+			console.log(error);
+			if (error.toString().indexOf("The operation is insecure")!=-1) {
+				console.log("Load the stylesheet before the script or load the stylesheet inline until it can be loaded on a server")
+			}
+			return [];
+		}
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {Number} selectedIndex if provided shows the view at index provided
+	 **/
+	self.hideViews = function(selectedIndex, animation) {
+		var rules = self.getStylesheetRules();
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			var cssText = rule && rule.cssText;
+
+			if (rule.media!=null && cssText.match("--web-view-name:")) {
+
+				if (queryIndex==selectedIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = selectedIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+				}
+				else {
+					if (animation) {
+						self.fadeOut(rule)
+					}
+					else {
+						self.disableMediaQuery(rule);
+					}
+				}
+				
+				queryIndex++;
+			}
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+
+		self.dispatchViewChange();
+
+		var view = self.getVisibleView();
+		var viewIndex = view ? self.getViewIndex(view) : -1;
+
+		return viewIndex==selectedIndex ? view : null;
+	}
+
+	/**
+	 * If single page application hide all of the views. 
+	 * @param {HTMLElement} selectedView if provided shows the view passed in
+	 **/
+	 self.hideAllViews = function(selectedView, animation) {
+		var views = self.views;
+		var queryIndex = 0;
+		var numberOfViews = views!=null ? views.length : 0;
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfViews;i++) {
+			var viewData = views[i];
+			var view = viewData && viewData.view;
+			var mediaRule = viewData && viewData.mediaRule;
+			
+			if (view==selectedView) {
+				self.currentQuery.mediaText = mediaRule.conditionText;
+				self.currentQuery.index = queryIndex;
+				self.currentQuery.rule = mediaRule;
+				self.enableMediaQuery(mediaRule);
+			}
+			else {
+				if (animation) {
+					self.fadeOut(mediaRule)
+				}
+				else {
+					self.disableMediaQuery(mediaRule);
+				}
+			}
+			
+			queryIndex++;
+		}
+
+		self.numberOfViews = queryIndex;
+		self.updateViewLabel();
+		self.updateURL();
+		self.dispatchViewChange();
+
+		var visibleView = self.getVisibleView();
+
+		return visibleView==selectedView ? selectedView : null;
+	}
+
+	/**
+	 * Hide view
+	 * @param {Object} view element to hide
+	 **/
+	self.hideView = function(view) {
+		var rule = view ? self.mediaQueryDictionary[view.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+		}
+	}
+
+	/**
+	 * Hide overlay
+	 * @param {Object} overlay element to hide
+	 **/
+	self.hideOverlay = function(overlay) {
+		var rule = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+
+		if (rule) {
+			self.disableMediaQuery(rule);
+
+			//if (self.showByMediaQuery) {
+				overlay.style.display = "none";
+			//}
+		}
+	}
+
+	/**
+	 * Show the view by media query. Does not hide current views
+	 * Sets view options by default
+	 * @param {Object} view element to show
+	 * @param {Boolean} setViewOptions sets view options if null or true
+	 */
+	self.showViewByMediaQuery = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var isOverlay = view ? self.isOverlay(view) : false;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+
+			if (isOverlay && view && setViewOptions) {
+				self.setViewVariables(null, view);
+			}
+			else {
+				if (view && setViewOptions) self.setViewOptions(view);
+				if (view && setViewOptions) self.setViewVariables(view);
+			}
+		}
+	}
+
+	/**
+	 * Show the view. Does not hide current views
+	 */
+	self.showView = function(view, setViewOptions) {
+		var id = view ? view.id : null;
+		var query = id ? self.mediaQueryDictionary[id] : null;
+		var display = null;
+		setViewOptions = setViewOptions==null ? true : setViewOptions;
+
+		if (query) {
+			self.enableMediaQuery(query);
+			if (view==null) view =self.getVisibleView();
+			if (view && setViewOptions) self.setViewOptions(view);
+		}
+		else if (id) {
+			display = window.getComputedStyle(view).getPropertyValue("display");
+			if (display=="" || display=="none") {
+				view.style.display = "block";
+			}
+		}
+
+		if (view) {
+			if (self.currentView!=null) {
+				self.lastView = self.currentView;
+			}
+
+			self.currentView = view;
+		}
+	}
+
+	self.showViewById = function(id, setViewOptions) {
+		var view = id ? self.getViewById(id) : null;
+
+		if (view) {
+			self.showView(view);
+			return;
+		}
+
+		self.log("View not found '" + id + "'");
+	}
+
+	self.getElementView = function(element) {
+		var view = element;
+		var viewFound = false;
+
+		while (viewFound==false || view==null) {
+			if (view && self.viewsDictionary[view.id]) {
+				return view;
+			}
+			view = view.parentNode;
+		}
+	}
+
+	/**
+	 * Show overlay over view
+	 * @param {Event | HTMLElement} event event or html element with styles applied
+	 * @param {String} id id of view or view reference
+	 * @param {Number} x x location
+	 * @param {Number} y y location
+	 */
+	self.showOverlay = function(event, id, x, y) {
+		var overlay = id && typeof id === 'string' ? self.getViewById(id) : id ? id : null;
+		var query = overlay ? self.mediaQueryDictionary[overlay.id] : null;
+		var centerHorizontally = false;
+		var centerVertically = false;
+		var anchorLeft = false;
+		var anchorTop = false;
+		var anchorRight = false;
+		var anchorBottom = false;
+		var display = null;
+		var reparent = true;
+		var view = null;
+		
+		if (overlay==null || overlay==false) {
+			self.log("Overlay not found, '"+ id + "'");
+			return;
+		}
+
+		// get enter animation - event target must have css variables declared
+		if (event) {
+			var button = event.currentTarget || event; // can be event or htmlelement
+			var buttonComputedStyles = getComputedStyle(button);
+			var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+			var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+			var isAnimated = animation!="";
+			var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+			var actionTarget = self.application ? null : self.getElement(actionTargetValue);
+			var actionTargetStyles = actionTarget ? actionTarget.style : null;
+
+			if (actionTargetStyles) {
+				actionTargetStyles.setProperty("animation", animation);
+			}
+
+			if ("stopImmediatePropagation" in event) {
+				event.stopImmediatePropagation();
+			}
+		}
+		
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// remove any current overlays
+		if (self.currentOverlay) {
+
+			// act as switch if same button
+			if (self.currentOverlay==actionTarget || self.currentOverlay==null) {
+				if (self.lastTrigger==button) {
+					self.removeOverlay(isAnimated);
+					return;
+				}
+			}
+			else {
+				self.removeOverlay(isAnimated);
+			}
+		}
+
+		if (reparent) {
+			view = self.getElementView(button);
+			if (view) {
+				view.appendChild(overlay);
+			}
+		}
+
+		if (query) {
+			//self.setElementAnimation(overlay, null);
+			//overlay.style.animation = animation;
+			self.enableMediaQuery(query);
+			
+			var display = overlay && overlay.style.display;
+			
+			if (overlay && display=="" || display=="none") {
+				overlay.style.display = "block";
+				//self.setViewOptions(overlay);
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+		else if (id) {
+
+			display = window.getComputedStyle(overlay).getPropertyValue("display");
+
+			if (display=="" || display=="none") {
+				overlay.style.display = "block";
+			}
+
+			// add animation defined in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.fadeIn(overlay, false, animation);
+			}
+		}
+
+		// do not set x or y position if centering
+		var horizontal = self.prefix + "center-horizontally";
+		var vertical = self.prefix + "center-vertically";
+		var style = overlay.style;
+		var transform = [];
+
+		centerHorizontally = self.getIsStyleDefined(id, horizontal) ? self.getViewPreferenceBoolean(overlay, horizontal) : false;
+		centerVertically = self.getIsStyleDefined(id, vertical) ? self.getViewPreferenceBoolean(overlay, vertical) : false;
+		anchorLeft = self.getIsStyleDefined(id, "left");
+		anchorRight = self.getIsStyleDefined(id, "right");
+		anchorTop = self.getIsStyleDefined(id, "top");
+		anchorBottom = self.getIsStyleDefined(id, "bottom");
+
+		
+		if (self.viewsDictionary[overlay.id] && self.viewsDictionary[overlay.id].styleDeclaration) {
+			style = self.viewsDictionary[overlay.id].styleDeclaration.style;
+		}
+		
+		if (centerHorizontally) {
+			style.left = "50%";
+			style.transformOrigin = "0 0";
+			transform.push("translateX(-50%)");
+		}
+		else if (anchorRight && anchorLeft) {
+			style.left = x + "px";
+		}
+		else if (anchorRight) {
+			//style.right = x + "px";
+		}
+		else {
+			style.left = x + "px";
+		}
+		
+		if (centerVertically) {
+			style.top = "50%";
+			transform.push("translateY(-50%)");
+			style.transformOrigin = "0 0";
+		}
+		else if (anchorTop && anchorBottom) {
+			style.top = y + "px";
+		}
+		else if (anchorBottom) {
+			//style.bottom = y + "px";
+		}
+		else {
+			style.top = y + "px";
+		}
+
+		if (transform.length) {
+			style.transform = transform.join(" ");
+		}
+
+		self.currentOverlay = overlay;
+		self.lastTrigger = button;
+	}
+
+	self.goBack = function() {
+		if (self.currentOverlay) {
+			self.removeOverlay();
+		}
+		else if (self.lastView) {
+			self.goToView(self.lastView.id);
+		}
+	}
+
+	self.removeOverlay = function(animate) {
+		var overlay = self.currentOverlay;
+		animate = animate===false ? false : true;
+
+		if (overlay) {
+			var style = overlay.style;
+			
+			if (style.animation && self.supportAnimations && animate) {
+				self.reverseAnimation(overlay, true);
+
+				var duration = self.getAnimationDuration(style.animation, true);
+		
+				setTimeout(function() {
+					self.setElementAnimation(overlay, null);
+					self.hideOverlay(overlay);
+					self.currentOverlay = null;
+				}, duration);
+			}
+			else {
+				self.setElementAnimation(overlay, null);
+				self.hideOverlay(overlay);
+				self.currentOverlay = null;
+			}
+		}
+	}
+
+	/**
+	 * Reverse the animation and hide after
+	 * @param {Object} target element with animation
+	 * @param {Boolean} hide hide after animation ends
+	 */
+	self.reverseAnimation = function(target, hide) {
+		var lastAnimation = null;
+		var style = target.style;
+
+		style.animationPlayState = "paused";
+		lastAnimation = style.animation;
+		style.animation = null;
+		style.animationPlayState = "paused";
+
+		if (hide) {
+			//target.addEventListener("animationend", self.animationEndHideHandler);
+	
+			var duration = self.getAnimationDuration(lastAnimation, true);
+			var isOverlay = self.isOverlay(target);
+	
+			setTimeout(function() {
+				self.setElementAnimation(target, null);
+
+				if (isOverlay) {
+					self.hideOverlay(target);
+				}
+				else {
+					self.hideView(target);
+				}
+			}, duration);
+		}
+
+		setTimeout(function() {
+			style.animation = lastAnimation;
+			style.animationPlayState = "paused";
+			style.animationDirection = "reverse";
+			style.animationPlayState = "running";
+		}, 30);
+	}
+
+	self.animationEndHandler = function(event) {
+		var target = event.currentTarget;
+		self.dispatchEvent(new Event(event.type));
+	}
+
+	self.isOverlay = function(view) {
+		var result = view ? self.getViewPreferenceBoolean(view, self.prefix + "is-overlay") : false;
+
+		return result;
+	}
+
+	self.animationEndHideHandler = function(event) {
+		var target = event.currentTarget;
+		self.setViewVariables(null, target);
+		self.hideView(target);
+		target.removeEventListener("animationend", self.animationEndHideHandler);
+	}
+
+	self.animationEndShowHandler = function(event) {
+		var target = event.currentTarget;
+		target.removeEventListener("animationend", self.animationEndShowHandler);
+	}
+
+	self.setViewOptions = function(view) {
+
+		if (view) {
+			self.minimumScale = self.getViewPreferenceValue(view, self.prefix + "minimum-scale");
+			self.maximumScale = self.getViewPreferenceValue(view, self.prefix + "maximum-scale");
+			self.scaleViewsToFit = self.getViewPreferenceBoolean(view, self.prefix + "scale-to-fit");
+			self.scaleToFitType = self.getViewPreferenceValue(view, self.prefix + "scale-to-fit-type");
+			self.scaleToFitOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-double-click");
+			self.actualSizeOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "actual-size-on-double-click");
+			self.scaleViewsOnResize = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-resize");
+			self.enableScaleUp = self.getViewPreferenceBoolean(view, self.prefix + "enable-scale-up");
+			self.centerHorizontally = self.getViewPreferenceBoolean(view, self.prefix + "center-horizontally");
+			self.centerVertically = self.getViewPreferenceBoolean(view, self.prefix + "center-vertically");
+			self.navigationOnKeypress = self.getViewPreferenceBoolean(view, self.prefix + "navigate-on-keypress");
+			self.showViewName = self.getViewPreferenceBoolean(view, self.prefix + "show-view-name");
+			self.refreshPageForChanges = self.getViewPreferenceBoolean(view, self.prefix + "refresh-for-changes");
+			self.refreshPageForChangesInterval = self.getViewPreferenceValue(view, self.prefix + "refresh-interval");
+			self.showNavigationControls = self.getViewPreferenceBoolean(view, self.prefix + "show-navigation-controls");
+			self.scaleViewSlider = self.getViewPreferenceBoolean(view, self.prefix + "show-scale-controls");
+			self.enableDeepLinking = self.getViewPreferenceBoolean(view, self.prefix + "enable-deep-linking");
+			self.singlePageApplication = self.getViewPreferenceBoolean(view, self.prefix + "application");
+			self.showByMediaQuery = self.getViewPreferenceBoolean(view, self.prefix + "show-by-media-query");
+			self.showUpdateNotification = document.cookie!="" ? document.cookie.indexOf(self.pageRefreshedName)!=-1 : false;
+			self.imageComparisonDuration = self.getViewPreferenceValue(view, self.prefix + "image-comparison-duration");
+			self.supportAnimations = self.getViewPreferenceBoolean(view, self.prefix + "enable-animations", true);
+
+			if (self.scaleViewsToFit) {
+				var newScaleValue = self.scaleViewToFit(view);
+				
+				if (newScaleValue<0) {
+					setTimeout(self.scaleViewToFit, 500, view);
+				}
+			}
+			else {
+				self.viewScale = self.getViewScaleValue(view);
+				self.viewToFitWidthScale = self.getViewFitToViewportWidthScale(view, self.enableScaleUp)
+				self.viewToFitHeightScale = self.getViewFitToViewportScale(view, self.enableScaleUp);
+				self.updateSliderValue(self.viewScale);
+			}
+
+			if (self.imageComparisonDuration!=null) {
+				// todo
+			}
+
+			if (self.refreshPageForChangesInterval!=null) {
+				self.refreshDuration = Number(self.refreshPageForChangesInterval);
+			}
+		}
+	}
+
+	self.previousView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView()
+		var index = view ? self.getViewIndex(view) : -1;
+		var prevQueryIndex = index!=-1 ? index-1 : self.currentQuery.index-1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (prevQueryIndex<0) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==prevQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = prevQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	self.nextView = function(event) {
+		var rules = self.getStylesheetRules();
+		var view = self.getVisibleView();
+		var index = view ? self.getViewIndex(view) : -1;
+		var nextQueryIndex = index!=-1 ? index+1 : self.currentQuery.index+1;
+		var queryIndex = 0;
+		var numberOfRules = rules!=null ? rules.length : 0;
+		var numberOfMediaQueries = self.getNumberOfMediaRules();
+
+		if (event) {
+			event.stopImmediatePropagation();
+		}
+
+		if (nextQueryIndex>=numberOfMediaQueries) {
+			return;
+		}
+
+		// loop through rules and hide media queries except selected
+		for (var i=0;i<numberOfRules;i++) {
+			var rule = rules[i];
+			
+			if (rule.media!=null) {
+
+				if (queryIndex==nextQueryIndex) {
+					self.currentQuery.mediaText = rule.conditionText;
+					self.currentQuery.index = nextQueryIndex;
+					self.currentQuery.rule = rule;
+					self.enableMediaQuery(rule);
+					self.updateViewLabel();
+					self.updateURL();
+					self.dispatchViewChange();
+				}
+				else {
+					self.disableMediaQuery(rule);
+				}
+
+				queryIndex++;
+			}
+		}
+	}
+
+	/**
+	 * Enables a view via media query
+	 */
+	self.enableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.inclusionQuery;
+		}
+		catch(error) {
+			//self.log(error);
+			rule.conditionText = self.inclusionQuery;
+		}
+	}
+
+	self.disableMediaQuery = function(rule) {
+
+		try {
+			rule.media.mediaText = self.exclusionQuery;
+		}
+		catch(error) {
+			rule.conditionText = self.exclusionQuery;
+		}
+	}
+
+	self.dispatchViewChange = function() {
+		try {
+			var event = new Event(self.NAVIGATION_CHANGE);
+			window.dispatchEvent(event);
+		}
+		catch (error) {
+			// In IE 11: Object doesn't support this action
+		}
+	}
+
+	self.getNumberOfMediaRules = function() {
+		var rules = self.getStylesheetRules();
+		var numberOfRules = rules ? rules.length : 0;
+		var numberOfQueries = 0;
+
+		for (var i=0;i<numberOfRules;i++) {
+			if (rules[i].media!=null) { numberOfQueries++; }
+		}
+		
+		return numberOfQueries;
+	}
+
+	/////////////////////////////////////////
+	// VIEW SCALE 
+	/////////////////////////////////////////
+
+	self.sliderChangeHandler = function(event) {
+		var value = self.getShortNumber(event.currentTarget.value/100);
+		var view = self.getVisibleView();
+		self.setViewScaleValue(view, false, value, true);
+	}
+
+	self.updateSliderValue = function(scale) {
+		var slider = document.getElementById(self.viewScaleSliderId);
+		var tooltip = parseInt(scale * 100 + "") + "%";
+		var inputType;
+		var inputValue;
+		
+		if (slider) {
+			inputValue = self.getShortNumber(scale * 100);
+			if (inputValue!=slider["value"]) {
+				slider["value"] = inputValue;
+			}
+			inputType = slider.getAttributeNS(null, "type");
+
+			if (inputType!="range") {
+				// input range is not supported
+				slider.style.display = "none";
+			}
+
+			self.setTooltip(slider, tooltip);
+		}
+	}
+
+	self.viewChangeHandler = function(event) {
+		var view = self.getVisibleView();
+		var matrix = view ? getComputedStyle(view).transform : null;
+		
+		if (matrix) {
+			self.viewScale = self.getViewScaleValue(view);
+			
+			var scaleNeededToFit = self.getViewFitToViewportScale(view);
+			var isViewLargerThanViewport = scaleNeededToFit<1;
+			
+			// scale large view to fit if scale to fit is enabled
+			if (self.scaleViewsToFit) {
+				self.scaleViewToFit(view);
+			}
+			else {
+				self.updateSliderValue(self.viewScale);
+			}
+		}
+	}
+
+	self.getViewScaleValue = function(view) {
+		var matrix = getComputedStyle(view).transform;
+
+		if (matrix) {
+			var matrixArray = matrix.replace("matrix(", "").split(",");
+			var scaleX = parseFloat(matrixArray[0]);
+			var scaleY = parseFloat(matrixArray[3]);
+			var scale = Math.min(scaleX, scaleY);
+		}
+
+		return scale;
+	}
+
+	/**
+	 * Scales view to scale. 
+	 * @param {Object} view view to scale. views are in views array
+	 * @param {Boolean} scaleToFit set to true to scale to fit. set false to use desired scale value
+	 * @param {Number} desiredScale scale to define. not used if scale to fit is false
+	 * @param {Boolean} isSliderChange indicates if slider is callee
+	 */
+	self.setViewScaleValue = function(view, scaleToFit, desiredScale, isSliderChange) {
+		var enableScaleUp = self.enableScaleUp;
+		var scaleToFitType = self.scaleToFitType;
+		var minimumScale = self.minimumScale;
+		var maximumScale = self.maximumScale;
+		var hasMinimumScale = !isNaN(minimumScale) && minimumScale!="";
+		var hasMaximumScale = !isNaN(maximumScale) && maximumScale!="";
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, enableScaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, enableScaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, enableScaleUp);
+		var scaleToFitFull = self.getViewFitToViewportScale(view, true);
+		var scaleToFitFullWidth = self.getViewFitToViewportWidthScale(view, true);
+		var scaleToFitFullHeight = self.getViewFitToViewportHeightScale(view, true);
+		var scaleToWidth = scaleToFitType=="width";
+		var scaleToHeight = scaleToFitType=="height";
+		var shrunkToFit = false;
+		var topPosition = null;
+		var leftPosition = null;
+		var translateY = null;
+		var translateX = null;
+		var transformValue = "";
+		var canCenterVertically = true;
+		var canCenterHorizontally = true;
+		var style = view.style;
+
+		if (view && self.viewsDictionary[view.id] && self.viewsDictionary[view.id].styleDeclaration) {
+			style = self.viewsDictionary[view.id].styleDeclaration.style;
+		}
+
+		if (scaleToFit && isSliderChange!=true) {
+			if (scaleToFitType=="fit" || scaleToFitType=="") {
+				desiredScale = scaleNeededToFit;
+			}
+			else if (scaleToFitType=="width") {
+				desiredScale = scaleNeededToFitWidth;
+			}
+			else if (scaleToFitType=="height") {
+				desiredScale = scaleNeededToFitHeight;
+			}
+		}
+		else {
+			if (isNaN(desiredScale)) {
+				desiredScale = 1;
+			}
+		}
+
+		self.updateSliderValue(desiredScale);
+		
+		// scale to fit width
+		if (scaleToWidth && scaleToHeight==false) {
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitWidth;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return desiredScale;
+		}
+
+		// scale to fit height
+		if (scaleToHeight && scaleToWidth==false) {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitHeight<=scaleNeededToFitWidth && enableScaleUp==false;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
+			
+			if (isSliderChange) {
+				canCenterHorizontally = desiredScale<scaleToFitFullHeight;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFitHeight;
+			}
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+				//canCenterVertically = desiredScale>=scaleNeededToFitHeight && enableScaleUp==false;
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
+
+			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+			else if (desiredScale>=1 && enableScaleUp==false) {
+				transformValue = "scale(" + 1 + ")";
+			}
+			else {
+				transformValue = "scale(" + desiredScale + ")";
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			return scaleNeededToFitHeight;
+		}
+
+		if (scaleToFitType=="fit") {
+			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+			//canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFitHeight;
+			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFit;
+			canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFit;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+
+			desiredScale = self.getShortNumber(desiredScale);
+
+			if (isSliderChange || scaleToFit==false) {
+				canCenterVertically = scaleToFitFullHeight>=desiredScale;
+				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
+			}
+			else if (scaleToFit) {
+				desiredScale = scaleNeededToFit;
+			}
+
+			transformValue = "scale(" + desiredScale + ")";
+
+			//canCenterHorizontally = self.canCenterHorizontally(view, "fit", false, desiredScale);
+			//canCenterVertically = self.canCenterVertically(view, "fit", false, desiredScale);
+			
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+
+		if (scaleToFitType=="default" || scaleToFitType=="") {
+			desiredScale = 1;
+
+			if (hasMinimumScale) {
+				desiredScale = Math.max(desiredScale, Number(minimumScale));
+			}
+			if (hasMaximumScale) {
+				desiredScale = Math.min(desiredScale, Number(maximumScale));
+			}
+
+			canCenterHorizontally = self.canCenterHorizontally(view, "none", false, desiredScale, minimumScale, maximumScale);
+			canCenterVertically = self.canCenterVertically(view, "none", false, desiredScale, minimumScale, maximumScale);
+
+			if (self.centerVertically) {
+				if (canCenterVertically) {
+					translateY = "-50%";
+					topPosition = "50%";
+				}
+				else {
+					translateY = "0";
+					topPosition = "0";
+				}
+				
+				if (style.top != topPosition) {
+					style.top = topPosition + "";
+				}
+
+				if (canCenterVertically) {
+					transformValue += " translateY(" + translateY+ ")";
+				}
+			}
+
+			if (self.centerHorizontally) {
+				if (canCenterHorizontally) {
+					translateX = "-50%";
+					leftPosition = "50%";
+				}
+				else {
+					translateX = "0";
+					leftPosition = "0";
+				}
+
+				if (style.left != leftPosition) {
+					style.left = leftPosition + "";
+				}
+
+				if (canCenterHorizontally) {
+					transformValue += " translateX(" + translateX+ ")";
+				}
+				else {
+					transformValue += " translateX(" + 0 + ")";
+				}
+			}
+
+			style.transformOrigin = "0 0";
+			style.transform = transformValue;
+
+
+			self.viewScale = desiredScale;
+			self.viewToFitWidthScale = scaleNeededToFitWidth;
+			self.viewToFitHeightScale = scaleNeededToFitHeight;
+			self.viewLeft = leftPosition;
+			self.viewTop = topPosition;
+
+			self.updateSliderValue(desiredScale);
+			
+			return desiredScale;
+		}
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view
+	 * @param {String} type type of scaling - width, height, all, none
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterHorizontally = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? scale : scaleNeededToFitWidth;
+		scaleUp = scaleUp == null ? false : scaleUp;
+
+		if (type=="width") {
+	
+			if (scaleUp && maximumScale==null) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+		else if (type=="height") {
+			minScale = Math.min(1, scaleNeededToFitHeight);
+			if (minimumScale!="" && maximumScale!="") {
+				minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+			}
+			else {
+				if (minimumScale!="") {
+					minScale = Math.max(minimumScale, scaleNeededToFitHeight);
+				}
+				if (maximumScale!="") {
+					minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
+				}
+			}
+	
+			if (scaleUp && maximumScale=="") {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=minScale) {
+				canCenter = true;
+			}
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitWidth>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitWidth>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.horizontalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	/**
+	 * Returns true if view can be centered horizontally
+	 * @param {HTMLElement} view view to scale
+	 * @param {String} type type of scaling
+	 * @param {Boolean} scaleUp if scale up enabled 
+	 * @param {Number} scale target scale value 
+	 */
+	self.canCenterVertically = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
+		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
+		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
+		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
+		var canCenter = false;
+		var minScale;
+
+		type = type==null ? "none" : type;
+		scale = scale==null ? 1 : scale;
+		scaleUp = scaleUp == null ? false : scaleUp;
+	
+		if (type=="width") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFitWidth;
+		}
+		else if (type=="height") {
+			minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFit));
+			canCenter = scaleNeededToFitHeight>=minScale;
+		}
+		else if (type=="fit") {
+			canCenter = scaleNeededToFitHeight>=scaleNeededToFit;
+		}
+		else {
+			if (scaleUp) {
+				canCenter = false;
+			}
+			else if (scaleNeededToFitHeight>=1) {
+				canCenter = true;
+			}
+		}
+
+		self.verticalScrollbarsNeeded = canCenter;
+		
+		return canCenter;
+	}
+
+	self.getViewFitToViewportScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth) || isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		else if (elementWidth > availableWidth || elementHeight > availableHeight) {
+			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportWidthScale = function(view, scaleUp) {
+		// need to get browser viewport width when element
+		var isParentWindow = view && view.parentNode && view.parentNode===document.body;
+		var enableScaleUp = scaleUp;
+		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementWidth)) {
+			return newScale;
+		}
+
+		availableWidth -= self.horizontalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableWidth/elementWidth;
+		}
+		else if (elementWidth > availableWidth) {
+			newScale = availableWidth/elementWidth;
+		}
+		
+		return newScale;
+	}
+
+	self.getViewFitToViewportHeightScale = function(view, scaleUp) {
+		var enableScaleUp = scaleUp;
+		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
+		var newScale = 1;
+
+		// if element is not added to the document computed values are NaN
+		if (isNaN(elementHeight)) {
+			return newScale;
+		}
+
+		availableHeight -= self.verticalPadding;
+
+		if (enableScaleUp) {
+			newScale = availableHeight/elementHeight;
+		}
+		else if (elementHeight > availableHeight) {
+			newScale = availableHeight/elementHeight;
+		}
+		
+		return newScale;
+	}
+
+	self.keypressHandler = function(event) {
+		var rightKey = 39;
+		var leftKey = 37;
+		
+		// listen for both events 
+		if (event.type=="keypress") {
+			window.removeEventListener("keyup", self.keypressHandler);
+		}
+		else {
+			window.removeEventListener("keypress", self.keypressHandler);
+		}
+		
+		if (self.showNavigationControls) {
+			if (self.navigationOnKeypress) {
+				if (event.keyCode==rightKey) {
+					self.nextView();
+				}
+				if (event.keyCode==leftKey) {
+					self.previousView();
+				}
+			}
+		}
+		else if (self.navigationOnKeypress) {
+			if (event.keyCode==rightKey) {
+				self.nextView();
+			}
+			if (event.keyCode==leftKey) {
+				self.previousView();
+			}
+		}
+	}
+
+	///////////////////////////////////
+	// GENERAL FUNCTIONS
+	///////////////////////////////////
+
+	self.getViewById = function(id) {
+		id = id ? id.replace("#", "") : "";
+		var view = self.viewIds.indexOf(id)!=-1 && self.getElement(id);
+		return view;
+	}
+
+	self.getViewIds = function() {
+		var viewIds = self.getViewPreferenceValue(document.body, self.prefix + "view-ids");
+		var viewId = null;
+
+		viewIds = viewIds!=null && viewIds!="" ? viewIds.split(",") : [];
+
+		if (viewIds.length==0) {
+			viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+			viewIds = viewId ? [viewId] : [];
+		}
+
+		return viewIds;
+	}
+
+	self.getInitialViewId = function() {
+		var viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
+		return viewId;
+	}
+
+	self.getApplicationStylesheet = function() {
+		var stylesheetId = self.getViewPreferenceValue(document.body, self.prefix + "stylesheet-id");
+		self.applicationStylesheet = document.getElementById("applicationStylesheet");
+		return self.applicationStylesheet.sheet;
+	}
+
+	self.getVisibleView = function() {
+		var viewIds = self.getViewIds();
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+		
+				if (display=="block" || display=="flex") {
+					return view;
+				}
+			}
+		}
+
+		return null;
+	}
+
+	self.getVisibleViews = function() {
+		var viewIds = self.getViewIds();
+		var views = [];
+		
+		for (var i=0;i<viewIds.length;i++) {
+			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
+			var view = self.getElement(viewId);
+			var postName = "_Class";
+
+			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+				view = self.getElement(viewId.replace(postName, ""));
+			}
+			
+			if (view) {
+				var display = getComputedStyle(view).display;
+				
+				if (display=="none") {
+					continue;
+				}
+
+				if (display=="block" || display=="flex") {
+					views.push(view);
+				}
+			}
+		}
+
+		return views;
+	}
+
+	self.getStateNameByViewId = function(id) {
+		var state = self.viewsDictionary[id];
+		return state && state.stateName;
+	}
+
+	self.getMatchingViews = function(ids) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state && state.rule; 
+				var matchResults = window.matchMedia(rule.conditionText);
+				var view = self.views[viewId];
+				
+				if (matchResults.matches) {
+					if (ids==true) {
+						matchingViews.push(viewId);
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.ruleMatchesQuery = function(rule) {
+		var result = window.matchMedia(rule.conditionText);
+		return result.matches;
+	}
+
+	self.getViewsByStateName = function(stateName, matchQuery) {
+		var views = self.addedViews.slice(0);
+		var matchingViews = [];
+
+		if (self.showByMediaQuery) {
+
+			// find state name
+			for (let index = 0; index < views.length; index++) {
+				var viewId = views[index];
+				var state = self.viewsDictionary[viewId];
+				var rule = state.rule;
+				var mediaRule = state.mediaRule;
+				var view = self.views[viewId];
+				var viewStateName = self.getStyleRuleValue(mediaRule, self.STATE_NAME, state);
+				var stateFoundAtt = view.getAttribute(self.STATE_NAME)==state;
+				var matchesResults = false;
+				
+				if (viewStateName==stateName) {
+					if (matchQuery) {
+						matchesResults = self.ruleMatchesQuery(rule);
+
+						if (matchesResults) {
+							matchingViews.push(view);
+						}
+					}
+					else {
+						matchingViews.push(view);
+					}
+				}
+			}
+		}
+
+		return matchingViews;
+	}
+
+	self.getInitialView = function() {
+		var viewId = self.getInitialViewId();
+		viewId = viewId.replace(/[\#?\.?](.*)/, "$" + "1");
+		var view = self.getElement(viewId);
+		var postName = "_Class";
+
+		if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
+			view = self.getElement(viewId.replace(postName, ""));
+		}
+
+		return view;
+	}
+
+	self.getViewIndex = function(view) {
+		var viewIds = self.getViewIds();
+		var id = view ? view.id : null;
+		var index = id && viewIds ? viewIds.indexOf(id) : -1;
+
+		return index;
+	}
+
+	self.syncronizeViewToURL = function() {
+		var fragment = self.getHashFragment();
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+			
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			
+			self.showMediaQueryViewsByState(stateName);
+			return;
+		}
+
+		var view = self.getViewById(fragment);
+		var index = view ? self.getViewIndex(view) : 0;
+		if (index==-1) index = 0;
+		var currentView = self.hideViews(index);
+
+		if (self.supportsPopState && currentView) {
+
+			if (fragment==null) {
+				window.history.replaceState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+			else {
+				window.history.pushState({name:currentView.id}, null, "#"+ currentView.id);
+			}
+		}
+		
+		self.setViewVariables(view);
+		return view;
+	}
+
+	/**
+	 * Set the currentView or currentOverlay properties and set the lastView or lastOverlay properties
+	 */
+	self.setViewVariables = function(view, overlay, parentView) {
+		if (view) {
+			if (self.currentView) {
+				self.lastView = self.currentView;
+			}
+			self.currentView = view;
+		}
+
+		if (overlay) {
+			if (self.currentOverlay) {
+				self.lastOverlay = self.currentOverlay;
+			}
+			self.currentOverlay = overlay;
+		}
+	}
+
+	self.getViewPreferenceBoolean = function(view, property, altValue) {
+		var computedStyle = window.getComputedStyle(view);
+		var value = computedStyle.getPropertyValue(property);
+		var type = typeof value;
+		
+		if (value=="true" || (type=="string" && value.indexOf("true")!=-1)) {
+			return true;
+		}
+		else if (value=="" && arguments.length==3) {
+			return altValue;
+		}
+
+		return false;
+	}
+
+	self.getViewPreferenceValue = function(view, property, defaultValue) {
+		var value = window.getComputedStyle(view).getPropertyValue(property);
+
+		if (value===undefined) {
+			return defaultValue;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	self.getStyleRuleValue = function(cssRule, property) {
+		var value = cssRule ? cssRule.style.getPropertyValue(property) : null;
+
+		if (value===undefined) {
+			return null;
+		}
+		
+		value = value.replace(/^[\s\"]*/, "");
+		value = value.replace(/[\s\"]*$/, "");
+		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
+			return capture;
+		});
+
+		return value;
+	}
+
+	/**
+	 * Get the first defined value of property. Returns empty string if not defined
+	 * @param {String} id id of element
+	 * @param {String} property 
+	 */
+	self.getCSSPropertyValueForElement = function(id, property) {
+		var styleSheets = document.styleSheets;
+		var numOfStylesheets = styleSheets.length;
+		var values = [];
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var value;
+
+		for(var i=0;i<numOfStylesheets;i++) {
+			var styleSheet = styleSheets[i];
+			var cssRules = self.getStylesheetRules(styleSheet);
+			var numOfCSSRules = cssRules.length;
+			var cssRule;
+			
+			for (var j=0;j<numOfCSSRules;j++) {
+				cssRule = cssRules[j];
+				
+				if (cssRule.media) {
+					var mediaRules = cssRule.cssRules;
+					var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+					
+					for(var k=0;k<numOfMediaRules;k++) {
+						var mediaRule = mediaRules[k];
+						
+						if (mediaRule.selectorText==selectorIDText || mediaRule.selectorText==selectorClassText) {
+							
+							if (mediaRule.style && mediaRule.style.getPropertyValue(property)!="") {
+								value = mediaRule.style.getPropertyValue(property);
+								values.push(value);
+							}
+						}
+					}
+				}
+				else {
+
+					if (cssRule.selectorText==selectorIDText || cssRule.selectorText==selectorClassText) {
+						if (cssRule.style && cssRule.style.getPropertyValue(property)!="") {
+							value = cssRule.style.getPropertyValue(property);
+							values.push(value);
+						}
+					}
+				}
+			}
+		}
+
+		return values.pop();
+	}
+
+	self.getIsStyleDefined = function(id, property) {
+		var value = self.getCSSPropertyValueForElement(id, property);
+		return value!==undefined && value!="";
+	}
+
+	self.collectViews = function() {
+		var viewIds = self.getViewIds();
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getElement(id);
+			self.views[id] = view;
+		}
+		
+		self.viewIds = viewIds;
+	}
+
+	self.collectOverlays = function() {
+		var viewIds = self.getViewIds();
+		var ids = [];
+
+		for (let index = 0; index < viewIds.length; index++) {
+			const id = viewIds[index];
+			const view = self.getViewById(id);
+			const isOverlay = view && self.isOverlay(view);
+			
+			if (isOverlay) {
+				ids.push(id);
+				self.overlays[id] = view;
+			}
+		}
+		
+		self.overlayIds = ids;
+	}
+
+	self.collectMediaQueries = function() {
+		var viewIds = self.getViewIds();
+		var styleSheet = self.getApplicationStylesheet();
+		var cssRules = self.getStylesheetRules(styleSheet);
+		var numOfCSSRules = cssRules ? cssRules.length : 0;
+		var cssRule;
+		var id = viewIds.length ? viewIds[0]: ""; // single view
+		var selectorIDText = "#" + id;
+		var selectorClassText = "." + id + "_Class";
+		var viewsNotFound = viewIds.slice();
+		var viewsFound = [];
+		var selectorText = null;
+		var property = self.prefix + "view-id";
+		var stateName = self.prefix + "state";
+		var stateValue = null;
+		var view = null;
+		
+		for (var j=0;j<numOfCSSRules;j++) {
+			cssRule = cssRules[j];
+			
+			if (cssRule.media) {
+				var mediaRules = cssRule.cssRules;
+				var numOfMediaRules = mediaRules ? mediaRules.length : 0;
+				var mediaViewInfoFound = false;
+				var mediaId = null;
+				
+				for(var k=0;k<numOfMediaRules;k++) {
+					var mediaRule = mediaRules[k];
+
+					selectorText = mediaRule.selectorText;
+					
+					if (selectorText==".mediaViewInfo" && mediaViewInfoFound==false) {
+
+						mediaId = self.getStyleRuleValue(mediaRule, property);
+						stateValue = self.getStyleRuleValue(mediaRule, stateName);
+
+						selectorIDText = "#" + mediaId;
+						selectorClassText = "." + mediaId + "_Class";
+						view = self.getElement(mediaId);
+						
+						// prevent duplicates from load and domcontentloaded events
+						if (self.addedViews.indexOf(mediaId)==-1) {
+							self.addView(view, mediaId, cssRule, mediaRule, stateValue);
+						}
+
+						viewsFound.push(mediaId);
+
+						if (viewsNotFound.indexOf(mediaId)!=-1) {
+							viewsNotFound.splice(viewsNotFound.indexOf(mediaId));
+						}
+
+						mediaViewInfoFound = true;
+					}
+
+					if (selectorIDText==selectorText || selectorClassText==selectorText) {
+						var styleObject = self.viewsDictionary[mediaId];
+						if (styleObject) {
+							styleObject.styleDeclaration = mediaRule;
+						}
+						break;
+					}
+				}
+			}
+			else {
+				selectorText = cssRule.selectorText;
+				
+				if (selectorText==null) continue;
+
+				selectorText = selectorText.replace(/[#|\s|*]?/g, "");
+
+				if (viewIds.indexOf(selectorText)!=-1) {
+					view = self.getElement(selectorText);
+					self.addView(view, selectorText, cssRule, null, stateValue);
+
+					if (viewsNotFound.indexOf(selectorText)!=-1) {
+						viewsNotFound.splice(viewsNotFound.indexOf(selectorText));
+					}
+
+					break;
+				}
+			}
+		}
+
+		if (viewsNotFound.length) {
+			console.log("Could not find the following views:" + viewsNotFound.join(",") + "");
+			console.log("Views found:" + viewsFound.join(",") + "");
+		}
+	}
+
+	/**
+	 * Adds a view
+	 * @param {HTMLElement} view view element
+	 * @param {String} id id of view element
+	 * @param {CSSRule} cssRule of view element
+	 * @param {CSSMediaRule} mediaRule media rule of view element
+	 * @param {String} stateName name of state if applicable
+	 **/
+	self.addView = function(view, viewId, cssRule, mediaRule, stateName) {
+		var viewData = {};
+		viewData.name = viewId;
+		viewData.rule = cssRule;
+		viewData.id = viewId;
+		viewData.mediaRule = mediaRule;
+		viewData.stateName = stateName;
+
+		self.views.push(viewData);
+		self.addedViews.push(viewId);
+		self.viewsDictionary[viewId] = viewData;
+		self.mediaQueryDictionary[viewId] = cssRule;
+	}
+
+	self.hasView = function(name) {
+
+		if (self.addedViews.indexOf(name)!=-1) {
+			return true;
+		}
+		return false;
+	}
+
+	/**
+	 * Go to view by id. Views are added in addView()
+	 * @param {String} id id of view in current
+	 * @param {Boolean} maintainPreviousState if true then do not hide other views
+	 * @param {String} parent id of parent view
+	 **/
+	self.goToView = function(id, maintainPreviousState, parent) {
+		var state = self.viewsDictionary[id];
+
+		if (state) {
+			if (maintainPreviousState==false || maintainPreviousState==null) {
+				self.hideViews();
+			}
+			self.enableMediaQuery(state.rule);
+			self.updateViewLabel();
+			self.updateURL();
+		}
+		else {
+			var event = new Event(self.STATE_NOT_FOUND);
+			self.stateName = id;
+			window.dispatchEvent(event);
+		}
+	}
+
+	/**
+	 * Go to the view in the event targets CSS variable
+	 **/
+	self.goToTargetView = function(event) {
+		var button = event.currentTarget;
+		var buttonComputedStyles = getComputedStyle(button);
+		var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
+		var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
+		var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
+		var targetView = self.application ? null : self.getElement(actionTargetValue);
+		var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;
+		var actionTargetStyles = targetView ? targetView.style : null;
+		var state = self.viewsDictionary[actionTargetValue];
+		
+		// navigate to page
+		if (self.application==false || targetType=="page") {
+			document.location.href = "./" + actionTargetValue;
+			return;
+		}
+
+		// if view is found
+		if (targetView) {
+
+			if (self.currentOverlay) {
+				self.removeOverlay(false);
+			}
+
+			if (self.showByMediaQuery) {
+				var stateName = targetState;
+				
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+				return;
+			}
+
+			// add animation set in event target style declaration
+			if (animation && self.supportAnimations) {
+				self.crossFade(self.currentView, targetView, false, animation);
+			}
+			else {
+				self.setViewVariables(self.currentView);
+				self.hideViews();
+				self.enableMediaQuery(state.rule);
+				self.scaleViewIfNeeded(targetView);
+				self.centerView(targetView);
+				self.updateViewLabel();
+				self.updateURL();
+			}
+		}
+		else {
+			var stateEvent = new Event(self.STATE_NOT_FOUND);
+			self.stateName = name;
+			window.dispatchEvent(stateEvent);
+		}
+
+		event.stopImmediatePropagation();
+	}
+
+	/**
+	 * Cross fade between views
+	 **/
+	self.crossFade = function(from, to, update, animation) {
+		var targetIndex = to.parentNode
+		var fromIndex = Array.prototype.slice.call(from.parentElement.children).indexOf(from);
+		var toIndex = Array.prototype.slice.call(to.parentElement.children).indexOf(to);
+
+		if (from.parentNode==to.parentNode) {
+			var reverse = self.getReverseAnimation(animation);
+			var duration = self.getAnimationDuration(animation, true);
+
+			// if target view is above (higher index)
+			// then fade in target view 
+			// and after fade in then hide previous view instantly
+			if (fromIndex<toIndex) {
+				self.setElementAnimation(from, null);
+				self.setElementAnimation(to, null);
+				self.showViewByMediaQuery(to);
+				self.fadeIn(to, update, animation);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+					self.updateViewLabel();
+				}, duration)
+			}
+			// if target view is on bottom
+			// then show target view instantly 
+			// and fade out current view
+			else if (fromIndex>toIndex) {
+				self.setElementAnimation(to, null);
+				self.setElementAnimation(from, null);
+				self.showViewByMediaQuery(to);
+				self.fadeOut(from, update, reverse);
+
+				setTimeout(function() {
+					self.setElementAnimation(to, null);
+					self.setElementAnimation(from, null);
+					self.hideView(from);
+					self.updateURL();
+					self.setViewVariables(to);
+				}, duration)
+			}
+		}
+	}
+
+	self.fadeIn = function(element, update, animation) {
+		self.showViewByMediaQuery(element);
+
+		if (update) {
+			self.updateURL(element);
+
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.setViewVariables(element);
+				self.updateViewLabel();
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		self.setElementAnimation(element, null);
+		
+		element.style.animation = animation;
+	}
+
+	self.fadeOutCurrentView = function(animation, update) {
+		if (self.currentView) {
+			self.fadeOut(self.currentView, update, animation);
+		}
+		if (self.currentOverlay) {
+			self.fadeOut(self.currentOverlay, update, animation);
+		}
+	}
+
+	self.fadeOut = function(element, update, animation) {
+		if (update) {
+			element.addEventListener("animationend", function(event) {
+				element.style.animation = null;
+				self.hideView(element);
+				element.removeEventListener("animationend", arguments.callee);
+			});
+		}
+
+		element.style.animationPlayState = "paused";
+		element.style.animation = animation;
+		element.style.animationPlayState = "running";
+	}
+
+	self.getReverseAnimation = function(animation) {
+		if (animation && animation.indexOf("reverse")==-1) {
+			animation += " reverse";
+		}
+
+		return animation;
+	}
+
+	/**
+	 * Get duration in animation string
+	 * @param {String} animation animation value
+	 * @param {Boolean} inMilliseconds length in milliseconds if true
+	 */
+	self.getAnimationDuration = function(animation, inMilliseconds) {
+		var duration = 0;
+		var expression = /.+(\d\.\d)s.+/;
+
+		if (animation && animation.match(expression)) {
+			duration = parseFloat(animation.replace(expression, "$" + "1"));
+			if (duration && inMilliseconds) duration = duration * 1000;
+		}
+
+		return duration;
+	}
+
+	self.setElementAnimation = function(element, animation, priority) {
+		element.style.setProperty("animation", animation, "important");
+	}
+
+	self.getElement = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementById = function(id) {
+		id = id ? id.trim() : id;
+		var element = id ? document.getElementById(id) : null;
+
+		return element;
+	}
+
+	self.getElementByClass = function(className) {
+		className = className ? className.trim() : className;
+		var elements = document.getElementsByClassName(className);
+
+		return elements.length ? elements[0] : null;
+	}
+
+	self.resizeHandler = function(event) {
+		
+		if (self.showByMediaQuery) {
+			if (self.enableDeepLinking) {
+				var stateName = self.getHashFragment();
+
+				if (stateName==null || stateName=="") {
+					var initialView = self.getInitialView();
+					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+				}
+				self.showMediaQueryViewsByState(stateName, event);
+			}
+		}
+		else {
+			var visibleViews = self.getVisibleViews();
+
+			for (let index = 0; index < visibleViews.length; index++) {	
+				var view = visibleViews[index];
+				self.scaleViewIfNeeded(view);
+			}
+		}
+
+		window.dispatchEvent(new Event(self.APPLICATION_RESIZE));
+	}
+
+	self.scaleViewIfNeeded = function(view) {
+
+		if (self.scaleViewsOnResize) {
+			if (view==null) {
+				view = self.getVisibleView();
+			}
+
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME)=="false" ? false : true;
+
+			if (isViewScaled) {
+				self.scaleViewToFit(view, true);
+			}
+			else {
+				self.scaleViewToActualSize(view);
+			}
+		}
+		else if (view) {
+			self.centerView(view);
+		}
+	}
+
+	self.centerView = function(view) {
+
+		if (self.scaleViewsToFit) {
+			self.scaleViewToFit(view, true);
+		}
+		else {
+			self.scaleViewToActualSize(view);  // for centering support for now
+		}
+	}
+
+	self.preventDoubleClick = function(event) {
+		event.stopImmediatePropagation();
+	}
+
+	self.getHashFragment = function() {
+		var value = window.location.hash ? window.location.hash.replace("#", "") : "";
+		return value;
+	}
+
+	self.showBlockElement = function(view) {
+		view.style.display = "block";
+	}
+
+	self.hideElement = function(view) {
+		view.style.display = "none";
+	}
+
+	self.showStateFunction = null;
+
+	self.showMediaQueryViewsByState = function(state, event) {
+		// browser will hide and show by media query (small, medium, large)
+		// but if multiple views exists at same size user may want specific view
+		// if showStateFunction is defined that is called with state fragment and user can show or hide each media matching view by returning true or false
+		// if showStateFunction is not defined and state is defined and view has a defined state that matches then show that and hide other matching views
+		// if no state is defined show view 
+		// an viewChanging event is dispatched before views are shown or hidden that can be prevented 
+
+		// get all matched queries
+		// if state name is specified then show that view and hide other views
+		// if no state name is defined then show
+		var matchedViews = self.getMatchingViews();
+		var matchMediaQuery = true;
+		var foundViews = self.getViewsByStateName(state, matchMediaQuery);
+		var showViews = [];
+		var hideViews = [];
+
+		// loop views that match media query 
+		for (let index = 0; index < matchedViews.length; index++) {
+			var view = matchedViews[index];
+			
+			// let user determine visible view
+			if (self.showStateFunction!=null) {
+				if (self.showStateFunction(view, state)) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// state was defined so check if view matches state
+			else if (foundViews.length) {
+
+				if (foundViews.indexOf(view)!=-1) {
+					showViews.push(view);
+				}
+				else {
+					hideViews.push(view);
+				}
+			}
+			// if no state names are defined show view (define unused state name to exclude)
+			else if (state==null || state=="") {
+				showViews.push(view);
+			}
+		}
+
+		if (showViews.length) {
+			var viewChangingEvent = new Event(self.VIEW_CHANGING);
+			viewChangingEvent.showViews = showViews;
+			viewChangingEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangingEvent);
+
+			if (viewChangingEvent.defaultPrevented==false) {
+				for (var index = 0; index < hideViews.length; index++) {
+					var view = hideViews[index];
+
+					if (self.isOverlay(view)) {
+						self.removeOverlay(view);
+					}
+					else {
+						self.hideElement(view);
+					}
+				}
+
+				for (var index = 0; index < showViews.length; index++) {
+					var view = showViews[index];
+
+					if (index==showViews.length-1) {
+						self.clearDisplay(view);
+						self.setViewOptions(view);
+						self.setViewVariables(view);
+						self.centerView(view);
+						self.updateURLState(view, state);
+					}
+				}
+			}
+
+			var viewChangeEvent = new Event(self.VIEW_CHANGE);
+			viewChangeEvent.showViews = showViews;
+			viewChangeEvent.hideViews = hideViews;
+			window.dispatchEvent(viewChangeEvent);
+		}
+		
+	}
+
+	self.clearDisplay = function(view) {
+		view.style.setProperty("display", null);
+	}
+
+	self.hashChangeHandler = function(event) {
+		var fragment = self.getHashFragment();
+		var view = self.getViewById(fragment);
+
+		if (self.showByMediaQuery) {
+			var stateName = fragment;
+
+			if (stateName==null || stateName=="") {
+				var initialView = self.getInitialView();
+				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
+			}
+			self.showMediaQueryViewsByState(stateName);
+		}
+		else {
+			if (view) {
+				self.hideViews();
+				self.showView(view);
+				self.setViewVariables(view);
+				self.updateViewLabel();
+				
+				window.dispatchEvent(new Event(self.VIEW_CHANGE));
+			}
+			else {
+				window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+			}
+		}
+	}
+
+	self.popStateHandler = function(event) {
+		var state = event.state;
+		var fragment = state ? state.name : window.location.hash;
+		var view = self.getViewById(fragment);
+
+		if (view) {
+			self.hideViews();
+			self.showView(view);
+			self.updateViewLabel();
+		}
+		else {
+			window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
+		}
+	}
+
+	self.doubleClickHandler = function(event) {
+		var view = self.getVisibleView();
+		var scaleValue = view ? self.getViewScaleValue(view) : 1;
+		var scaleNeededToFit = view ? self.getViewFitToViewportScale(view) : 1;
+		var scaleNeededToFitWidth = view ? self.getViewFitToViewportWidthScale(view) : 1;
+		var scaleNeededToFitHeight = view ? self.getViewFitToViewportHeightScale(view) : 1;
+		var scaleToFitType = self.scaleToFitType;
+
+		// Three scenarios
+		// - scale to fit on double click
+		// - set scale to actual size on double click
+		// - switch between scale to fit and actual page size
+
+		if (scaleToFitType=="width") {
+			scaleNeededToFit = scaleNeededToFitWidth;
+		}
+		else if (scaleToFitType=="height") {
+			scaleNeededToFit = scaleNeededToFitHeight;
+		}
+
+		// if scale and actual size enabled then switch between
+		if (self.scaleToFitOnDoubleClick && self.actualSizeOnDoubleClick) {
+			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+			var isScaled = false;
+			
+			// if scale is not 1 then view needs scaling
+			if (scaleNeededToFit!=1) {
+
+				// if current scale is at 1 it is at actual size
+				// scale it to fit
+				if (scaleValue==1) {
+					self.scaleViewToFit(view);
+					isScaled = true;
+				}
+				else {
+					// scale is not at 1 so switch to actual size
+					self.scaleViewToActualSize(view);
+					isScaled = false;
+				}
+			}
+			else {
+				// view is smaller than viewport 
+				// so scale to fit() is scale actual size
+				// actual size and scaled size are the same
+				// but call scale to fit to retain centering
+				self.scaleViewToFit(view);
+				isScaled = false;
+			}
+			
+			view.setAttributeNS(null, self.SIZE_STATE_NAME, isScaled+"");
+			isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
+		}
+		else if (self.scaleToFitOnDoubleClick) {
+			self.scaleViewToFit(view);
+		}
+		else if (self.actualSizeOnDoubleClick) {
+			self.scaleViewToActualSize(view);
+		}
+
+	}
+
+	self.scaleViewToFit = function(view) {
+		return self.setViewScaleValue(view, true);
+	}
+
+	self.scaleViewToActualSize = function(view) {
+		self.setViewScaleValue(view, false, 1);
+	}
+
+	self.onloadHandler = function(event) {
+		self.initialize();
+	}
+
+	self.setElementHTML = function(id, value) {
+		var element = self.getElement(id);
+		element.innerHTML = value;
+	}
+
+	self.getStackArray = function(error) {
+		var value = "";
+		
+		if (error==null) {
+		  try {
+			 error = new Error("Stack");
+		  }
+		  catch (e) {
+			 
+		  }
+		}
+		
+		if ("stack" in error) {
+		  value = error.stack;
+		  var methods = value.split(/\n/g);
+	 
+		  var newArray = methods ? methods.map(function (value, index, array) {
+			 value = value.replace(/\@.*/,"");
+			 return value;
+		  }) : null;
+	 
+		  if (newArray && newArray[0].includes("getStackTrace")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0].includes("getStackArray")) {
+			 newArray.shift();
+		  }
+		  if (newArray && newArray[0]=="") {
+			 newArray.shift();
+		  }
+	 
+			return newArray;
+		}
+		
+		return null;
+	}
+
+	self.log = function(value) {
+		console.log.apply(this, [value]);
+	}
+	
+	// initialize on load
+	// sometimes the body size is 0 so we call this now and again later
+	window.addEventListener("load", self.onloadHandler);
+	window.document.addEventListener("DOMContentLoaded", self.onloadHandler);
+}
+
+window.application = new Application();
+</script>
+</head>
+<body>
+<div id="n_NewTest-FiberType-More">
+	<img id="n_6" src="n_6.png" srcset="n_6.png 1x, n_6@2x.png 2x">
+		
+	<svg class="n_18_fd">
+		<ellipse id="n_18_fd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_fe">
+		<ellipse id="n_18_fe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_ff" class="backbutton">
+		<svg class="backbutton_fg">
+			<rect id="backbutton_fg" rx="0" ry="0" x="0" y="0" width="53" height="32">
+			</rect>
+		</svg>
+	</div>
+	<div onclick="application.goToTargetView(event)" id="currencybutton" class="currencybutton">
+		<svg class="currencybutton_fi">
+			<rect id="currencybutton_fi" rx="0" ry="0" x="0" y="0" width="480" height="56">
+			</rect>
+		</svg>
+	</div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex4/_NewTest_TestLimt.html b/public/flukemoni/Ex4/_NewTest_TestLimt.html
old mode 100644
new mode 100755
index ee980ab..ec3514a
--- a/public/flukemoni/Ex4/_NewTest_TestLimt.html
+++ b/public/flukemoni/Ex4/_NewTest_TestLimt.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_eo {
+	#n_18_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_fa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#backbutton_e {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#backbutton_ep {
+	#backbutton_fa {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_ep {
+	.backbutton_fa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -80,7 +116,19 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_eq {
+	#MoreButton_e {
+		position: absolute;
+		width: 62px;
+		height: 52px;
+		left: 403px;
+		top: 585px;
+		overflow: visible;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: _NewTest_TestLimt_More.html;
+		cursor: pointer;
+	}
+	#MoreButton_fa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -90,17 +138,13 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_eq {
+	.MoreButton_fa {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
 		height: 52px;
-		left: 403px;
-		top: 585px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: _NewTest_TestLimt_More.html;
-		cursor: pointer;
+		left: 0px;
+		top: 0px;
 	}
 </style>
 <script id="applicationScript">
@@ -3018,16 +3062,26 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt">
 	<img id="n_5" src="n_5.png" srcset="n_5.png 1x, n_5@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_eo" class="backbutton">
-		<svg class="backbutton_ep">
-			<rect id="backbutton_ep" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_e">
+		<ellipse id="n_18_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_fa">
+		<ellipse id="n_18_fa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_e" class="backbutton">
+		<svg class="backbutton_fa">
+			<rect id="backbutton_fa" rx="0" ry="0" x="0" y="0" width="53" height="32">
+			</rect>
+		</svg>
+	</div>
+	<div onclick="application.goToTargetView(event)" id="MoreButton_e" class="MoreButton">
+		<svg class="MoreButton_fa">
+			<rect id="MoreButton_fa" rx="0" ry="0" x="0" y="0" width="62" height="52">
 			</rect>
 		</svg>
 	</div>
-	<svg class="MoreButton_eq">
-		<rect onclick="application.goToTargetView(event)" id="MoreButton_eq" rx="0" ry="0" x="0" y="0" width="62" height="52">
-		</rect>
-	</svg>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex4/_NewTest_TestLimt_More.html b/public/flukemoni/Ex4/_NewTest_TestLimt_More.html
old mode 100644
new mode 100755
index cdeb990..7b9d9c7
--- a/public/flukemoni/Ex4/_NewTest_TestLimt_More.html
+++ b/public/flukemoni/Ex4/_NewTest_TestLimt_More.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_fb {
+	#n_18_fv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_fw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_fw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 358px;
+		top: 273px;
+	}
+	#backbutton_fx {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: _NewTest_TestLimt.html;
 		cursor: pointer;
 	}
-	#backbutton_fc {
+	#backbutton_fy {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_fc {
+	.backbutton_fy {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -93,7 +129,7 @@
 		--web-action-target: _NewTest_TestLimt_TIA.html;
 		cursor: pointer;
 	}
-	#TIABUTTON_fb {
+	#TIABUTTON_f {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TIABUTTON_fb {
+	.TIABUTTON_f {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt-More">
 	<img id="n_8" src="n_8.png" srcset="n_8.png 1x, n_8@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_fb" class="backbutton">
-		<svg class="backbutton_fc">
-			<rect id="backbutton_fc" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_fv">
+		<ellipse id="n_18_fv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_fw">
+		<ellipse id="n_18_fw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_fx" class="backbutton">
+		<svg class="backbutton_fy">
+			<rect id="backbutton_fy" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TIABUTTON" class="TIABUTTON">
-		<svg class="TIABUTTON_fb">
-			<rect id="TIABUTTON_fb" rx="0" ry="0" x="0" y="0" width="480" height="53">
+		<svg class="TIABUTTON_f">
+			<rect id="TIABUTTON_f" rx="0" ry="0" x="0" y="0" width="480" height="53">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/_NewTest_TestLimt_TIA.html b/public/flukemoni/Ex4/_NewTest_TestLimt_TIA.html
old mode 100644
new mode 100755
index 44f1d4a..5551abf
--- a/public/flukemoni/Ex4/_NewTest_TestLimt_TIA.html
+++ b/public/flukemoni/Ex4/_NewTest_TestLimt_TIA.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_ff {
+	#n_18_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_ga {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_ga {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 358px;
+		top: 164px;
+	}
+	#backbutton_f {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: _NewTest_TestLimt_More.html;
 		cursor: pointer;
 	}
-	#backbutton_fg {
+	#backbutton_ga {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_fg {
+	.backbutton_ga {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -92,7 +128,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#TIA5683ESTD_fi {
+	#TIA5683ESTD_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TIA5683ESTD_fi {
+	.TIA5683ESTD_f {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt-TIA">
 	<img id="n_9" src="n_9.png" srcset="n_9.png 1x, n_9@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_ff" class="backbutton">
-		<svg class="backbutton_fg">
-			<rect id="backbutton_fg" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_f">
+		<ellipse id="n_18_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_ga">
+		<ellipse id="n_18_ga" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_f" class="backbutton">
+		<svg class="backbutton_ga">
+			<rect id="backbutton_ga" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TIA5683ESTD" class="TIA5683ESTD">
-		<svg class="TIA5683ESTD_fi">
-			<rect id="TIA5683ESTD_fi" rx="0" ry="0" x="0" y="0" width="480" height="53">
+		<svg class="TIA5683ESTD_f">
+			<rect id="TIA5683ESTD_f" rx="0" ry="0" x="0" y="0" width="480" height="53">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/_NewTest_TestType.html b/public/flukemoni/Ex4/_NewTest_TestType.html
old mode 100644
new mode 100755
index d68bf14..37d0378
--- a/public/flukemoni/Ex4/_NewTest_TestType.html
+++ b/public/flukemoni/Ex4/_NewTest_TestType.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#backbutton_eb {
+	#n_18_en {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_en {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 51px;
+	}
+	#n_18_eo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18_eo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 328px;
+		top: 106px;
+	}
+	#backbutton_ep {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -63,7 +99,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#backbutton_ec {
+	#backbutton_eq {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.backbutton_ec {
+	.backbutton_eq {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -92,7 +128,7 @@
 		--web-action-target: HOMEPAGE_ChangeTest_NewTest.html;
 		cursor: pointer;
 	}
-	#Remote_ee {
+	#Remote_es {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Remote_ee {
+	.Remote_es {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestType">
 	<img id="n_3" src="n_3.png" srcset="n_3.png 1x, n_3@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="backbutton_eb" class="backbutton">
-		<svg class="backbutton_ec">
-			<rect id="backbutton_ec" rx="0" ry="0" x="0" y="0" width="53" height="32">
+	<svg class="n_18_en">
+		<ellipse id="n_18_en" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_18_eo">
+		<ellipse id="n_18_eo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="backbutton_ep" class="backbutton">
+		<svg class="backbutton_eq">
+			<rect id="backbutton_eq" rx="0" ry="0" x="0" y="0" width="53" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Remote" class="Remote">
-		<svg class="Remote_ee">
-			<rect id="Remote_ee" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		<svg class="Remote_es">
+			<rect id="Remote_es" rx="0" ry="0" x="0" y="0" width="480" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4/n_10.png b/public/flukemoni/Ex4/n_10.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_11.png b/public/flukemoni/Ex4/n_11.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_12.png b/public/flukemoni/Ex4/n_12.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_13.png b/public/flukemoni/Ex4/n_13.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_13_ho.png b/public/flukemoni/Ex4/n_13_i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_13_ho.png
rename to public/flukemoni/Ex4/n_13_i.png
diff --git a/public/flukemoni/Ex4/n_13_ih.png b/public/flukemoni/Ex4/n_13_j.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_13_ih.png
rename to public/flukemoni/Ex4/n_13_j.png
diff --git a/public/flukemoni/Ex4/n_14.png b/public/flukemoni/Ex4/n_14.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_16.png b/public/flukemoni/Ex4/n_16.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_16_na.png b/public/flukemoni/Ex4/n_16_qa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_16_na.png
rename to public/flukemoni/Ex4/n_16_qa.png
diff --git a/public/flukemoni/Ex4/n_17.png b/public/flukemoni/Ex4/n_17_h.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_17.png
rename to public/flukemoni/Ex4/n_17_h.png
diff --git a/public/flukemoni/Ex4/n_18.png b/public/flukemoni/Ex4/n_18_gl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_18.png
rename to public/flukemoni/Ex4/n_18_gl.png
diff --git a/public/flukemoni/Ex4/n_19.png b/public/flukemoni/Ex4/n_19_if.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_19.png
rename to public/flukemoni/Ex4/n_19_if.png
diff --git a/public/flukemoni/Ex4/n_1_dx.png b/public/flukemoni/Ex4/n_1_d.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_1_dx.png
rename to public/flukemoni/Ex4/n_1_d.png
diff --git a/public/flukemoni/Ex4/n_1_dx@2x.png b/public/flukemoni/Ex4/n_1_d@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_1_dx@2x.png
rename to public/flukemoni/Ex4/n_1_d@2x.png
diff --git a/public/flukemoni/Ex4/n_20.png b/public/flukemoni/Ex4/n_20_i.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_20.png
rename to public/flukemoni/Ex4/n_20_i.png
diff --git a/public/flukemoni/Ex4/n_21.png b/public/flukemoni/Ex4/n_21_jf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_21.png
rename to public/flukemoni/Ex4/n_21_jf.png
diff --git a/public/flukemoni/Ex4/n_22.png b/public/flukemoni/Ex4/n_22.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_23.png b/public/flukemoni/Ex4/n_23.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_27.png b/public/flukemoni/Ex4/n_27_m.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_27.png
rename to public/flukemoni/Ex4/n_27_m.png
diff --git a/public/flukemoni/Ex4/n_27_kq.png b/public/flukemoni/Ex4/n_27_mg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_27_kq.png
rename to public/flukemoni/Ex4/n_27_mg.png
diff --git a/public/flukemoni/Ex4/n_29.png b/public/flukemoni/Ex4/n_29_mv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_29.png
rename to public/flukemoni/Ex4/n_29_mv.png
diff --git a/public/flukemoni/Ex4/n_3.png b/public/flukemoni/Ex4/n_3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_30.png b/public/flukemoni/Ex4/n_30.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_32.png b/public/flukemoni/Ex4/n_32.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_34.png b/public/flukemoni/Ex4/n_34.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_36.png b/public/flukemoni/Ex4/n_36.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_37.png b/public/flukemoni/Ex4/n_37.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_38.png b/public/flukemoni/Ex4/n_38.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_39.png b/public/flukemoni/Ex4/n_39.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_3@2x.png b/public/flukemoni/Ex4/n_3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_4.png b/public/flukemoni/Ex4/n_4.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_41.png b/public/flukemoni/Ex4/n_41.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_41_my.png b/public/flukemoni/Ex4/n_41_pv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_41_my.png
rename to public/flukemoni/Ex4/n_41_pv.png
diff --git a/public/flukemoni/Ex4/n_42.png b/public/flukemoni/Ex4/n_42.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_43.png b/public/flukemoni/Ex4/n_43.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_43_m.png b/public/flukemoni/Ex4/n_43_p.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_43_m.png
rename to public/flukemoni/Ex4/n_43_p.png
diff --git a/public/flukemoni/Ex4/n_44.png b/public/flukemoni/Ex4/n_44.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_45.png b/public/flukemoni/Ex4/n_45.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_46.png b/public/flukemoni/Ex4/n_46.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_47.png b/public/flukemoni/Ex4/n_47.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_48.png b/public/flukemoni/Ex4/n_48.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_49.png b/public/flukemoni/Ex4/n_49.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_4@2x.png b/public/flukemoni/Ex4/n_4@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_5.png b/public/flukemoni/Ex4/n_5.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_50.png b/public/flukemoni/Ex4/n_50.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_51.png b/public/flukemoni/Ex4/n_51.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_52.png b/public/flukemoni/Ex4/n_52.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_53.png b/public/flukemoni/Ex4/n_53.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_55.png b/public/flukemoni/Ex4/n_55.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_55_qe.png b/public/flukemoni/Ex4/n_55_h.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_55_qe.png
rename to public/flukemoni/Ex4/n_55_h.png
diff --git a/public/flukemoni/Ex4/n_55_zn.png b/public/flukemoni/Ex4/n_55_n.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_55_zn.png
rename to public/flukemoni/Ex4/n_55_n.png
diff --git a/public/flukemoni/Ex4/n_55_zs.png b/public/flukemoni/Ex4/n_55_ub.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_55_zs.png
rename to public/flukemoni/Ex4/n_55_ub.png
diff --git a/public/flukemoni/Ex4/n_56.png b/public/flukemoni/Ex4/n_56.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_57.png b/public/flukemoni/Ex4/n_57.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_58.png b/public/flukemoni/Ex4/n_58.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_59.png b/public/flukemoni/Ex4/n_59.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_5@2x.png b/public/flukemoni/Ex4/n_5@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_6.png b/public/flukemoni/Ex4/n_6.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_60.png b/public/flukemoni/Ex4/n_60.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_61.png b/public/flukemoni/Ex4/n_61.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_61_rs.png b/public/flukemoni/Ex4/n_61_h.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_61_rs.png
rename to public/flukemoni/Ex4/n_61_h.png
diff --git a/public/flukemoni/Ex4/n_61_uh.png b/public/flukemoni/Ex4/n_61_q.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_61_uh.png
rename to public/flukemoni/Ex4/n_61_q.png
diff --git a/public/flukemoni/Ex4/n_61_uo.png b/public/flukemoni/Ex4/n_61_v.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_61_uo.png
rename to public/flukemoni/Ex4/n_61_v.png
diff --git a/public/flukemoni/Ex4/n_61_y.png b/public/flukemoni/Ex4/n_61_zq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_61_y.png
rename to public/flukemoni/Ex4/n_61_zq.png
diff --git a/public/flukemoni/Ex4/n_61_yu.png b/public/flukemoni/Ex4/n_61_zz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_61_yu.png
rename to public/flukemoni/Ex4/n_61_zz.png
diff --git a/public/flukemoni/Ex4/n_62.png b/public/flukemoni/Ex4/n_62.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_62_rz.png b/public/flukemoni/Ex4/n_62_we.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_62_rz.png
rename to public/flukemoni/Ex4/n_62_we.png
diff --git a/public/flukemoni/Ex4/n_63.png b/public/flukemoni/Ex4/n_63.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_63_of.png b/public/flukemoni/Ex4/n_63_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_of.png
rename to public/flukemoni/Ex4/n_63_.png
diff --git a/public/flukemoni/Ex4/n_63_q.png b/public/flukemoni/Ex4/n_63_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_q.png
rename to public/flukemoni/Ex4/n_63_b.png
diff --git a/public/flukemoni/Ex4/n_63_qj.png b/public/flukemoni/Ex4/n_63_n.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_qj.png
rename to public/flukemoni/Ex4/n_63_n.png
diff --git a/public/flukemoni/Ex4/n_63_r.png b/public/flukemoni/Ex4/n_63_rs.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_r.png
rename to public/flukemoni/Ex4/n_63_rs.png
diff --git a/public/flukemoni/Ex4/n_63_t.png b/public/flukemoni/Ex4/n_63_t.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_63_s.png b/public/flukemoni/Ex4/n_63_u.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_s.png
rename to public/flukemoni/Ex4/n_63_u.png
diff --git a/public/flukemoni/Ex4/n_63_ta.png b/public/flukemoni/Ex4/n_63_uh.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_ta.png
rename to public/flukemoni/Ex4/n_63_uh.png
diff --git a/public/flukemoni/Ex4/n_63_wh.png b/public/flukemoni/Ex4/n_63_wk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_wh.png
rename to public/flukemoni/Ex4/n_63_wk.png
diff --git a/public/flukemoni/Ex4/n_63_xg.png b/public/flukemoni/Ex4/n_63_x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_xg.png
rename to public/flukemoni/Ex4/n_63_x.png
diff --git a/public/flukemoni/Ex4/n_63_xl.png b/public/flukemoni/Ex4/n_63_xw.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_xl.png
rename to public/flukemoni/Ex4/n_63_xw.png
diff --git a/public/flukemoni/Ex4/n_63_yk.png b/public/flukemoni/Ex4/n_63_ze.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_63_yk.png
rename to public/flukemoni/Ex4/n_63_ze.png
diff --git a/public/flukemoni/Ex4/n_64.png b/public/flukemoni/Ex4/n_64.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_64_rn.png b/public/flukemoni/Ex4/n_64_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_64_rn.png
rename to public/flukemoni/Ex4/n_64_.png
diff --git a/public/flukemoni/Ex4/n_64_uc.png b/public/flukemoni/Ex4/n_64_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_64_uc.png
rename to public/flukemoni/Ex4/n_64_b.png
diff --git a/public/flukemoni/Ex4/n_64_uv.png b/public/flukemoni/Ex4/n_64_vz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_64_uv.png
rename to public/flukemoni/Ex4/n_64_vz.png
diff --git a/public/flukemoni/Ex4/n_64_y.png b/public/flukemoni/Ex4/n_64_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_64_y.png
rename to public/flukemoni/Ex4/n_64_z.png
diff --git a/public/flukemoni/Ex4/n_64_yp.png b/public/flukemoni/Ex4/n_64_zk.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_64_yp.png
rename to public/flukemoni/Ex4/n_64_zk.png
diff --git a/public/flukemoni/Ex4/n_65.png b/public/flukemoni/Ex4/n_65.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_66.png b/public/flukemoni/Ex4/n_66.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_67.png b/public/flukemoni/Ex4/n_67.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_68.png b/public/flukemoni/Ex4/n_68.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_68_wm.png b/public/flukemoni/Ex4/n_68_h.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_68_wm.png
rename to public/flukemoni/Ex4/n_68_h.png
diff --git a/public/flukemoni/Ex4/n_69.png b/public/flukemoni/Ex4/n_69.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_69_xq.png b/public/flukemoni/Ex4/n_69_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_69_xq.png
rename to public/flukemoni/Ex4/n_69_z.png
diff --git a/public/flukemoni/Ex4/n_6@2x.png b/public/flukemoni/Ex4/n_6@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_7.png b/public/flukemoni/Ex4/n_7.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_70.png b/public/flukemoni/Ex4/n_70.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_70_w.png b/public/flukemoni/Ex4/n_70_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_70_w.png
rename to public/flukemoni/Ex4/n_70_.png
diff --git a/public/flukemoni/Ex4/n_71.png b/public/flukemoni/Ex4/n_71.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_71_x.png b/public/flukemoni/Ex4/n_71_k.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_71_x.png
rename to public/flukemoni/Ex4/n_71_k.png
diff --git a/public/flukemoni/Ex4/n_72.png b/public/flukemoni/Ex4/n_72.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_72_zi.png b/public/flukemoni/Ex4/n_72_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_72_zi.png
rename to public/flukemoni/Ex4/n_72_b.png
diff --git a/public/flukemoni/Ex4/n_73.png b/public/flukemoni/Ex4/n_73.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_73_zd.png b/public/flukemoni/Ex4/n_73_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_73_zd.png
rename to public/flukemoni/Ex4/n_73_.png
diff --git a/public/flukemoni/Ex4/n_74.png b/public/flukemoni/Ex4/n_74.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_75.png b/public/flukemoni/Ex4/n_75.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_75_vq.png b/public/flukemoni/Ex4/n_75_b.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4/n_75_vq.png
rename to public/flukemoni/Ex4/n_75_b.png
diff --git a/public/flukemoni/Ex4/n_76.png b/public/flukemoni/Ex4/n_76.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_77.png b/public/flukemoni/Ex4/n_77.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_7@2x.png b/public/flukemoni/Ex4/n_7@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_8.png b/public/flukemoni/Ex4/n_8.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_8@2x.png b/public/flukemoni/Ex4/n_8@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_9.png b/public/flukemoni/Ex4/n_9.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4/n_9@2x.png b/public/flukemoni/Ex4/n_9@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/HOMEPAGE.html b/public/flukemoni/Ex4_2/HOMEPAGE.html
old mode 100644
new mode 100755
index af55733..3b40de2
--- a/public/flukemoni/Ex4_2/HOMEPAGE.html
+++ b/public/flukemoni/Ex4_2/HOMEPAGE.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TestType_dh {
+	#n_1_dh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_dh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 375px;
+		top: 229px;
+	}
+	#n_20 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 206px;
+		top: 599px;
+	}
+	#TestType_dj {
 		position: absolute;
 		width: 442px;
 		height: 99px;
@@ -62,7 +98,7 @@
 		--web-action-target: TestType.html;
 		cursor: pointer;
 	}
-	#TestType_di {
+	#TestType_dk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_di {
+	.TestType_dk {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -92,7 +128,7 @@
 		--web-action-target: SETCOMP_LA.html;
 		cursor: pointer;
 	}
-	#SetCOMPButtion_dk {
+	#SetCOMPButtion_dm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SetCOMPButtion_dk {
+	.SetCOMPButtion_dm {
 		position: absolute;
 		overflow: visible;
 		width: 99px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="n_1" src="n_1.png" srcset="n_1.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="TestType_dh" class="TestType">
-		<svg class="TestType_di">
-			<rect id="TestType_di" rx="0" ry="0" x="0" y="0" width="442" height="99">
+	<svg class="n_1_dh">
+		<ellipse id="n_1_dh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20">
+		<ellipse id="n_20" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="TestType_dj" class="TestType">
+		<svg class="TestType_dk">
+			<rect id="TestType_dk" rx="0" ry="0" x="0" y="0" width="442" height="99">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SetCOMPButtion" class="SetCOMPButtion">
-		<svg class="SetCOMPButtion_dk">
-			<rect id="SetCOMPButtion_dk" rx="0" ry="0" x="0" y="0" width="99" height="50">
+		<svg class="SetCOMPButtion_dm">
+			<rect id="SetCOMPButtion_dm" rx="0" ry="0" x="0" y="0" width="99" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/HOMEPAGE_SM.html b/public/flukemoni/Ex4_2/HOMEPAGE_SM.html
old mode 100644
new mode 100755
index c42b7ba..00e1e8f
--- a/public/flukemoni/Ex4_2/HOMEPAGE_SM.html
+++ b/public/flukemoni/Ex4_2/HOMEPAGE_SM.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_1_f {
+	#n_1_g {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TestType_f {
+	#n_20_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 206px;
+		top: 599px;
+	}
+	#n_1_ha {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ha {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 366px;
+		top: 231px;
+	}
+	#TestType_g {
 		position: absolute;
 		width: 442px;
 		height: 99px;
@@ -62,7 +98,7 @@
 		--web-action-target: TestType_SM.html;
 		cursor: pointer;
 	}
-	#TestType_ga {
+	#TestType_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_ga {
+	.TestType_ha {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -80,7 +116,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SetCOMPButtion_gb {
+	#SetCOMPButtion_g {
 		position: absolute;
 		width: 99px;
 		height: 50px;
@@ -92,7 +128,7 @@
 		--web-action-target: SETCOMP_LA.html;
 		cursor: pointer;
 	}
-	#SetCOMPButtion_gc {
+	#SetCOMPButtion_ha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SetCOMPButtion_gc {
+	.SetCOMPButtion_ha {
 		position: absolute;
 		overflow: visible;
 		width: 99px;
@@ -3024,17 +3060,25 @@ window.application = new Application();
 </head>
 <body>
 <div id="HOMEPAGE-SM">
-	<img id="n_1_f" src="n_1_f.png" srcset="n_1_f.png 1x, n_1_f@2x.png 2x">
+	<img id="n_1_g" src="n_1_g.png" srcset="n_1_g.png 1x, n_1_g@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="TestType_f" class="TestType">
-		<svg class="TestType_ga">
-			<rect id="TestType_ga" rx="0" ry="0" x="0" y="0" width="442" height="99">
+	<svg class="n_20_g">
+		<ellipse id="n_20_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ha">
+		<ellipse id="n_1_ha" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="TestType_g" class="TestType">
+		<svg class="TestType_ha">
+			<rect id="TestType_ha" rx="0" ry="0" x="0" y="0" width="442" height="99">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SetCOMPButtion_gb" class="SetCOMPButtion">
-		<svg class="SetCOMPButtion_gc">
-			<rect id="SetCOMPButtion_gc" rx="0" ry="0" x="0" y="0" width="99" height="50">
+	<div onclick="application.goToTargetView(event)" id="SetCOMPButtion_g" class="SetCOMPButtion">
+		<svg class="SetCOMPButtion_ha">
+			<rect id="SetCOMPButtion_ha" rx="0" ry="0" x="0" y="0" width="99" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E1.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E1.html
old mode 100644
new mode 100755
index f7be1e9..29c4ed7
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E1.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ob {
+	#n_12_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_sa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_sa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_sb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_sb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_r {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_oc {
+	#HelpButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_oc {
+	.HelpButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_od {
+	#SJ-LButton_sa {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_oe {
+	#SJ-LButton_sb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_oe {
+	.SJ-LButton_sb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_of {
+	#SJ-LButton_sc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_og {
+	#SJ-LButton_sd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_og {
+	.SJ-LButton_sd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_oh {
+	#BC-LButton_se {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_oi {
+	#BC-LButton_sf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_oi {
+	.BC-LButton_sf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_oj {
+	#BC-RButton_sg {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ok {
+	#BC-RButton_sh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ok {
+	.BC-RButton_sh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ol {
+	#EvenTMapButton_si {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_om {
+	#EvenTMapButton_sj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_om {
+	.EvenTMapButton_sj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_oo {
+	#TableButton_sl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_oo {
+	.TableButton_sl {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_op {
+	#HOMEBUTTON_sm {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_oq {
+	#HOMEBUTTON_sn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_oq {
+	.HOMEBUTTON_sn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1">
 	<img id="n_90" src="n_90.png" srcset="n_90.png 1x, n_90@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_ob" class="HelpButton">
-		<svg class="HelpButton_oc">
-			<rect id="HelpButton_oc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_r">
+		<ellipse id="n_12_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_r">
+		<ellipse id="n_8_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_sa">
+		<ellipse id="n_8_sa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_sb">
+		<ellipse id="n_8_sb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_r">
+		<ellipse id="n_13_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_r">
+		<ellipse id="n_14_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_r">
+		<ellipse id="n_15_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_r">
+		<ellipse id="n_16_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_r" class="HelpButton">
+		<svg class="HelpButton_sa">
+			<rect id="HelpButton_sa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_od" class="SJ_LButton">
-		<svg class="SJ-LButton_oe">
-			<ellipse id="SJ-LButton_oe" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sa" class="SJ_LButton">
+		<svg class="SJ-LButton_sb">
+			<ellipse id="SJ-LButton_sb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_of" class="SJ_LButton">
-		<svg class="SJ-LButton_og">
-			<ellipse id="SJ-LButton_og" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sc" class="SJ_LButton">
+		<svg class="SJ-LButton_sd">
+			<ellipse id="SJ-LButton_sd" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_oh" class="BC_LButton">
-		<svg class="BC-LButton_oi">
-			<ellipse id="BC-LButton_oi" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_se" class="BC_LButton">
+		<svg class="BC-LButton_sf">
+			<ellipse id="BC-LButton_sf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_oj" class="BC_RButton">
-		<svg class="BC-RButton_ok">
-			<ellipse id="BC-RButton_ok" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_sg" class="BC_RButton">
+		<svg class="BC-RButton_sh">
+			<ellipse id="BC-RButton_sh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ol" class="EvenTMapButton">
-		<svg class="EvenTMapButton_om">
-			<rect id="EvenTMapButton_om" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_si" class="EvenTMapButton">
+		<svg class="EvenTMapButton_sj">
+			<rect id="EvenTMapButton_sj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TableButton" class="TableButton">
-		<svg class="TableButton_oo">
-			<rect id="TableButton_oo" rx="0" ry="0" x="0" y="0" width="159" height="34">
+		<svg class="TableButton_sl">
+			<rect id="TableButton_sl" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_op" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_oq">
-			<rect id="HOMEBUTTON_oq" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_sm" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_sn">
+			<rect id="HOMEBUTTON_sn" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E2.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E2.html
old mode 100644
new mode 100755
index cd2efe5..6bde1b9
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E2.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ou {
+	#n_12_sr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_sr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_ss {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ss {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_st {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_st {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_su {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_su {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_sv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_sv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_sw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_sw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_sx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_sx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_sy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_sy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_sz {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ov {
+	#HelpButton_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ov {
+	.HelpButton_s {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ow {
+	#SJ-LButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ox {
+	#SJ-LButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ox {
+	.SJ-LButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_oy {
+	#SJ-LButton_tb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_oz {
+	#SJ-LButton_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_oz {
+	.SJ-LButton_tc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_o {
+	#BC-LButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_pa {
+	#BC-LButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_pa {
+	.BC-LButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_o {
+	#BC-RButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_pa {
+	#BC-RButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_pa {
+	.BC-RButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_o {
+	#EvenTMapButton_s {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_pa {
+	#EvenTMapButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_pa {
+	.EvenTMapButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_o {
+	#TableButton_tb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_pa {
+	#TableButton_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_pa {
+	.TableButton_tc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_o {
+	#HOMEBUTTON_td {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_pa {
+	#HOMEBUTTON_te {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_pa {
+	.HOMEBUTTON_te {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E2">
 	<img id="n_93" src="n_93.png" srcset="n_93.png 1x, n_93@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_ou" class="HelpButton">
-		<svg class="HelpButton_ov">
-			<rect id="HelpButton_ov" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_sr">
+		<ellipse id="n_12_sr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ss">
+		<ellipse id="n_8_ss" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_st">
+		<ellipse id="n_8_st" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_su">
+		<ellipse id="n_8_su" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_sv">
+		<ellipse id="n_13_sv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_sw">
+		<ellipse id="n_14_sw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_sx">
+		<ellipse id="n_15_sx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_sy">
+		<ellipse id="n_16_sy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_sz" class="HelpButton">
+		<svg class="HelpButton_s">
+			<rect id="HelpButton_s" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ow" class="SJ_LButton">
-		<svg class="SJ-LButton_ox">
-			<ellipse id="SJ-LButton_ox" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_s" class="SJ_LButton">
+		<svg class="SJ-LButton_ta">
+			<ellipse id="SJ-LButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_oy" class="SJ_LButton">
-		<svg class="SJ-LButton_oz">
-			<ellipse id="SJ-LButton_oz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tb" class="SJ_LButton">
+		<svg class="SJ-LButton_tc">
+			<ellipse id="SJ-LButton_tc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_o" class="BC_LButton">
-		<svg class="BC-LButton_pa">
-			<ellipse id="BC-LButton_pa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_s" class="BC_LButton">
+		<svg class="BC-LButton_ta">
+			<ellipse id="BC-LButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_o" class="BC_RButton">
-		<svg class="BC-RButton_pa">
-			<ellipse id="BC-RButton_pa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_s" class="BC_RButton">
+		<svg class="BC-RButton_ta">
+			<ellipse id="BC-RButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_o" class="EvenTMapButton">
-		<svg class="EvenTMapButton_pa">
-			<rect id="EvenTMapButton_pa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_s" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ta">
+			<rect id="EvenTMapButton_ta" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_o" class="TableButton">
-		<svg class="TableButton_pa">
-			<rect id="TableButton_pa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_tb" class="TableButton">
+		<svg class="TableButton_tc">
+			<rect id="TableButton_tc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_o" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_pa">
-			<rect id="HOMEBUTTON_pa" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_td" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_te">
+			<rect id="HOMEBUTTON_te" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E3.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E3.html
old mode 100644
new mode 100755
index e0b1846..b1e9915
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E3.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_pd {
+	#n_12_ti {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_ti {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_tj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_tj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_tk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_tk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_tl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_tl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_tm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_tm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_tn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_tn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_to {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_to {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_tp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_tp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_tq {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_pe {
+	#HelpButton_tr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_pe {
+	.HelpButton_tr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_pf {
+	#SJ-LButton_ts {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pg {
+	#SJ-LButton_tt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pg {
+	.SJ-LButton_tt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ph {
+	#SJ-LButton_tu {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pi {
+	#SJ-LButton_tv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pi {
+	.SJ-LButton_tv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_pj {
+	#BC-LButton_tw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_pk {
+	#BC-LButton_tx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_pk {
+	.BC-LButton_tx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_pl {
+	#BC-RButton_ty {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_pm {
+	#BC-RButton_tz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_pm {
+	.BC-RButton_tz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_pn {
+	#EvenTMapButton_t {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_po {
+	#EvenTMapButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_po {
+	.EvenTMapButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_pp {
+	#TableButton_t {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_pq {
+	#TableButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_pq {
+	.TableButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_pr {
+	#HOMEBUTTON_t {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ps {
+	#HOMEBUTTON_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ps {
+	.HOMEBUTTON_ua {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E3">
 	<img id="n_98" src="n_98.png" srcset="n_98.png 1x, n_98@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_pd" class="HelpButton">
-		<svg class="HelpButton_pe">
-			<rect id="HelpButton_pe" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_ti">
+		<ellipse id="n_12_ti" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_tj">
+		<ellipse id="n_8_tj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_tk">
+		<ellipse id="n_8_tk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_tl">
+		<ellipse id="n_8_tl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_tm">
+		<ellipse id="n_13_tm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_tn">
+		<ellipse id="n_14_tn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_to">
+		<ellipse id="n_15_to" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_tp">
+		<ellipse id="n_16_tp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_tq" class="HelpButton">
+		<svg class="HelpButton_tr">
+			<rect id="HelpButton_tr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pf" class="SJ_LButton">
-		<svg class="SJ-LButton_pg">
-			<ellipse id="SJ-LButton_pg" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ts" class="SJ_LButton">
+		<svg class="SJ-LButton_tt">
+			<ellipse id="SJ-LButton_tt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ph" class="SJ_LButton">
-		<svg class="SJ-LButton_pi">
-			<ellipse id="SJ-LButton_pi" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tu" class="SJ_LButton">
+		<svg class="SJ-LButton_tv">
+			<ellipse id="SJ-LButton_tv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_pj" class="BC_LButton">
-		<svg class="BC-LButton_pk">
-			<ellipse id="BC-LButton_pk" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_tw" class="BC_LButton">
+		<svg class="BC-LButton_tx">
+			<ellipse id="BC-LButton_tx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_pl" class="BC_RButton">
-		<svg class="BC-RButton_pm">
-			<ellipse id="BC-RButton_pm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ty" class="BC_RButton">
+		<svg class="BC-RButton_tz">
+			<ellipse id="BC-RButton_tz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_pn" class="EvenTMapButton">
-		<svg class="EvenTMapButton_po">
-			<rect id="EvenTMapButton_po" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_t" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ua">
+			<rect id="EvenTMapButton_ua" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_pp" class="TableButton">
-		<svg class="TableButton_pq">
-			<rect id="TableButton_pq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_t" class="TableButton">
+		<svg class="TableButton_ua">
+			<rect id="TableButton_ua" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_pr" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ps">
-			<rect id="HOMEBUTTON_ps" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_t" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ua">
+			<rect id="HOMEBUTTON_ua" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E4.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E4.html
old mode 100644
new mode 100755
index 8cfdf0c..2c2b578
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_pw {
+	#n_12_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_ua {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ua {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_ub {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ub {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_uc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_uc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_ud {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_ud {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_ue {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_ue {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_uf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_uf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_ug {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ug {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_uh {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_px {
+	#HelpButton_ui {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_px {
+	.HelpButton_ui {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_py {
+	#SJ-LButton_uj {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pz {
+	#SJ-LButton_uk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pz {
+	.SJ-LButton_uk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_p {
+	#SJ-LButton_ul {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qa {
+	#SJ-LButton_um {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qa {
+	.SJ-LButton_um {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_p {
+	#BC-LButton_un {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_qa {
+	#BC-LButton_uo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_qa {
+	.BC-LButton_uo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_p {
+	#BC-RButton_up {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_qa {
+	#BC-RButton_uq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_qa {
+	.BC-RButton_uq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_p {
+	#EvenTMapButton_ur {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_qa {
+	#EvenTMapButton_us {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_qa {
+	.EvenTMapButton_us {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_p {
+	#TableButton_ut {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_qa {
+	#TableButton_uu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_qa {
+	.TableButton_uu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_qa {
+	#HOMEBUTTON_uv {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_qb {
+	#HOMEBUTTON_uw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_qb {
+	.HOMEBUTTON_uw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E4">
 	<img id="n_99" src="n_99.png" srcset="n_99.png 1x, n_99@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_pw" class="HelpButton">
-		<svg class="HelpButton_px">
-			<rect id="HelpButton_px" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_t">
+		<ellipse id="n_12_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ua">
+		<ellipse id="n_8_ua" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ub">
+		<ellipse id="n_8_ub" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_uc">
+		<ellipse id="n_8_uc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_ud">
+		<ellipse id="n_13_ud" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_ue">
+		<ellipse id="n_14_ue" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_uf">
+		<ellipse id="n_15_uf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_ug">
+		<ellipse id="n_16_ug" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_uh" class="HelpButton">
+		<svg class="HelpButton_ui">
+			<rect id="HelpButton_ui" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_py" class="SJ_LButton">
-		<svg class="SJ-LButton_pz">
-			<ellipse id="SJ-LButton_pz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_uj" class="SJ_LButton">
+		<svg class="SJ-LButton_uk">
+			<ellipse id="SJ-LButton_uk" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_p" class="SJ_LButton">
-		<svg class="SJ-LButton_qa">
-			<ellipse id="SJ-LButton_qa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ul" class="SJ_LButton">
+		<svg class="SJ-LButton_um">
+			<ellipse id="SJ-LButton_um" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_p" class="BC_LButton">
-		<svg class="BC-LButton_qa">
-			<ellipse id="BC-LButton_qa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_un" class="BC_LButton">
+		<svg class="BC-LButton_uo">
+			<ellipse id="BC-LButton_uo" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_p" class="BC_RButton">
-		<svg class="BC-RButton_qa">
-			<ellipse id="BC-RButton_qa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_up" class="BC_RButton">
+		<svg class="BC-RButton_uq">
+			<ellipse id="BC-RButton_uq" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_p" class="EvenTMapButton">
-		<svg class="EvenTMapButton_qa">
-			<rect id="EvenTMapButton_qa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ur" class="EvenTMapButton">
+		<svg class="EvenTMapButton_us">
+			<rect id="EvenTMapButton_us" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_p" class="TableButton">
-		<svg class="TableButton_qa">
-			<rect id="TableButton_qa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_ut" class="TableButton">
+		<svg class="TableButton_uu">
+			<rect id="TableButton_uu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_qa" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_qb">
-			<rect id="HOMEBUTTON_qb" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_uv" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_uw">
+			<rect id="HOMEBUTTON_uw" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E5.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E5.html
old mode 100644
new mode 100755
index 1ad0472..1f2c929
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_qf {
+	#n_12_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_va {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_va {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_vb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_vb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_u {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_qg {
+	#HelpButton_va {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_qg {
+	.HelpButton_va {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_qh {
+	#SJ-LButton_va {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qi {
+	#SJ-LButton_vb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qi {
+	.SJ-LButton_vb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_qj {
+	#SJ-LButton_vc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qk {
+	#SJ-LButton_vd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qk {
+	.SJ-LButton_vd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ql {
+	#BC-LButton_ve {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_qm {
+	#BC-LButton_vf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_qm {
+	.BC-LButton_vf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_qn {
+	#BC-RButton_vg {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_qo {
+	#BC-RButton_vh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_qo {
+	.BC-RButton_vh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_qp {
+	#EvenTMapButton_vi {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_qq {
+	#EvenTMapButton_vj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_qq {
+	.EvenTMapButton_vj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_qr {
+	#TableButton_vk {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_qs {
+	#TableButton_vl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_qs {
+	.TableButton_vl {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_qt {
+	#HOMEBUTTON_vm {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_qu {
+	#HOMEBUTTON_vn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_qu {
+	.HOMEBUTTON_vn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E5">
 	<img id="n_103" src="n_103.png" srcset="n_103.png 1x, n_103@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_qf" class="HelpButton">
-		<svg class="HelpButton_qg">
-			<rect id="HelpButton_qg" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_u">
+		<ellipse id="n_12_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_u">
+		<ellipse id="n_8_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_va">
+		<ellipse id="n_8_va" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_vb">
+		<ellipse id="n_8_vb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_u">
+		<ellipse id="n_13_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_u">
+		<ellipse id="n_14_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_u">
+		<ellipse id="n_15_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_u">
+		<ellipse id="n_16_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_u" class="HelpButton">
+		<svg class="HelpButton_va">
+			<rect id="HelpButton_va" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qh" class="SJ_LButton">
-		<svg class="SJ-LButton_qi">
-			<ellipse id="SJ-LButton_qi" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_va" class="SJ_LButton">
+		<svg class="SJ-LButton_vb">
+			<ellipse id="SJ-LButton_vb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qj" class="SJ_LButton">
-		<svg class="SJ-LButton_qk">
-			<ellipse id="SJ-LButton_qk" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vc" class="SJ_LButton">
+		<svg class="SJ-LButton_vd">
+			<ellipse id="SJ-LButton_vd" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ql" class="BC_LButton">
-		<svg class="BC-LButton_qm">
-			<ellipse id="BC-LButton_qm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ve" class="BC_LButton">
+		<svg class="BC-LButton_vf">
+			<ellipse id="BC-LButton_vf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_qn" class="BC_RButton">
-		<svg class="BC-RButton_qo">
-			<ellipse id="BC-RButton_qo" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_vg" class="BC_RButton">
+		<svg class="BC-RButton_vh">
+			<ellipse id="BC-RButton_vh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_qp" class="EvenTMapButton">
-		<svg class="EvenTMapButton_qq">
-			<rect id="EvenTMapButton_qq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_vi" class="EvenTMapButton">
+		<svg class="EvenTMapButton_vj">
+			<rect id="EvenTMapButton_vj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_qr" class="TableButton">
-		<svg class="TableButton_qs">
-			<rect id="TableButton_qs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_vk" class="TableButton">
+		<svg class="TableButton_vl">
+			<rect id="TableButton_vl" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_qt" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_qu">
-			<rect id="HOMEBUTTON_qu" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_vm" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_vn">
+			<rect id="HOMEBUTTON_vn" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E6.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E6.html
old mode 100644
new mode 100755
index 17d3545..0bd0504
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1310_E6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_qy {
+	#n_12_vr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_vr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_vs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_vs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_vt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_vt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_vu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_vu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_vv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_vv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_vw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_vw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_vx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_vx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_vy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_vy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_vz {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_qz {
+	#HelpButton_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_qz {
+	.HelpButton_v {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_q {
+	#SJ-LButton_v {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ra {
+	#SJ-LButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ra {
+	.SJ-LButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_rb {
+	#SJ-LButton_wb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_rc {
+	#SJ-LButton_wc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_rc {
+	.SJ-LButton_wc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_q {
+	#BC-LButton_v {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ra {
+	#BC-LButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ra {
+	.BC-LButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_q {
+	#BC-RButton_v {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ra {
+	#BC-RButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ra {
+	.BC-RButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_q {
+	#EvenTMapButton_v {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_ra {
+	#EvenTMapButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_ra {
+	.EvenTMapButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_ra {
+	#TableButton_wb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_rb {
+	#TableButton_wc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_rb {
+	.TableButton_wc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_rc {
+	#HOMEBUTTON_wd {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_rd {
+	#HOMEBUTTON_we {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_rd {
+	.HOMEBUTTON_we {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E6">
 	<img id="n_106" src="n_106.png" srcset="n_106.png 1x, n_106@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_qy" class="HelpButton">
-		<svg class="HelpButton_qz">
-			<rect id="HelpButton_qz" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_vr">
+		<ellipse id="n_12_vr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_vs">
+		<ellipse id="n_8_vs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_vt">
+		<ellipse id="n_8_vt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_vu">
+		<ellipse id="n_8_vu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_vv">
+		<ellipse id="n_13_vv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_vw">
+		<ellipse id="n_14_vw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_vx">
+		<ellipse id="n_15_vx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_vy">
+		<ellipse id="n_16_vy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_vz" class="HelpButton">
+		<svg class="HelpButton_v">
+			<rect id="HelpButton_v" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_q" class="SJ_LButton">
-		<svg class="SJ-LButton_ra">
-			<ellipse id="SJ-LButton_ra" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_v" class="SJ_LButton">
+		<svg class="SJ-LButton_wa">
+			<ellipse id="SJ-LButton_wa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_rb" class="SJ_LButton">
-		<svg class="SJ-LButton_rc">
-			<ellipse id="SJ-LButton_rc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wb" class="SJ_LButton">
+		<svg class="SJ-LButton_wc">
+			<ellipse id="SJ-LButton_wc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_q" class="BC_LButton">
-		<svg class="BC-LButton_ra">
-			<ellipse id="BC-LButton_ra" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_v" class="BC_LButton">
+		<svg class="BC-LButton_wa">
+			<ellipse id="BC-LButton_wa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_q" class="BC_RButton">
-		<svg class="BC-RButton_ra">
-			<ellipse id="BC-RButton_ra" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_v" class="BC_RButton">
+		<svg class="BC-RButton_wa">
+			<ellipse id="BC-RButton_wa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_q" class="EvenTMapButton">
-		<svg class="EvenTMapButton_ra">
-			<rect id="EvenTMapButton_ra" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_v" class="EvenTMapButton">
+		<svg class="EvenTMapButton_wa">
+			<rect id="EvenTMapButton_wa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_ra" class="TableButton">
-		<svg class="TableButton_rb">
-			<rect id="TableButton_rb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_wb" class="TableButton">
+		<svg class="TableButton_wc">
+			<rect id="TableButton_wc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_rc" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_rd">
-			<rect id="HOMEBUTTON_rd" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_wd" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_we">
+			<rect id="HOMEBUTTON_we" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E1.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E1.html
old mode 100644
new mode 100755
index ae40f57..6b2a88a
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E1.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_rh {
+	#n_12_wi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_wi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_wj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_wj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_wk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_wk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_wl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_wl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_wm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_wm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_wn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_wn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_wo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_wo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_wp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_wp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_wq {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ri {
+	#HelpButton_wr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ri {
+	.HelpButton_wr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_rj {
+	#SJ-LButton_ws {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_rk {
+	#SJ-LButton_wt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_rk {
+	.SJ-LButton_wt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_rl {
+	#SJ-LButton_wu {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_rm {
+	#SJ-LButton_wv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_rm {
+	.SJ-LButton_wv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_rn {
+	#BC-LButton_ww {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ro {
+	#BC-LButton_wx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ro {
+	.BC-LButton_wx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_rp {
+	#BC-RButton_wy {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_rq {
+	#BC-RButton_wz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_rq {
+	.BC-RButton_wz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_rr {
+	#EvenTMapButton_w {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_rs {
+	#EvenTMapButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_rs {
+	.EvenTMapButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_rt {
+	#TableButton_w {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ru {
+	#TableButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ru {
+	.TableButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_rv {
+	#HOMEBUTTON_w {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_rw {
+	#HOMEBUTTON_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_rw {
+	.HOMEBUTTON_xa {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1">
 	<img id="n_91" src="n_91.png" srcset="n_91.png 1x, n_91@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_rh" class="HelpButton">
-		<svg class="HelpButton_ri">
-			<rect id="HelpButton_ri" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_wi">
+		<ellipse id="n_12_wi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_wj">
+		<ellipse id="n_8_wj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_wk">
+		<ellipse id="n_8_wk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_wl">
+		<ellipse id="n_8_wl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_wm">
+		<ellipse id="n_13_wm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_wn">
+		<ellipse id="n_14_wn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_wo">
+		<ellipse id="n_15_wo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_wp">
+		<ellipse id="n_16_wp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_wq" class="HelpButton">
+		<svg class="HelpButton_wr">
+			<rect id="HelpButton_wr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_rj" class="SJ_LButton">
-		<svg class="SJ-LButton_rk">
-			<ellipse id="SJ-LButton_rk" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ws" class="SJ_LButton">
+		<svg class="SJ-LButton_wt">
+			<ellipse id="SJ-LButton_wt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_rl" class="SJ_LButton">
-		<svg class="SJ-LButton_rm">
-			<ellipse id="SJ-LButton_rm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wu" class="SJ_LButton">
+		<svg class="SJ-LButton_wv">
+			<ellipse id="SJ-LButton_wv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_rn" class="BC_LButton">
-		<svg class="BC-LButton_ro">
-			<ellipse id="BC-LButton_ro" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ww" class="BC_LButton">
+		<svg class="BC-LButton_wx">
+			<ellipse id="BC-LButton_wx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_rp" class="BC_RButton">
-		<svg class="BC-RButton_rq">
-			<ellipse id="BC-RButton_rq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_wy" class="BC_RButton">
+		<svg class="BC-RButton_wz">
+			<ellipse id="BC-RButton_wz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_rr" class="EvenTMapButton">
-		<svg class="EvenTMapButton_rs">
-			<rect id="EvenTMapButton_rs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_w" class="EvenTMapButton">
+		<svg class="EvenTMapButton_xa">
+			<rect id="EvenTMapButton_xa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_rt" class="TableButton">
-		<svg class="TableButton_ru">
-			<rect id="TableButton_ru" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_w" class="TableButton">
+		<svg class="TableButton_xa">
+			<rect id="TableButton_xa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_rv" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_rw">
-			<rect id="HOMEBUTTON_rw" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_w" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_xa">
+			<rect id="HOMEBUTTON_xa" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E2.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E2.html
old mode 100644
new mode 100755
index 9899eff..c2a947d
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E2.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_r {
+	#n_12_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_xa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_xa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_xb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_xb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_xc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_xc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_xd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_xd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_xe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_xe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_xf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_xf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_xg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_xg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_xh {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_sa {
+	#HelpButton_xi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_sa {
+	.HelpButton_xi {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_r {
+	#SJ-LButton_xj {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_sa {
+	#SJ-LButton_xk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_sa {
+	.SJ-LButton_xk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_sb {
+	#SJ-LButton_xl {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_sc {
+	#SJ-LButton_xm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_sc {
+	.SJ-LButton_xm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_r {
+	#BC-LButton_xn {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_sa {
+	#BC-LButton_xo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_sa {
+	.BC-LButton_xo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_r {
+	#BC-RButton_xp {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_sa {
+	#BC-RButton_xq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_sa {
+	.BC-RButton_xq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_sa {
+	#EvenTMapButton_xr {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_sb {
+	#EvenTMapButton_xs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_sb {
+	.EvenTMapButton_xs {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_sc {
+	#TableButton_xt {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_sd {
+	#TableButton_xu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_sd {
+	.TableButton_xu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_se {
+	#HOMEBUTTON_xv {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_sf {
+	#HOMEBUTTON_xw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_sf {
+	.HOMEBUTTON_xw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E2">
 	<img id="n_94" src="n_94.png" srcset="n_94.png 1x, n_94@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_r" class="HelpButton">
-		<svg class="HelpButton_sa">
-			<rect id="HelpButton_sa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_w">
+		<ellipse id="n_12_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_xa">
+		<ellipse id="n_8_xa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_xb">
+		<ellipse id="n_8_xb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_xc">
+		<ellipse id="n_8_xc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_xd">
+		<ellipse id="n_13_xd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_xe">
+		<ellipse id="n_14_xe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_xf">
+		<ellipse id="n_15_xf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_xg">
+		<ellipse id="n_16_xg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_xh" class="HelpButton">
+		<svg class="HelpButton_xi">
+			<rect id="HelpButton_xi" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_r" class="SJ_LButton">
-		<svg class="SJ-LButton_sa">
-			<ellipse id="SJ-LButton_sa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_xj" class="SJ_LButton">
+		<svg class="SJ-LButton_xk">
+			<ellipse id="SJ-LButton_xk" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sb" class="SJ_LButton">
-		<svg class="SJ-LButton_sc">
-			<ellipse id="SJ-LButton_sc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_xl" class="SJ_LButton">
+		<svg class="SJ-LButton_xm">
+			<ellipse id="SJ-LButton_xm" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_r" class="BC_LButton">
-		<svg class="BC-LButton_sa">
-			<ellipse id="BC-LButton_sa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_xn" class="BC_LButton">
+		<svg class="BC-LButton_xo">
+			<ellipse id="BC-LButton_xo" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_r" class="BC_RButton">
-		<svg class="BC-RButton_sa">
-			<ellipse id="BC-RButton_sa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_xp" class="BC_RButton">
+		<svg class="BC-RButton_xq">
+			<ellipse id="BC-RButton_xq" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_sa" class="EvenTMapButton">
-		<svg class="EvenTMapButton_sb">
-			<rect id="EvenTMapButton_sb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_xr" class="EvenTMapButton">
+		<svg class="EvenTMapButton_xs">
+			<rect id="EvenTMapButton_xs" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_sc" class="TableButton">
-		<svg class="TableButton_sd">
-			<rect id="TableButton_sd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_xt" class="TableButton">
+		<svg class="TableButton_xu">
+			<rect id="TableButton_xu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_se" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_sf">
-			<rect id="HOMEBUTTON_sf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_xv" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_xw">
+			<rect id="HOMEBUTTON_xw" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E3.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E3.html
old mode 100644
new mode 100755
index c63b497..2e4de7b
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E3.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_sj {
+	#n_12_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_ya {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_yb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_yb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_x {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_sk {
+	#HelpButton_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_sk {
+	.HelpButton_ya {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_sl {
+	#SJ-LButton_ya {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_sm {
+	#SJ-LButton_yb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_sm {
+	.SJ-LButton_yb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_sn {
+	#SJ-LButton_yc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_so {
+	#SJ-LButton_yd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_so {
+	.SJ-LButton_yd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_sp {
+	#BC-LButton_ye {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_sq {
+	#BC-LButton_yf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_sq {
+	.BC-LButton_yf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_sr {
+	#BC-RButton_yg {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ss {
+	#BC-RButton_yh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ss {
+	.BC-RButton_yh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_st {
+	#EvenTMapButton_yi {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_su {
+	#EvenTMapButton_yj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_su {
+	.EvenTMapButton_yj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_sv {
+	#TableButton_yk {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_sw {
+	#TableButton_yl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_sw {
+	.TableButton_yl {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_sx {
+	#HOMEBUTTON_ym {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_sy {
+	#HOMEBUTTON_yn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_sy {
+	.HOMEBUTTON_yn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E3">
 	<img id="n_97" src="n_97.png" srcset="n_97.png 1x, n_97@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_sj" class="HelpButton">
-		<svg class="HelpButton_sk">
-			<rect id="HelpButton_sk" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_x">
+		<ellipse id="n_12_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_x">
+		<ellipse id="n_8_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ya">
+		<ellipse id="n_8_ya" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_yb">
+		<ellipse id="n_8_yb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_x">
+		<ellipse id="n_13_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_x">
+		<ellipse id="n_14_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_x">
+		<ellipse id="n_15_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_x">
+		<ellipse id="n_16_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_x" class="HelpButton">
+		<svg class="HelpButton_ya">
+			<rect id="HelpButton_ya" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sl" class="SJ_LButton">
-		<svg class="SJ-LButton_sm">
-			<ellipse id="SJ-LButton_sm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ya" class="SJ_LButton">
+		<svg class="SJ-LButton_yb">
+			<ellipse id="SJ-LButton_yb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sn" class="SJ_LButton">
-		<svg class="SJ-LButton_so">
-			<ellipse id="SJ-LButton_so" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_yc" class="SJ_LButton">
+		<svg class="SJ-LButton_yd">
+			<ellipse id="SJ-LButton_yd" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_sp" class="BC_LButton">
-		<svg class="BC-LButton_sq">
-			<ellipse id="BC-LButton_sq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ye" class="BC_LButton">
+		<svg class="BC-LButton_yf">
+			<ellipse id="BC-LButton_yf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_sr" class="BC_RButton">
-		<svg class="BC-RButton_ss">
-			<ellipse id="BC-RButton_ss" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_yg" class="BC_RButton">
+		<svg class="BC-RButton_yh">
+			<ellipse id="BC-RButton_yh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_st" class="EvenTMapButton">
-		<svg class="EvenTMapButton_su">
-			<rect id="EvenTMapButton_su" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_yi" class="EvenTMapButton">
+		<svg class="EvenTMapButton_yj">
+			<rect id="EvenTMapButton_yj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_sv" class="TableButton">
-		<svg class="TableButton_sw">
-			<rect id="TableButton_sw" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_yk" class="TableButton">
+		<svg class="TableButton_yl">
+			<rect id="TableButton_yl" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_sx" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_sy">
-			<rect id="HOMEBUTTON_sy" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ym" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_yn">
+			<rect id="HOMEBUTTON_yn" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html
old mode 100644
new mode 100755
index ba85323..1fa3e73
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_s {
+	#n_12_yr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_yr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_ys {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ys {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_yt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_yt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_yu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_yu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_yv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_yv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_yw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_yw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_yx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_yx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_yy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_yy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_yz {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ta {
+	#HelpButton_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ta {
+	.HelpButton_y {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_s {
+	#SJ-LButton_y {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ta {
+	#SJ-LButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ta {
+	.SJ-LButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_tb {
+	#SJ-LButton_zb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_tc {
+	#SJ-LButton_zc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_tc {
+	.SJ-LButton_zc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_s {
+	#BC-LButton_y {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ta {
+	#BC-LButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ta {
+	.BC-LButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ta {
+	#BC-RButton_y {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_tb {
+	#BC-RButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_tb {
+	.BC-RButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_tc {
+	#EvenTMapButton_y {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_td {
+	#EvenTMapButton_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_td {
+	.EvenTMapButton_za {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_te {
+	#TableButton_zb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_tf {
+	#TableButton_zc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_tf {
+	.TableButton_zc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_tg {
+	#HOMEBUTTON_zd {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_th {
+	#HOMEBUTTON_ze {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_th {
+	.HOMEBUTTON_ze {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E4">
 	<img id="n_100" src="n_100.png" srcset="n_100.png 1x, n_100@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_s" class="HelpButton">
-		<svg class="HelpButton_ta">
-			<rect id="HelpButton_ta" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_yr">
+		<ellipse id="n_12_yr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ys">
+		<ellipse id="n_8_ys" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_yt">
+		<ellipse id="n_8_yt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_yu">
+		<ellipse id="n_8_yu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_yv">
+		<ellipse id="n_13_yv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_yw">
+		<ellipse id="n_14_yw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_yx">
+		<ellipse id="n_15_yx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_yy">
+		<ellipse id="n_16_yy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_yz" class="HelpButton">
+		<svg class="HelpButton_y">
+			<rect id="HelpButton_y" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_s" class="SJ_LButton">
-		<svg class="SJ-LButton_ta">
-			<ellipse id="SJ-LButton_ta" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_y" class="SJ_LButton">
+		<svg class="SJ-LButton_za">
+			<ellipse id="SJ-LButton_za" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tb" class="SJ_LButton">
-		<svg class="SJ-LButton_tc">
-			<ellipse id="SJ-LButton_tc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_zb" class="SJ_LButton">
+		<svg class="SJ-LButton_zc">
+			<ellipse id="SJ-LButton_zc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_s" class="BC_LButton">
-		<svg class="BC-LButton_ta">
-			<ellipse id="BC-LButton_ta" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_y" class="BC_LButton">
+		<svg class="BC-LButton_za">
+			<ellipse id="BC-LButton_za" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ta" class="BC_RButton">
-		<svg class="BC-RButton_tb">
-			<ellipse id="BC-RButton_tb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_y" class="BC_RButton">
+		<svg class="BC-RButton_za">
+			<ellipse id="BC-RButton_za" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_tc" class="EvenTMapButton">
-		<svg class="EvenTMapButton_td">
-			<rect id="EvenTMapButton_td" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_y" class="EvenTMapButton">
+		<svg class="EvenTMapButton_za">
+			<rect id="EvenTMapButton_za" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_te" class="TableButton">
-		<svg class="TableButton_tf">
-			<rect id="TableButton_tf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_zb" class="TableButton">
+		<svg class="TableButton_zc">
+			<rect id="TableButton_zc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_tg" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_th">
-			<rect id="HOMEBUTTON_th" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_zd" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ze">
+			<rect id="HOMEBUTTON_ze" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E5.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E5.html
old mode 100644
new mode 100755
index b9c2ef4..8fbb254
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_tl {
+	#n_12_zi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_zi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_zj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_zj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_zk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_zk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_zl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_zl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_zm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_zm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_zn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_zn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_zo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_zo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_zp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_zp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_zq {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_tm {
+	#HelpButton_zr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_tm {
+	.HelpButton_zr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_tn {
+	#SJ-LButton_zs {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_to {
+	#SJ-LButton_zt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_to {
+	.SJ-LButton_zt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_tp {
+	#SJ-LButton_zu {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_tq {
+	#SJ-LButton_zv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_tq {
+	.SJ-LButton_zv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_tr {
+	#BC-LButton_zw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ts {
+	#BC-LButton_zx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ts {
+	.BC-LButton_zx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_tt {
+	#BC-RButton_zy {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_tu {
+	#BC-RButton_zz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_tu {
+	.BC-RButton_zz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_tv {
+	#EvenTMapButton_z {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_tw {
+	#EvenTMapButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_tw {
+	.EvenTMapButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_tx {
+	#TableButton_z {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ty {
+	#TableButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ty {
+	.TableButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_tz {
+	#HOMEBUTTON_z {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_t {
+	#HOMEBUTTON_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_t {
+	.HOMEBUTTON_a {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E5">
 	<img id="n_104" src="n_104.png" srcset="n_104.png 1x, n_104@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_tl" class="HelpButton">
-		<svg class="HelpButton_tm">
-			<rect id="HelpButton_tm" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_zi">
+		<ellipse id="n_12_zi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_zj">
+		<ellipse id="n_8_zj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_zk">
+		<ellipse id="n_8_zk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_zl">
+		<ellipse id="n_8_zl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_zm">
+		<ellipse id="n_13_zm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_zn">
+		<ellipse id="n_14_zn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_zo">
+		<ellipse id="n_15_zo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_zp">
+		<ellipse id="n_16_zp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_zq" class="HelpButton">
+		<svg class="HelpButton_zr">
+			<rect id="HelpButton_zr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tn" class="SJ_LButton">
-		<svg class="SJ-LButton_to">
-			<ellipse id="SJ-LButton_to" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_zs" class="SJ_LButton">
+		<svg class="SJ-LButton_zt">
+			<ellipse id="SJ-LButton_zt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tp" class="SJ_LButton">
-		<svg class="SJ-LButton_tq">
-			<ellipse id="SJ-LButton_tq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_zu" class="SJ_LButton">
+		<svg class="SJ-LButton_zv">
+			<ellipse id="SJ-LButton_zv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_tr" class="BC_LButton">
-		<svg class="BC-LButton_ts">
-			<ellipse id="BC-LButton_ts" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_zw" class="BC_LButton">
+		<svg class="BC-LButton_zx">
+			<ellipse id="BC-LButton_zx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_tt" class="BC_RButton">
-		<svg class="BC-RButton_tu">
-			<ellipse id="BC-RButton_tu" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_zy" class="BC_RButton">
+		<svg class="BC-RButton_zz">
+			<ellipse id="BC-RButton_zz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_tv" class="EvenTMapButton">
-		<svg class="EvenTMapButton_tw">
-			<rect id="EvenTMapButton_tw" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_z" class="EvenTMapButton">
+		<svg class="EvenTMapButton_a">
+			<rect id="EvenTMapButton_a" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_tx" class="TableButton">
-		<svg class="TableButton_ty">
-			<rect id="TableButton_ty" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_z" class="TableButton">
+		<svg class="TableButton_a">
+			<rect id="TableButton_a" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_tz" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_t">
-			<rect id="HOMEBUTTON_t" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_z" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_a">
+			<rect id="HOMEBUTTON_a" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E6.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E6.html
old mode 100644
new mode 100755
index c37c850..d2c4f73
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_1550_E6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_t {
+	#n_12_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_h {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ua {
+	#HelpButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ua {
+	.HelpButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_t {
+	#SJ-LButton_j {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ua {
+	#SJ-LButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ua {
+	.SJ-LButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ub {
+	#SJ-LButton_m {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_uc {
+	#SJ-LButton_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_uc {
+	.SJ-LButton_o {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ua {
+	#BC-LButton_o {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ub {
+	#BC-LButton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ub {
+	.BC-LButton_q {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_uc {
+	#BC-RButton_q {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ud {
+	#BC-RButton_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ud {
+	.BC-RButton_r {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ue {
+	#EvenTMapButton_r {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_uf {
+	#EvenTMapButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_uf {
+	.EvenTMapButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_ug {
+	#TableButton_u {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_uh {
+	#TableButton_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_uh {
+	.TableButton_v {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ui {
+	#HOMEBUTTON_v {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_uj {
+	#HOMEBUTTON_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_uj {
+	.HOMEBUTTON_x {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E6">
 	<img id="n_107" src="n_107.png" srcset="n_107.png 1x, n_107@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_t" class="HelpButton">
-		<svg class="HelpButton_ua">
-			<rect id="HelpButton_ua" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_z">
+		<ellipse id="n_12_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_a">
+		<ellipse id="n_8_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_b">
+		<ellipse id="n_8_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_c">
+		<ellipse id="n_8_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_d">
+		<ellipse id="n_13_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_e">
+		<ellipse id="n_14_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_f">
+		<ellipse id="n_15_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_g">
+		<ellipse id="n_16_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_h" class="HelpButton">
+		<svg class="HelpButton_i">
+			<rect id="HelpButton_i" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_t" class="SJ_LButton">
-		<svg class="SJ-LButton_ua">
-			<ellipse id="SJ-LButton_ua" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_j" class="SJ_LButton">
+		<svg class="SJ-LButton_k">
+			<ellipse id="SJ-LButton_k" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ub" class="SJ_LButton">
-		<svg class="SJ-LButton_uc">
-			<ellipse id="SJ-LButton_uc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_m" class="SJ_LButton">
+		<svg class="SJ-LButton_o">
+			<ellipse id="SJ-LButton_o" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ua" class="BC_LButton">
-		<svg class="BC-LButton_ub">
-			<ellipse id="BC-LButton_ub" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_o" class="BC_LButton">
+		<svg class="BC-LButton_q">
+			<ellipse id="BC-LButton_q" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_uc" class="BC_RButton">
-		<svg class="BC-RButton_ud">
-			<ellipse id="BC-RButton_ud" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_q" class="BC_RButton">
+		<svg class="BC-RButton_r">
+			<ellipse id="BC-RButton_r" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ue" class="EvenTMapButton">
-		<svg class="EvenTMapButton_uf">
-			<rect id="EvenTMapButton_uf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_r" class="EvenTMapButton">
+		<svg class="EvenTMapButton_u">
+			<rect id="EvenTMapButton_u" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_ug" class="TableButton">
-		<svg class="TableButton_uh">
-			<rect id="TableButton_uh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_u" class="TableButton">
+		<svg class="TableButton_v">
+			<rect id="TableButton_v" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ui" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_uj">
-			<rect id="HOMEBUTTON_uj" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_v" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_x">
+			<rect id="HOMEBUTTON_x" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E1.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E1.html
old mode 100644
new mode 100755
index d7cc080..530ce48
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E1.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_un {
+	#n_12_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_ {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_uo {
+	#HelpButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_uo {
+	.HelpButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_up {
+	#SJ-LButton_a {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_uq {
+	#SJ-LButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_uq {
+	.SJ-LButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ur {
+	#SJ-LButton_c {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_us {
+	#SJ-LButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_us {
+	.SJ-LButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ut {
+	#BC-LButton_e {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_uu {
+	#BC-LButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_uu {
+	.BC-LButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_uv {
+	#BC-RButton_g {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_uw {
+	#BC-RButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_uw {
+	.BC-RButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ux {
+	#EvenTMapButton_i {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_uy {
+	#EvenTMapButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_uy {
+	.EvenTMapButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_uz {
+	#TableButton_k {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_u {
+	#TableButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_u {
+	.TableButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_u {
+	#HOMEBUTTON_m {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_va {
+	#HOMEBUTTON_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_va {
+	.HOMEBUTTON_n {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1">
 	<img id="n_92" src="n_92.png" srcset="n_92.png 1x, n_92@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_un" class="HelpButton">
-		<svg class="HelpButton_uo">
-			<rect id="HelpButton_uo" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_">
+		<ellipse id="n_12_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_">
+		<ellipse id="n_8_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_d">
+		<ellipse id="n_8_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_e">
+		<ellipse id="n_8_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_">
+		<ellipse id="n_13_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_">
+		<ellipse id="n_14_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_">
+		<ellipse id="n_15_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_">
+		<ellipse id="n_16_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_" class="HelpButton">
+		<svg class="HelpButton_a">
+			<rect id="HelpButton_a" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_up" class="SJ_LButton">
-		<svg class="SJ-LButton_uq">
-			<ellipse id="SJ-LButton_uq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_a" class="SJ_LButton">
+		<svg class="SJ-LButton_b">
+			<ellipse id="SJ-LButton_b" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ur" class="SJ_LButton">
-		<svg class="SJ-LButton_us">
-			<ellipse id="SJ-LButton_us" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_c" class="SJ_LButton">
+		<svg class="SJ-LButton_d">
+			<ellipse id="SJ-LButton_d" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ut" class="BC_LButton">
-		<svg class="BC-LButton_uu">
-			<ellipse id="BC-LButton_uu" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_e" class="BC_LButton">
+		<svg class="BC-LButton_f">
+			<ellipse id="BC-LButton_f" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_uv" class="BC_RButton">
-		<svg class="BC-RButton_uw">
-			<ellipse id="BC-RButton_uw" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_g" class="BC_RButton">
+		<svg class="BC-RButton_h">
+			<ellipse id="BC-RButton_h" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ux" class="EvenTMapButton">
-		<svg class="EvenTMapButton_uy">
-			<rect id="EvenTMapButton_uy" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_i" class="EvenTMapButton">
+		<svg class="EvenTMapButton_j">
+			<rect id="EvenTMapButton_j" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_uz" class="TableButton">
-		<svg class="TableButton_u">
-			<rect id="TableButton_u" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_k" class="TableButton">
+		<svg class="TableButton_l">
+			<rect id="TableButton_l" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_u" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_va">
-			<rect id="HOMEBUTTON_va" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_m" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_n">
+			<rect id="HOMEBUTTON_n" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E2.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E2.html
old mode 100644
new mode 100755
index 67b6c47..1e18464
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E2.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_u {
+	#n_12_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_z {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_va {
+	#HelpButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_va {
+	.HelpButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_u {
+	#SJ-LButton_ {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_va {
+	#SJ-LButton_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_va {
+	.SJ-LButton_e {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_vb {
+	#SJ-LButton_f {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_vc {
+	#SJ-LButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_vc {
+	.SJ-LButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_vc {
+	#BC-LButton_ {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_vd {
+	#BC-LButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_vd {
+	.BC-LButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ve {
+	#BC-RButton_ {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_vf {
+	#BC-RButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_vf {
+	.BC-RButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_vg {
+	#EvenTMapButton_ {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_vh {
+	#EvenTMapButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_vh {
+	.EvenTMapButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_vi {
+	#TableButton_b {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_vj {
+	#TableButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_vj {
+	.TableButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_vk {
+	#HOMEBUTTON_d {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_vl {
+	#HOMEBUTTON_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_vl {
+	.HOMEBUTTON_e {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E2">
 	<img id="n_95" src="n_95.png" srcset="n_95.png 1x, n_95@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_u" class="HelpButton">
-		<svg class="HelpButton_va">
-			<rect id="HelpButton_va" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_s">
+		<ellipse id="n_12_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_s">
+		<ellipse id="n_8_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_t">
+		<ellipse id="n_8_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_v">
+		<ellipse id="n_8_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_v">
+		<ellipse id="n_13_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_w">
+		<ellipse id="n_14_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_y">
+		<ellipse id="n_15_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_y">
+		<ellipse id="n_16_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_z" class="HelpButton">
+		<svg class="HelpButton_b">
+			<rect id="HelpButton_b" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_u" class="SJ_LButton">
-		<svg class="SJ-LButton_va">
-			<ellipse id="SJ-LButton_va" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_" class="SJ_LButton">
+		<svg class="SJ-LButton_e">
+			<ellipse id="SJ-LButton_e" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vb" class="SJ_LButton">
-		<svg class="SJ-LButton_vc">
-			<ellipse id="SJ-LButton_vc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_f" class="SJ_LButton">
+		<svg class="SJ-LButton_g">
+			<ellipse id="SJ-LButton_g" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_vc" class="BC_LButton">
-		<svg class="BC-LButton_vd">
-			<ellipse id="BC-LButton_vd" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_" class="BC_LButton">
+		<svg class="BC-LButton_a">
+			<ellipse id="BC-LButton_a" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ve" class="BC_RButton">
-		<svg class="BC-RButton_vf">
-			<ellipse id="BC-RButton_vf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_" class="BC_RButton">
+		<svg class="BC-RButton_a">
+			<ellipse id="BC-RButton_a" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_vg" class="EvenTMapButton">
-		<svg class="EvenTMapButton_vh">
-			<rect id="EvenTMapButton_vh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_" class="EvenTMapButton">
+		<svg class="EvenTMapButton_b">
+			<rect id="EvenTMapButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_vi" class="TableButton">
-		<svg class="TableButton_vj">
-			<rect id="TableButton_vj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_b" class="TableButton">
+		<svg class="TableButton_c">
+			<rect id="TableButton_c" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_vk" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_vl">
-			<rect id="HOMEBUTTON_vl" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_d" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_e">
+			<rect id="HOMEBUTTON_e" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E3.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E3.html
old mode 100644
new mode 100755
index ab10f55..1c4c168
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E3.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_vp {
+	#n_12_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_q {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_vq {
+	#HelpButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_vq {
+	.HelpButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_vr {
+	#SJ-LButton_t {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_vs {
+	#SJ-LButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_vs {
+	.SJ-LButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_vt {
+	#SJ-LButton_w {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_vu {
+	#SJ-LButton_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_vu {
+	.SJ-LButton_x {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_vv {
+	#BC-LButton_w {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_vw {
+	#BC-LButton_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_vw {
+	.BC-LButton_x {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_vx {
+	#BC-RButton_z {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_vy {
+	#BC-RButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_vy {
+	.BC-RButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_vz {
+	#EvenTMapButton_c {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_v {
+	#EvenTMapButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_v {
+	.EvenTMapButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_v {
+	#TableButton_ {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_wa {
+	#TableButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_wa {
+	.TableButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_v {
+	#HOMEBUTTON_ {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_wa {
+	#HOMEBUTTON_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_wa {
+	.HOMEBUTTON_b {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E3">
 	<img id="n_96" src="n_96.png" srcset="n_96.png 1x, n_96@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_vp" class="HelpButton">
-		<svg class="HelpButton_vq">
-			<rect id="HelpButton_vq" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_i">
+		<ellipse id="n_12_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_j">
+		<ellipse id="n_8_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_k">
+		<ellipse id="n_8_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_l">
+		<ellipse id="n_8_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_m">
+		<ellipse id="n_13_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_n">
+		<ellipse id="n_14_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_o">
+		<ellipse id="n_15_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_p">
+		<ellipse id="n_16_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_q" class="HelpButton">
+		<svg class="HelpButton_t">
+			<rect id="HelpButton_t" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vr" class="SJ_LButton">
-		<svg class="SJ-LButton_vs">
-			<ellipse id="SJ-LButton_vs" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_t" class="SJ_LButton">
+		<svg class="SJ-LButton_u">
+			<ellipse id="SJ-LButton_u" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vt" class="SJ_LButton">
-		<svg class="SJ-LButton_vu">
-			<ellipse id="SJ-LButton_vu" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_w" class="SJ_LButton">
+		<svg class="SJ-LButton_x">
+			<ellipse id="SJ-LButton_x" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_vv" class="BC_LButton">
-		<svg class="BC-LButton_vw">
-			<ellipse id="BC-LButton_vw" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_w" class="BC_LButton">
+		<svg class="BC-LButton_x">
+			<ellipse id="BC-LButton_x" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_vx" class="BC_RButton">
-		<svg class="BC-RButton_vy">
-			<ellipse id="BC-RButton_vy" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_z" class="BC_RButton">
+		<svg class="BC-RButton_b">
+			<ellipse id="BC-RButton_b" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_vz" class="EvenTMapButton">
-		<svg class="EvenTMapButton_v">
-			<rect id="EvenTMapButton_v" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_c" class="EvenTMapButton">
+		<svg class="EvenTMapButton_d">
+			<rect id="EvenTMapButton_d" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_v" class="TableButton">
-		<svg class="TableButton_wa">
-			<rect id="TableButton_wa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_" class="TableButton">
+		<svg class="TableButton_d">
+			<rect id="TableButton_d" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_v" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_wa">
-			<rect id="HOMEBUTTON_wa" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_b">
+			<rect id="HOMEBUTTON_b" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E4.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E4.html
old mode 100644
new mode 100755
index 03e7000..c9e17bf
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_v {
+	#n_12_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_j {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_wa {
+	#HelpButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_wa {
+	.HelpButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_wa {
+	#SJ-LButton_p {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_wb {
+	#SJ-LButton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_wb {
+	.SJ-LButton_q {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_wc {
+	#SJ-LButton_r {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_wd {
+	#SJ-LButton_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_wd {
+	.SJ-LButton_z {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_we {
+	#BC-LButton_r {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_wf {
+	#BC-LButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_wf {
+	.BC-LButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_wg {
+	#BC-RButton_t {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_wh {
+	#BC-RButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_wh {
+	.BC-RButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_wi {
+	#EvenTMapButton_x {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_wj {
+	#EvenTMapButton_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_wj {
+	.EvenTMapButton_e {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_wk {
+	#TableButton_x {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_wl {
+	#TableButton_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_wl {
+	.TableButton_y {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_wm {
+	#HOMEBUTTON_y {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_wn {
+	#HOMEBUTTON_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_wn {
+	.HOMEBUTTON_c {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E4">
 	<img id="n_101" src="n_101.png" srcset="n_101.png 1x, n_101@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_v" class="HelpButton">
-		<svg class="HelpButton_wa">
-			<rect id="HelpButton_wa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_a">
+		<ellipse id="n_12_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_f">
+		<ellipse id="n_8_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_g">
+		<ellipse id="n_8_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_h">
+		<ellipse id="n_8_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_e">
+		<ellipse id="n_13_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_f">
+		<ellipse id="n_14_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_g">
+		<ellipse id="n_15_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_h">
+		<ellipse id="n_16_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_j" class="HelpButton">
+		<svg class="HelpButton_k">
+			<rect id="HelpButton_k" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wa" class="SJ_LButton">
-		<svg class="SJ-LButton_wb">
-			<ellipse id="SJ-LButton_wb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_p" class="SJ_LButton">
+		<svg class="SJ-LButton_q">
+			<ellipse id="SJ-LButton_q" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wc" class="SJ_LButton">
-		<svg class="SJ-LButton_wd">
-			<ellipse id="SJ-LButton_wd" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_r" class="SJ_LButton">
+		<svg class="SJ-LButton_z">
+			<ellipse id="SJ-LButton_z" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_we" class="BC_LButton">
-		<svg class="BC-LButton_wf">
-			<ellipse id="BC-LButton_wf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_r" class="BC_LButton">
+		<svg class="BC-LButton_t">
+			<ellipse id="BC-LButton_t" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_wg" class="BC_RButton">
-		<svg class="BC-RButton_wh">
-			<ellipse id="BC-RButton_wh" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_t" class="BC_RButton">
+		<svg class="BC-RButton_u">
+			<ellipse id="BC-RButton_u" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_wi" class="EvenTMapButton">
-		<svg class="EvenTMapButton_wj">
-			<rect id="EvenTMapButton_wj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_x" class="EvenTMapButton">
+		<svg class="EvenTMapButton_e">
+			<rect id="EvenTMapButton_e" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_wk" class="TableButton">
-		<svg class="TableButton_wl">
-			<rect id="TableButton_wl" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_x" class="TableButton">
+		<svg class="TableButton_y">
+			<rect id="TableButton_y" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_wm" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_wn">
-			<rect id="HOMEBUTTON_wn" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_y" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_c">
+			<rect id="HOMEBUTTON_c" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E5.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E5.html
old mode 100644
new mode 100755
index 6cc8645..2388ee0
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_wr {
+	#n_12_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_c {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ws {
+	#HelpButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ws {
+	.HelpButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_wt {
+	#SJ-LButton_h {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_wu {
+	#SJ-LButton_baa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_wu {
+	.SJ-LButton_baa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_wv {
+	#SJ-LButton_bab {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ww {
+	#SJ-LButton_bac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ww {
+	.SJ-LButton_bac {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_wx {
+	#BC-LButton_g {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_wy {
+	#BC-LButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_wy {
+	.BC-LButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_wz {
+	#BC-RButton_j {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_w {
+	#BC-RButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_w {
+	.BC-RButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_w {
+	#EvenTMapButton_k {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_xa {
+	#EvenTMapButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_xa {
+	.EvenTMapButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_w {
+	#TableButton_m {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_xa {
+	#TableButton_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_xa {
+	.TableButton_n {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_w {
+	#HOMEBUTTON_o {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_xa {
+	#HOMEBUTTON_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_xa {
+	.HOMEBUTTON_p {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E5">
 	<img id="n_102" src="n_102.png" srcset="n_102.png 1x, n_102@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_wr" class="HelpButton">
-		<svg class="HelpButton_ws">
-			<rect id="HelpButton_ws" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_b">
+		<ellipse id="n_12_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_i">
+		<ellipse id="n_8_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_m">
+		<ellipse id="n_8_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_n">
+		<ellipse id="n_8_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_a">
+		<ellipse id="n_13_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_a">
+		<ellipse id="n_14_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_a">
+		<ellipse id="n_15_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_a">
+		<ellipse id="n_16_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_c" class="HelpButton">
+		<svg class="HelpButton_d">
+			<rect id="HelpButton_d" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wt" class="SJ_LButton">
-		<svg class="SJ-LButton_wu">
-			<ellipse id="SJ-LButton_wu" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_h" class="SJ_LButton">
+		<svg class="SJ-LButton_baa">
+			<ellipse id="SJ-LButton_baa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_wv" class="SJ_LButton">
-		<svg class="SJ-LButton_ww">
-			<ellipse id="SJ-LButton_ww" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_bab" class="SJ_LButton">
+		<svg class="SJ-LButton_bac">
+			<ellipse id="SJ-LButton_bac" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_wx" class="BC_LButton">
-		<svg class="BC-LButton_wy">
-			<ellipse id="BC-LButton_wy" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_g" class="BC_LButton">
+		<svg class="BC-LButton_h">
+			<ellipse id="BC-LButton_h" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_wz" class="BC_RButton">
-		<svg class="BC-RButton_w">
-			<ellipse id="BC-RButton_w" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_j" class="BC_RButton">
+		<svg class="BC-RButton_l">
+			<ellipse id="BC-RButton_l" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_w" class="EvenTMapButton">
-		<svg class="EvenTMapButton_xa">
-			<rect id="EvenTMapButton_xa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_k" class="EvenTMapButton">
+		<svg class="EvenTMapButton_l">
+			<rect id="EvenTMapButton_l" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_w" class="TableButton">
-		<svg class="TableButton_xa">
-			<rect id="TableButton_xa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_m" class="TableButton">
+		<svg class="TableButton_n">
+			<rect id="TableButton_n" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_w" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_xa">
-			<rect id="HOMEBUTTON_xa" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_o" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_p">
+			<rect id="HOMEBUTTON_p" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E6.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E6.html
old mode 100644
new mode 100755
index 2e86a00..b1f7487
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_ALL_E6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_xa {
+	#n_12_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_12_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 126px;
+		top: 97px;
+	}
+	#n_8_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 260px;
+		top: 97px;
+	}
+	#n_8_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_8_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_13_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_13_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_14_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_14_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_15_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_15_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_16_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_16_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_e {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_xb {
+	#HelpButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_xb {
+	.HelpButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_xc {
+	#SJ-LButton_bad {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_xd {
+	#SJ-LButton_bae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_xd {
+	.SJ-LButton_bae {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_xe {
+	#SJ-LButton_baf {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_xf {
+	#SJ-LButton_bag {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_xf {
+	.SJ-LButton_bag {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_xg {
+	#BC-LButton_b {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_xh {
+	#BC-LButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_xh {
+	.BC-LButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_xi {
+	#BC-RButton_c {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_xj {
+	#BC-RButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_xj {
+	.BC-RButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_xk {
+	#EvenTMapButton_f {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_xl {
+	#EvenTMapButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_xl {
+	.EvenTMapButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_xm {
+	#TableButton_e {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +386,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_xn {
+	#TableButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_xn {
+	.TableButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_xo {
+	#HOMEBUTTON_f {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +416,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_xp {
+	#HOMEBUTTON_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +426,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_xp {
+	.HOMEBUTTON_g {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3206,51 +3350,83 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E6">
 	<img id="n_105" src="n_105.png" srcset="n_105.png 1x, n_105@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_xa" class="HelpButton">
-		<svg class="HelpButton_xb">
-			<rect id="HelpButton_xb" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_12_v">
+		<ellipse id="n_12_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_w">
+		<ellipse id="n_8_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_y">
+		<ellipse id="n_8_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_z">
+		<ellipse id="n_8_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_13_w">
+		<ellipse id="n_13_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_14_y">
+		<ellipse id="n_14_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_15_z">
+		<ellipse id="n_15_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_16_z">
+		<ellipse id="n_16_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_e" class="HelpButton">
+		<svg class="HelpButton_f">
+			<rect id="HelpButton_f" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_xc" class="SJ_LButton">
-		<svg class="SJ-LButton_xd">
-			<ellipse id="SJ-LButton_xd" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_bad" class="SJ_LButton">
+		<svg class="SJ-LButton_bae">
+			<ellipse id="SJ-LButton_bae" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_xe" class="SJ_LButton">
-		<svg class="SJ-LButton_xf">
-			<ellipse id="SJ-LButton_xf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_baf" class="SJ_LButton">
+		<svg class="SJ-LButton_bag">
+			<ellipse id="SJ-LButton_bag" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_xg" class="BC_LButton">
-		<svg class="BC-LButton_xh">
-			<ellipse id="BC-LButton_xh" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_b" class="BC_LButton">
+		<svg class="BC-LButton_c">
+			<ellipse id="BC-LButton_c" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_xi" class="BC_RButton">
-		<svg class="BC-RButton_xj">
-			<ellipse id="BC-RButton_xj" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_c" class="BC_RButton">
+		<svg class="BC-RButton_d">
+			<ellipse id="BC-RButton_d" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_xk" class="EvenTMapButton">
-		<svg class="EvenTMapButton_xl">
-			<rect id="EvenTMapButton_xl" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_f" class="EvenTMapButton">
+		<svg class="EvenTMapButton_g">
+			<rect id="EvenTMapButton_g" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_xm" class="TableButton">
-		<svg class="TableButton_xn">
-			<rect id="TableButton_xn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_e" class="TableButton">
+		<svg class="TableButton_f">
+			<rect id="TableButton_f" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_xo" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_xp">
-			<rect id="HOMEBUTTON_xp" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_f" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_g">
+			<rect id="HOMEBUTTON_g" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Curve_HELP.html b/public/flukemoni/Ex4_2/OTDR_1_Curve_HELP.html
old mode 100644
new mode 100755
index 79a57cf..8c1a1f2
--- a/public/flukemoni/Ex4_2/OTDR_1_Curve_HELP.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Curve_HELP.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bdt {
+	#n_8_brp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_brp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_brq {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_bdu {
+	#BackButton_brr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdu {
+	.BackButton_brr {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Curve-HELP">
 	<img id="n_89" src="n_89.png" srcset="n_89.png 1x, n_89@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bdt" class="BackButton">
-		<svg class="BackButton_bdu">
-			<rect id="BackButton_bdu" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_8_brp">
+		<ellipse id="n_8_brp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_brq" class="BackButton">
+		<svg class="BackButton_brr">
+			<rect id="BackButton_brr" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E1.html
old mode 100644
new mode 100755
index ce07714..de3511a
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_w {
+	#n_71_bgu {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bae {
+	#n_8_bgv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bgv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bgw {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_baf {
+	#BackButton_bgx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_baf {
+	.BackButton_bgx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1">
-	<img id="n_71_w" src="n_71_w.png" srcset="n_71_w.png 1x, n_71_w@2x.png 2x">
+	<img id="n_71_bgu" src="n_71_bgu.png" srcset="n_71_bgu.png 1x, n_71_bgu@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bae" class="BackButton">
-		<svg class="BackButton_baf">
-			<rect id="BackButton_baf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bgv">
+		<ellipse id="n_8_bgv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bgw" class="BackButton">
+		<svg class="BackButton_bgx">
+			<rect id="BackButton_bgx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E2.html
old mode 100644
new mode 100755
index 5a1abd5..bfc184d
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_70_ {
+	#n_70_bg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bag {
+	#n_8_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bg {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bah {
+	#BackButton_bha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bah {
+	.BackButton_bha {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E2">
-	<img id="n_70_" src="n_70_.png" srcset="n_70_.png 1x, n_70_@2x.png 2x">
+	<img id="n_70_bg" src="n_70_bg.png" srcset="n_70_bg.png 1x, n_70_bg@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bag" class="BackButton">
-		<svg class="BackButton_bah">
-			<rect id="BackButton_bah" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bg">
+		<ellipse id="n_8_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bg" class="BackButton">
+		<svg class="BackButton_bha">
+			<rect id="BackButton_bha" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E3.html
old mode 100644
new mode 100755
index 8d39c90..fcd0364
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_69_ {
+	#n_69_bg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bai {
+	#n_8_bha {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bha {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bhb {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_baj {
+	#BackButton_bhc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_baj {
+	.BackButton_bhc {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E3">
-	<img id="n_69_" src="n_69_.png" srcset="n_69_.png 1x, n_69_@2x.png 2x">
+	<img id="n_69_bg" src="n_69_bg.png" srcset="n_69_bg.png 1x, n_69_bg@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bai" class="BackButton">
-		<svg class="BackButton_baj">
-			<rect id="BackButton_baj" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bha">
+		<ellipse id="n_8_bha" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bhb" class="BackButton">
+		<svg class="BackButton_bhc">
+			<rect id="BackButton_bhc" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E4.html
old mode 100644
new mode 100755
index a54bf2a..ce437b3
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_68_b {
+	#n_68_bhc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bak {
+	#n_8_bhd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bhe {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bal {
+	#BackButton_bhf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bal {
+	.BackButton_bhf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E4">
-	<img id="n_68_b" src="n_68_b.png" srcset="n_68_b.png 1x, n_68_b@2x.png 2x">
+	<img id="n_68_bhc" src="n_68_bhc.png" srcset="n_68_bhc.png 1x, n_68_bhc@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bak" class="BackButton">
-		<svg class="BackButton_bal">
-			<rect id="BackButton_bal" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bhd">
+		<ellipse id="n_8_bhd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bhe" class="BackButton">
+		<svg class="BackButton_bhf">
+			<rect id="BackButton_bhf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E5.html
old mode 100644
new mode 100755
index e42cd57..bc85370
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_67_g {
+	#n_67_bhi {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bam {
+	#n_8_bhj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bhk {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_ban {
+	#BackButton_bhl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ban {
+	.BackButton_bhl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E5">
-	<img id="n_67_g" src="n_67_g.png" srcset="n_67_g.png 1x, n_67_g@2x.png 2x">
+	<img id="n_67_bhi" src="n_67_bhi.png" srcset="n_67_bhi.png 1x, n_67_bhi@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bam" class="BackButton">
-		<svg class="BackButton_ban">
-			<rect id="BackButton_ban" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bhj">
+		<ellipse id="n_8_bhj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bhk" class="BackButton">
+		<svg class="BackButton_bhl">
+			<rect id="BackButton_bhl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E6.html
old mode 100644
new mode 100755
index 6a1b96f..22651ee
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detai_HELPl_E6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_66_l {
+	#n_66_bho {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bao {
+	#n_8_bhp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bhq {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bap {
+	#BackButton_bhr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bap {
+	.BackButton_bhr {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E6">
-	<img id="n_66_l" src="n_66_l.png" srcset="n_66_l.png 1x, n_66_l@2x.png 2x">
+	<img id="n_66_bho" src="n_66_bho.png" srcset="n_66_bho.png 1x, n_66_bho@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bao" class="BackButton">
-		<svg class="BackButton_bap">
-			<rect id="BackButton_bap" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_8_bhp">
+		<ellipse id="n_8_bhp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bhq" class="BackButton">
+		<svg class="BackButton_bhr">
+			<rect id="BackButton_bhr" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E1.html
old mode 100644
new mode 100755
index d6f62f6..24ac1d7
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_h {
+	#n_4_bjm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bjm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bjn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bjo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bjp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_bjq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bjr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bjs {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1.html;
 		cursor: pointer;
 	}
-	#HelpButton_k {
+	#HelpButton_bjt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_k {
+	.HelpButton_bjt {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_d {
+	#ReflectivityButton_bju {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_e {
+	#ReflectivityButton_bjv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_e {
+	.ReflectivityButton_bjv {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_ {
+	#LossButton_bjw {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#LossButton_a {
+	#LossButton_bjx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_a {
+	.LossButton_bjx {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_h {
+	#EventButtion-L_bjy {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_i {
+	#EventButtion-L_bjz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_i {
+	.EventButtion-L_bjz {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_g {
+	#EventButtion-R_bj {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_j {
+	#EventButtion-R_bka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_j {
+	.EventButtion-R_bka {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_baw {
+	#BackButton_bj {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_bax {
+	#BackButton_bka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bax {
+	.BackButton_bka {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1">
 	<img id="n_73" src="n_73.png" srcset="n_73.png 1x, n_73@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_h" class="HelpButton">
-		<svg class="HelpButton_k">
-			<rect id="HelpButton_k" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bjm">
+		<ellipse id="n_4_bjm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjn">
+		<ellipse id="n_8_bjn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjo">
+		<ellipse id="n_8_bjo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjp">
+		<ellipse id="n_8_bjp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjq">
+		<ellipse id="n_8_bjq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjr">
+		<ellipse id="n_8_bjr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bjs" class="HelpButton">
+		<svg class="HelpButton_bjt">
+			<rect id="HelpButton_bjt" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_d" class="ReflectivityButton">
-		<svg class="ReflectivityButton_e">
-			<rect id="ReflectivityButton_e" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bju" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bjv">
+			<rect id="ReflectivityButton_bjv" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_" class="LossButton">
-		<svg class="LossButton_a">
-			<rect id="LossButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bjw" class="LossButton">
+		<svg class="LossButton_bjx">
+			<rect id="LossButton_bjx" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_h" class="EventButtion_L">
-		<svg class="EventButtion-L_i">
-			<ellipse id="EventButtion-L_i" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bjy" class="EventButtion_L">
+		<svg class="EventButtion-L_bjz">
+			<ellipse id="EventButtion-L_bjz" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_g" class="EventButtion_R">
-		<svg class="EventButtion-R_j">
-			<ellipse id="EventButtion-R_j" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bj" class="EventButtion_R">
+		<svg class="EventButtion-R_bka">
+			<ellipse id="EventButtion-R_bka" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baw" class="BackButton">
-		<svg class="BackButton_bax">
-			<rect id="BackButton_bax" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bj" class="BackButton">
+		<svg class="BackButton_bka">
+			<rect id="BackButton_bka" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E2.html
old mode 100644
new mode 100755
index 647d6b0..a986274
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bai {
+	#n_4_bm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bna {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bna {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bnb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_bnc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bnd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bna {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_baj {
+	#HelpButton_bnb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baj {
+	.HelpButton_bnb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bbh {
+	#BackButton_bnc {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bbi {
+	#BackButton_bnd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbi {
+	.BackButton_bnd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_bam {
+	#ReflectivityButton_bne {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_ban {
+	#ReflectivityButton_bnf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_ban {
+	.ReflectivityButton_bnf {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_bao {
+	#EventButtion-L_bng {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bap {
+	#EventButtion-L_bnh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_bap {
+	.EventButtion-L_bnh {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_baq {
+	#EventButtion-R_bni {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_bar {
+	#EventButtion-R_bnj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_bar {
+	.EventButtion-R_bnj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_bas {
+	#LossButton_bnk {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#LossButton_bat {
+	#LossButton_bnl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bat {
+	.LossButton_bnl {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E2">
 	<img id="n_75" src="n_75.png" srcset="n_75.png 1x, n_75@2x.png 2x">
 		
-	<div id="HelpButton_bai" class="HelpButton">
-		<svg class="HelpButton_baj">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_baj" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bm">
+		<ellipse id="n_4_bm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bm">
+		<ellipse id="n_8_bm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bna">
+		<ellipse id="n_8_bna" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnb">
+		<ellipse id="n_8_bnb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnc">
+		<ellipse id="n_8_bnc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnd">
+		<ellipse id="n_8_bnd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bna" class="HelpButton">
+		<svg class="HelpButton_bnb">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bnb" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbh" class="BackButton">
-		<svg class="BackButton_bbi">
-			<rect id="BackButton_bbi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bnc" class="BackButton">
+		<svg class="BackButton_bnd">
+			<rect id="BackButton_bnd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bam" class="ReflectivityButton">
-		<svg class="ReflectivityButton_ban">
-			<rect id="ReflectivityButton_ban" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bne" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bnf">
+			<rect id="ReflectivityButton_bnf" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bao" class="EventButtion_L">
-		<svg class="EventButtion-L_bap">
-			<ellipse id="EventButtion-L_bap" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bng" class="EventButtion_L">
+		<svg class="EventButtion-L_bnh">
+			<ellipse id="EventButtion-L_bnh" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_baq" class="EventButtion_R">
-		<svg class="EventButtion-R_bar">
-			<ellipse id="EventButtion-R_bar" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bni" class="EventButtion_R">
+		<svg class="EventButtion-R_bnj">
+			<ellipse id="EventButtion-R_bnj" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_bas" class="LossButton">
-		<svg class="LossButton_bat">
-			<rect id="LossButton_bat" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bnk" class="LossButton">
+		<svg class="LossButton_bnl">
+			<rect id="LossButton_bnl" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E3.html
old mode 100644
new mode 100755
index 88ed19d..039bef7
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_n {
+	#n_4_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bkb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_bkc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bkd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bkd {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_q {
+	#HelpButton_bke {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_q {
+	.HelpButton_bke {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_bay {
+	#BackButton_bkf {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_baz {
+	#BackButton_bkg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_baz {
+	.BackButton_bkg {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_j {
+	#ReflectivityButton_bkh {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_m {
+	#ReflectivityButton_bki {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_m {
+	.ReflectivityButton_bki {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_l {
+	#EventButtion-L_bkj {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_n {
+	#EventButtion-L_bkk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_n {
+	.EventButtion-L_bkk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_n {
+	#EventButtion-R_bkl {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_p {
+	#EventButtion-R_bkm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_p {
+	.EventButtion-R_bkm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_p {
+	#LossButton_bkn {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#LossButton_q {
+	#LossButton_bko {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_q {
+	.LossButton_bko {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E3">
 	<img id="n_77" src="n_77.png" srcset="n_77.png 1x, n_77@2x.png 2x">
 		
-	<div id="HelpButton_n" class="HelpButton">
-		<svg class="HelpButton_q">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_q" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bj">
+		<ellipse id="n_4_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bj">
+		<ellipse id="n_8_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bka">
+		<ellipse id="n_8_bka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkb">
+		<ellipse id="n_8_bkb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkc">
+		<ellipse id="n_8_bkc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkd">
+		<ellipse id="n_8_bkd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bkd" class="HelpButton">
+		<svg class="HelpButton_bke">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bke" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bay" class="BackButton">
-		<svg class="BackButton_baz">
-			<rect id="BackButton_baz" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bkf" class="BackButton">
+		<svg class="BackButton_bkg">
+			<rect id="BackButton_bkg" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_j" class="ReflectivityButton">
-		<svg class="ReflectivityButton_m">
-			<rect id="ReflectivityButton_m" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bkh" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bki">
+			<rect id="ReflectivityButton_bki" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_l" class="EventButtion_L">
-		<svg class="EventButtion-L_n">
-			<ellipse id="EventButtion-L_n" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bkj" class="EventButtion_L">
+		<svg class="EventButtion-L_bkk">
+			<ellipse id="EventButtion-L_bkk" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_n" class="EventButtion_R">
-		<svg class="EventButtion-R_p">
-			<ellipse id="EventButtion-R_p" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bkl" class="EventButtion_R">
+		<svg class="EventButtion-R_bkm">
+			<ellipse id="EventButtion-R_bkm" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_p" class="LossButton">
-		<svg class="LossButton_q">
-			<rect id="LossButton_q" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bkn" class="LossButton">
+		<svg class="LossButton_bko">
+			<rect id="LossButton_bko" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E4.html
old mode 100644
new mode 100755
index 4c7ae30..959b111
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bax {
+	#n_4_bnp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bnp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bnq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bnr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bns {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bns {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_bnt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bnu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bnu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bnv {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bay {
+	#HelpButton_bnw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bay {
+	.HelpButton_bnw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bbj {
+	#BackButton_bnx {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bbk {
+	#BackButton_bny {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbk {
+	.BackButton_bny {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_ba {
+	#ReflectivityButton_bnz {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bba {
+	#ReflectivityButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bba {
+	.ReflectivityButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_ba {
+	#EventButtion-L_bn {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bba {
+	#EventButtion-L_boa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_bba {
+	.EventButtion-L_boa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_ba {
+	#EventButtion-R_bn {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_bba {
+	#EventButtion-R_boa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_bba {
+	.EventButtion-R_boa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_ba {
+	#LossButton_bn {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#LossButton_bba {
+	#LossButton_boa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bba {
+	.LossButton_boa {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E4">
 	<img id="n_78" src="n_78.png" srcset="n_78.png 1x, n_78@2x.png 2x">
 		
-	<div id="HelpButton_bax" class="HelpButton">
-		<svg class="HelpButton_bay">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bay" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bnp">
+		<ellipse id="n_4_bnp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnq">
+		<ellipse id="n_8_bnq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnr">
+		<ellipse id="n_8_bnr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bns">
+		<ellipse id="n_8_bns" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnt">
+		<ellipse id="n_8_bnt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bnu">
+		<ellipse id="n_8_bnu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bnv" class="HelpButton">
+		<svg class="HelpButton_bnw">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bnw" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbj" class="BackButton">
-		<svg class="BackButton_bbk">
-			<rect id="BackButton_bbk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bnx" class="BackButton">
+		<svg class="BackButton_bny">
+			<rect id="BackButton_bny" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_ba" class="ReflectivityButton">
-		<svg class="ReflectivityButton_bba">
-			<rect id="ReflectivityButton_bba" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bnz" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bn">
+			<rect id="ReflectivityButton_bn" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_ba" class="EventButtion_L">
-		<svg class="EventButtion-L_bba">
-			<ellipse id="EventButtion-L_bba" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bn" class="EventButtion_L">
+		<svg class="EventButtion-L_boa">
+			<ellipse id="EventButtion-L_boa" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_ba" class="EventButtion_R">
-		<svg class="EventButtion-R_bba">
-			<ellipse id="EventButtion-R_bba" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bn" class="EventButtion_R">
+		<svg class="EventButtion-R_boa">
+			<ellipse id="EventButtion-R_boa" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_ba" class="LossButton">
-		<svg class="LossButton_bba">
-			<rect id="LossButton_bba" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bn" class="LossButton">
+		<svg class="LossButton_boa">
+			<rect id="LossButton_boa" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E5.html
old mode 100644
new mode 100755
index f112302..c3a10b6
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_baa {
+	#n_4_bks {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bks {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bkt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bku {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bku {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bkv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_bkw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bkx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bkx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bky {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bab {
+	#HelpButton_bkz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bab {
+	.HelpButton_bkz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_ba {
+	#BackButton_bk {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_bba {
+	#BackButton_bla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bba {
+	.BackButton_bla {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_y {
+	#ReflectivityButton_bk {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_z {
+	#ReflectivityButton_bla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_z {
+	.ReflectivityButton_bla {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_j {
+	#EventButtion-L_bk {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_k {
+	#EventButtion-L_bla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_k {
+	.EventButtion-L_bla {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_k {
+	#EventButtion-R_bk {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_l {
+	#EventButtion-R_bla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_l {
+	.EventButtion-R_bla {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_b {
+	#LossButton_bk {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#LossButton_c {
+	#LossButton_bla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_c {
+	.LossButton_bla {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E5">
 	<img id="n_81" src="n_81.png" srcset="n_81.png 1x, n_81@2x.png 2x">
 		
-	<div id="HelpButton_baa" class="HelpButton">
-		<svg class="HelpButton_bab">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bab" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bks">
+		<ellipse id="n_4_bks" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkt">
+		<ellipse id="n_8_bkt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bku">
+		<ellipse id="n_8_bku" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkv">
+		<ellipse id="n_8_bkv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkw">
+		<ellipse id="n_8_bkw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bkx">
+		<ellipse id="n_8_bkx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bky" class="HelpButton">
+		<svg class="HelpButton_bkz">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bkz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_ba" class="BackButton">
-		<svg class="BackButton_bba">
-			<rect id="BackButton_bba" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bk" class="BackButton">
+		<svg class="BackButton_bla">
+			<rect id="BackButton_bla" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_y" class="ReflectivityButton">
-		<svg class="ReflectivityButton_z">
-			<rect id="ReflectivityButton_z" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bk" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bla">
+			<rect id="ReflectivityButton_bla" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_j" class="EventButtion_L">
-		<svg class="EventButtion-L_k">
-			<ellipse id="EventButtion-L_k" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bk" class="EventButtion_L">
+		<svg class="EventButtion-L_bla">
+			<ellipse id="EventButtion-L_bla" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_k" class="EventButtion_R">
-		<svg class="EventButtion-R_l">
-			<ellipse id="EventButtion-R_l" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bk" class="EventButtion_R">
+		<svg class="EventButtion-R_bla">
+			<ellipse id="EventButtion-R_bla" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_b" class="LossButton">
-		<svg class="LossButton_c">
-			<rect id="LossButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bk" class="LossButton">
+		<svg class="LossButton_bla">
+			<rect id="LossButton_bla" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E6.html
old mode 100644
new mode 100755
index 03e2c32..efcfd06
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_AC_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bbc {
+	#n_4_boa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_boa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bob {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bob {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_boc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_boc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bod {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bod {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 418px;
+		top: 353px;
+	}
+	#n_8_boe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_boe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bof {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bof {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bog {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bbd {
+	#HelpButton_boh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bbd {
+	.HelpButton_boh {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bbl {
+	#BackButton_boi {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bbm {
+	#BackButton_boj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbm {
+	.BackButton_boj {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_bbg {
+	#ReflectivityButton_bok {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bbh {
+	#ReflectivityButton_bol {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bbh {
+	.ReflectivityButton_bol {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_bbi {
+	#EventButtion-L_bom {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bbj {
+	#EventButtion-L_bon {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_bbj {
+	.EventButtion-L_bon {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_bbk {
+	#EventButtion-R_boo {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_bbl {
+	#EventButtion-R_bop {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_bbl {
+	.EventButtion-R_bop {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_bbm {
+	#LossButton_boq {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#LossButton_bbn {
+	#LossButton_bor {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bbn {
+	.LossButton_bor {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E6">
 	<img id="n_82" src="n_82.png" srcset="n_82.png 1x, n_82@2x.png 2x">
 		
-	<div id="HelpButton_bbc" class="HelpButton">
-		<svg class="HelpButton_bbd">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bbd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_boa">
+		<ellipse id="n_4_boa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bob">
+		<ellipse id="n_8_bob" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_boc">
+		<ellipse id="n_8_boc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bod">
+		<ellipse id="n_8_bod" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_boe">
+		<ellipse id="n_8_boe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bof">
+		<ellipse id="n_8_bof" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bog" class="HelpButton">
+		<svg class="HelpButton_boh">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_boh" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbl" class="BackButton">
-		<svg class="BackButton_bbm">
-			<rect id="BackButton_bbm" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_boi" class="BackButton">
+		<svg class="BackButton_boj">
+			<rect id="BackButton_boj" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bbg" class="ReflectivityButton">
-		<svg class="ReflectivityButton_bbh">
-			<rect id="ReflectivityButton_bbh" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bok" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bol">
+			<rect id="ReflectivityButton_bol" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bbi" class="EventButtion_L">
-		<svg class="EventButtion-L_bbj">
-			<ellipse id="EventButtion-L_bbj" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bom" class="EventButtion_L">
+		<svg class="EventButtion-L_bon">
+			<ellipse id="EventButtion-L_bon" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bbk" class="EventButtion_R">
-		<svg class="EventButtion-R_bbl">
-			<ellipse id="EventButtion-R_bbl" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_boo" class="EventButtion_R">
+		<svg class="EventButtion-R_bop">
+			<ellipse id="EventButtion-R_bop" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_bbm" class="LossButton">
-		<svg class="LossButton_bbn">
-			<rect id="LossButton_bbn" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_boq" class="LossButton">
+		<svg class="LossButton_bor">
+			<rect id="LossButton_bor" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E1.html
old mode 100644
new mode 100755
index b451de7..acf493f
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_f {
+	#n_4_bdd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bdd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_bde {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bde {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bdf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bdf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bdg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bdg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_bdh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bdh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bdi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bdi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bdj {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1.html;
 		cursor: pointer;
 	}
-	#HelpButton_g {
+	#HelpButton_bdk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_g {
+	.HelpButton_bdk {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_i {
+	#ReflectivityButton_bdm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_i {
+	.ReflectivityButton_bdm {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_k {
+	#AttenuationCoefficientButton_bdo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_k {
+	.AttenuationCoefficientButton_bdo {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_m {
+	#EventButtion-L_bdq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_m {
+	.EventButtion-L_bdq {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_o {
+	#EventButtion-R_bds {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_o {
+	.EventButtion-R_bds {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_p {
+	#BackButton_bdt {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_s {
+	#BackButton_bdu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_s {
+	.BackButton_bdu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1">
 	<img id="n_60" src="n_60.png" srcset="n_60.png 1x, n_60@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_f" class="HelpButton">
-		<svg class="HelpButton_g">
-			<rect id="HelpButton_g" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bdd">
+		<ellipse id="n_4_bdd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bde">
+		<ellipse id="n_8_bde" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bdf">
+		<ellipse id="n_8_bdf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bdg">
+		<ellipse id="n_8_bdg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bdh">
+		<ellipse id="n_8_bdh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bdi">
+		<ellipse id="n_8_bdi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bdj" class="HelpButton">
+		<svg class="HelpButton_bdk">
+			<rect id="HelpButton_bdk" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="ReflectivityButton" class="ReflectivityButton">
-		<svg class="ReflectivityButton_i">
-			<rect id="ReflectivityButton_i" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="ReflectivityButton_bdm">
+			<rect id="ReflectivityButton_bdm" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_k">
-			<rect id="AttenuationCoefficientButton_k" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="AttenuationCoefficientButton_bdo">
+			<rect id="AttenuationCoefficientButton_bdo" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EventButtion-L" class="EventButtion_L">
-		<svg class="EventButtion-L_m">
-			<ellipse id="EventButtion-L_m" rx="18" ry="20" cx="18" cy="20">
+		<svg class="EventButtion-L_bdq">
+			<ellipse id="EventButtion-L_bdq" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EventButtion-R" class="EventButtion_R">
-		<svg class="EventButtion-R_o">
-			<ellipse id="EventButtion-R_o" rx="18" ry="20" cx="18" cy="20">
+		<svg class="EventButtion-R_bds">
+			<ellipse id="EventButtion-R_bds" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_p" class="BackButton">
-		<svg class="BackButton_s">
-			<rect id="BackButton_s" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bdt" class="BackButton">
+		<svg class="BackButton_bdu">
+			<rect id="BackButton_bdu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E2.html
old mode 100644
new mode 100755
index 5c29cd1..d37a990
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_w {
+	#n_4_bdy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bdy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_bdz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bdz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bea {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_beb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_beb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bec {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bec {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bd {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#HelpButton_x {
+	#HelpButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_x {
+	.HelpButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_w {
+	#ReflectivityButton_bd {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_x {
+	#ReflectivityButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_x {
+	.ReflectivityButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_y {
+	#AttenuationCoefficientButton_bd {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_z {
+	#AttenuationCoefficientButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_z {
+	.AttenuationCoefficientButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_ {
+	#EventButtion-L_bea {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_a {
+	#EventButtion-L_beb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_a {
+	.EventButtion-L_beb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_ {
+	#EventButtion-R_bec {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_a {
+	#EventButtion-R_bed {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_a {
+	.EventButtion-R_bed {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_o {
+	#BackButton_bee {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_t {
+	#BackButton_bef {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_t {
+	.BackButton_bef {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E2">
 	<img id="n_61" src="n_61.png" srcset="n_61.png 1x, n_61@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_w" class="HelpButton">
-		<svg class="HelpButton_x">
-			<rect id="HelpButton_x" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bdy">
+		<ellipse id="n_4_bdy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bdz">
+		<ellipse id="n_8_bdz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bd">
+		<ellipse id="n_8_bd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bea">
+		<ellipse id="n_8_bea" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_beb">
+		<ellipse id="n_8_beb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bec">
+		<ellipse id="n_8_bec" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bd" class="HelpButton">
+		<svg class="HelpButton_bea">
+			<rect id="HelpButton_bea" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_w" class="ReflectivityButton">
-		<svg class="ReflectivityButton_x">
-			<rect id="ReflectivityButton_x" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bd" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bea">
+			<rect id="ReflectivityButton_bea" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_y" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_z">
-			<rect id="AttenuationCoefficientButton_z" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bd" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bea">
+			<rect id="AttenuationCoefficientButton_bea" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_" class="EventButtion_L">
-		<svg class="EventButtion-L_a">
-			<ellipse id="EventButtion-L_a" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bea" class="EventButtion_L">
+		<svg class="EventButtion-L_beb">
+			<ellipse id="EventButtion-L_beb" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_" class="EventButtion_R">
-		<svg class="EventButtion-R_a">
-			<ellipse id="EventButtion-R_a" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bec" class="EventButtion_R">
+		<svg class="EventButtion-R_bed">
+			<ellipse id="EventButtion-R_bed" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_o" class="BackButton">
-		<svg class="BackButton_t">
-			<rect id="BackButton_t" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bee" class="BackButton">
+		<svg class="BackButton_bef">
+			<rect id="BackButton_bef" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E3.html
old mode 100644
new mode 100755
index 0ce6205..b212bbc
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ {
+	#n_4_bej {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bej {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_bek {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bek {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bel {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bel {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bem {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bem {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_ben {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ben {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_beo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_beo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bep {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#HelpButton_a {
+	#HelpButton_beq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_a {
+	.HelpButton_beq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_b {
+	#ReflectivityButton_ber {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_c {
+	#ReflectivityButton_bes {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_c {
+	.ReflectivityButton_bes {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_d {
+	#AttenuationCoefficientButton_bet {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_e {
+	#AttenuationCoefficientButton_beu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_e {
+	.AttenuationCoefficientButton_beu {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_f {
+	#EventButtion-L_bev {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_g {
+	#EventButtion-L_bew {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_g {
+	.EventButtion-L_bew {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_h {
+	#EventButtion-R_bex {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_i {
+	#EventButtion-R_bey {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_i {
+	.EventButtion-R_bey {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_u {
+	#BackButton_bez {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_x {
+	#BackButton_be {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_x {
+	.BackButton_be {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E3">
 	<img id="n_62" src="n_62.png" srcset="n_62.png 1x, n_62@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_" class="HelpButton">
-		<svg class="HelpButton_a">
-			<rect id="HelpButton_a" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bej">
+		<ellipse id="n_4_bej" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bek">
+		<ellipse id="n_8_bek" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bel">
+		<ellipse id="n_8_bel" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bem">
+		<ellipse id="n_8_bem" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ben">
+		<ellipse id="n_8_ben" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_beo">
+		<ellipse id="n_8_beo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bep" class="HelpButton">
+		<svg class="HelpButton_beq">
+			<rect id="HelpButton_beq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_b" class="ReflectivityButton">
-		<svg class="ReflectivityButton_c">
-			<rect id="ReflectivityButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_ber" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bes">
+			<rect id="ReflectivityButton_bes" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_d" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_e">
-			<rect id="AttenuationCoefficientButton_e" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bet" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_beu">
+			<rect id="AttenuationCoefficientButton_beu" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_f" class="EventButtion_L">
-		<svg class="EventButtion-L_g">
-			<ellipse id="EventButtion-L_g" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bev" class="EventButtion_L">
+		<svg class="EventButtion-L_bew">
+			<ellipse id="EventButtion-L_bew" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_h" class="EventButtion_R">
-		<svg class="EventButtion-R_i">
-			<ellipse id="EventButtion-R_i" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bex" class="EventButtion_R">
+		<svg class="EventButtion-R_bey">
+			<ellipse id="EventButtion-R_bey" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_u" class="BackButton">
-		<svg class="BackButton_x">
-			<rect id="BackButton_x" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bez" class="BackButton">
+		<svg class="BackButton_be">
+			<rect id="BackButton_be" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html
old mode 100644
new mode 100755
index 7934973..b469b78
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_o {
+	#n_4_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bfa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bfb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_bfc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bfd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bfa {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#HelpButton_p {
+	#HelpButton_bfb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_p {
+	.HelpButton_bfb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_q {
+	#ReflectivityButton_bfc {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_r {
+	#ReflectivityButton_bfd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_r {
+	.ReflectivityButton_bfd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_s {
+	#AttenuationCoefficientButton_bfe {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_t {
+	#AttenuationCoefficientButton_bff {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_t {
+	.AttenuationCoefficientButton_bff {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_u {
+	#EventButtion-L_bfg {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_v {
+	#EventButtion-L_bfh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_v {
+	.EventButtion-L_bfh {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_w {
+	#EventButtion-R_bfi {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_x {
+	#EventButtion-R_bfj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_x {
+	.EventButtion-R_bfj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_y {
+	#BackButton_bfk {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_z {
+	#BackButton_bfl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_z {
+	.BackButton_bfl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E4">
 	<img id="n_63" src="n_63.png" srcset="n_63.png 1x, n_63@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_o" class="HelpButton">
-		<svg class="HelpButton_p">
-			<rect id="HelpButton_p" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_be">
+		<ellipse id="n_4_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_be">
+		<ellipse id="n_8_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfa">
+		<ellipse id="n_8_bfa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfb">
+		<ellipse id="n_8_bfb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfc">
+		<ellipse id="n_8_bfc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfd">
+		<ellipse id="n_8_bfd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bfa" class="HelpButton">
+		<svg class="HelpButton_bfb">
+			<rect id="HelpButton_bfb" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_q" class="ReflectivityButton">
-		<svg class="ReflectivityButton_r">
-			<rect id="ReflectivityButton_r" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bfc" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bfd">
+			<rect id="ReflectivityButton_bfd" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_s" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_t">
-			<rect id="AttenuationCoefficientButton_t" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bfe" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bff">
+			<rect id="AttenuationCoefficientButton_bff" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_u" class="EventButtion_L">
-		<svg class="EventButtion-L_v">
-			<ellipse id="EventButtion-L_v" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bfg" class="EventButtion_L">
+		<svg class="EventButtion-L_bfh">
+			<ellipse id="EventButtion-L_bfh" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_w" class="EventButtion_R">
-		<svg class="EventButtion-R_x">
-			<ellipse id="EventButtion-R_x" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bfi" class="EventButtion_R">
+		<svg class="EventButtion-R_bfj">
+			<ellipse id="EventButtion-R_bfj" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_y" class="BackButton">
-		<svg class="BackButton_z">
-			<rect id="BackButton_z" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bfk" class="BackButton">
+		<svg class="BackButton_bfl">
+			<rect id="BackButton_bfl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E5.html
old mode 100644
new mode 100755
index 1efc2c4..43c901f
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_b {
+	#n_4_bfp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bfp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_bfq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bfr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bfs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_bft {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bft {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bfu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bfu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bfv {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
 		cursor: pointer;
 	}
-	#HelpButton_c {
+	#HelpButton_bfw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_c {
+	.HelpButton_bfw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_ {
+	#ReflectivityButton_bfx {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_a {
+	#ReflectivityButton_bfy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_a {
+	.ReflectivityButton_bfy {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_ {
+	#AttenuationCoefficientButton_bfz {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_a {
+	#AttenuationCoefficientButton_bf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_a {
+	.AttenuationCoefficientButton_bf {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_b {
+	#EventButtion-L_bf {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_c {
+	#EventButtion-L_bga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_c {
+	.EventButtion-L_bga {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_b {
+	#EventButtion-R_bf {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_c {
+	#EventButtion-R_bga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_c {
+	.EventButtion-R_bga {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_baa {
+	#BackButton_bf {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_bab {
+	#BackButton_bga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bab {
+	.BackButton_bga {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E5">
 	<img id="n_64" src="n_64.png" srcset="n_64.png 1x, n_64@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_b" class="HelpButton">
-		<svg class="HelpButton_c">
-			<rect id="HelpButton_c" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bfp">
+		<ellipse id="n_4_bfp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfq">
+		<ellipse id="n_8_bfq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfr">
+		<ellipse id="n_8_bfr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfs">
+		<ellipse id="n_8_bfs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bft">
+		<ellipse id="n_8_bft" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bfu">
+		<ellipse id="n_8_bfu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bfv" class="HelpButton">
+		<svg class="HelpButton_bfw">
+			<rect id="HelpButton_bfw" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_" class="ReflectivityButton">
-		<svg class="ReflectivityButton_a">
-			<rect id="ReflectivityButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bfx" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bfy">
+			<rect id="ReflectivityButton_bfy" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_a">
-			<rect id="AttenuationCoefficientButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bfz" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bf">
+			<rect id="AttenuationCoefficientButton_bf" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_b" class="EventButtion_L">
-		<svg class="EventButtion-L_c">
-			<ellipse id="EventButtion-L_c" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bf" class="EventButtion_L">
+		<svg class="EventButtion-L_bga">
+			<ellipse id="EventButtion-L_bga" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_b" class="EventButtion_R">
-		<svg class="EventButtion-R_c">
-			<ellipse id="EventButtion-R_c" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bf" class="EventButtion_R">
+		<svg class="EventButtion-R_bga">
+			<ellipse id="EventButtion-R_bga" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baa" class="BackButton">
-		<svg class="BackButton_bab">
-			<rect id="BackButton_bab" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bf" class="BackButton">
+		<svg class="BackButton_bga">
+			<rect id="BackButton_bga" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E6.html
old mode 100644
new mode 100755
index ad23b06..5c56b71
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_i {
+	#n_4_bga {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bga {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_8_bgb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bgb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bgc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bgc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 353px;
+	}
+	#n_8_bgd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bgd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 373px;
+		top: 396px;
+	}
+	#n_8_bge {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bge {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bgf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bgf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bgg {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#HelpButton_j {
+	#HelpButton_bgh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_j {
+	.HelpButton_bgh {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_k {
+	#ReflectivityButton_bgi {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_l {
+	#ReflectivityButton_bgj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_l {
+	.ReflectivityButton_bgj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_m {
+	#AttenuationCoefficientButton_bgk {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_n {
+	#AttenuationCoefficientButton_bgl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_n {
+	.AttenuationCoefficientButton_bgl {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_o {
+	#EventButtion-L_bgm {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_p {
+	#EventButtion-L_bgn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_p {
+	.EventButtion-L_bgn {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_q {
+	#EventButtion-R_bgo {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_r {
+	#EventButtion-R_bgp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_r {
+	.EventButtion-R_bgp {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bac {
+	#BackButton_bgq {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bad {
+	#BackButton_bgr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bad {
+	.BackButton_bgr {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E6">
 	<img id="n_65" src="n_65.png" srcset="n_65.png 1x, n_65@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_i" class="HelpButton">
-		<svg class="HelpButton_j">
-			<rect id="HelpButton_j" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bga">
+		<ellipse id="n_4_bga" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bgb">
+		<ellipse id="n_8_bgb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bgc">
+		<ellipse id="n_8_bgc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bgd">
+		<ellipse id="n_8_bgd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bge">
+		<ellipse id="n_8_bge" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bgf">
+		<ellipse id="n_8_bgf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bgg" class="HelpButton">
+		<svg class="HelpButton_bgh">
+			<rect id="HelpButton_bgh" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_k" class="ReflectivityButton">
-		<svg class="ReflectivityButton_l">
-			<rect id="ReflectivityButton_l" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bgi" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bgj">
+			<rect id="ReflectivityButton_bgj" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_m" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_n">
-			<rect id="AttenuationCoefficientButton_n" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bgk" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bgl">
+			<rect id="AttenuationCoefficientButton_bgl" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_o" class="EventButtion_L">
-		<svg class="EventButtion-L_p">
-			<ellipse id="EventButtion-L_p" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bgm" class="EventButtion_L">
+		<svg class="EventButtion-L_bgn">
+			<ellipse id="EventButtion-L_bgn" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_q" class="EventButtion_R">
-		<svg class="EventButtion-R_r">
-			<ellipse id="EventButtion-R_r" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bgo" class="EventButtion_R">
+		<svg class="EventButtion-R_bgp">
+			<ellipse id="EventButtion-R_bgp" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bac" class="BackButton">
-		<svg class="BackButton_bad">
-			<rect id="BackButton_bad" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bgq" class="BackButton">
+		<svg class="BackButton_bgr">
+			<rect id="BackButton_bgr" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E1.html
old mode 100644
new mode 100755
index ec15263..42a5334
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_y {
+	#n_4_bhv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bhv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bhw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bhx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bhy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_bhz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bhz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bh {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_z {
+	#HelpButton_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_z {
+	.HelpButton_bia {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#LossButton_u {
+	#LossButton_bh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_u {
+	.LossButton_bh {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_v {
+	#AttenuationCoefficientButton_bh {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_w {
+	#AttenuationCoefficientButton_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_w {
+	.AttenuationCoefficientButton_bia {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_x {
+	#EventButtion-L_bh {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_y {
+	#EventButtion-L_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_y {
+	.EventButtion-L_bia {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_z {
+	#EventButtion-R_bh {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_d {
+	#EventButtion-R_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_d {
+	.EventButtion-R_bia {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_baq {
+	#BackButton_bib {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_bar {
+	#BackButton_bic {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bar {
+	.BackButton_bic {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1">
 	<img id="n_72" src="n_72.png" srcset="n_72.png 1x, n_72@2x.png 2x">
 		
-	<div id="HelpButton_y" class="HelpButton">
-		<svg class="HelpButton_z">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_z" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bhv">
+		<ellipse id="n_4_bhv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bhw">
+		<ellipse id="n_8_bhw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bhx">
+		<ellipse id="n_8_bhx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bhy">
+		<ellipse id="n_8_bhy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bhz">
+		<ellipse id="n_8_bhz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bh">
+		<ellipse id="n_8_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bh" class="HelpButton">
+		<svg class="HelpButton_bia">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bia" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LossButton" class="LossButton">
-		<svg class="LossButton_u">
-			<rect id="LossButton_u" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="LossButton_bh">
+			<rect id="LossButton_bh" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_v" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_w">
-			<rect id="AttenuationCoefficientButton_w" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bh" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bia">
+			<rect id="AttenuationCoefficientButton_bia" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_x" class="EventButtion_L">
-		<svg class="EventButtion-L_y">
-			<ellipse id="EventButtion-L_y" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bh" class="EventButtion_L">
+		<svg class="EventButtion-L_bia">
+			<ellipse id="EventButtion-L_bia" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_z" class="EventButtion_R">
-		<svg class="EventButtion-R_d">
-			<ellipse id="EventButtion-R_d" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bh" class="EventButtion_R">
+		<svg class="EventButtion-R_bia">
+			<ellipse id="EventButtion-R_bia" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baq" class="BackButton">
-		<svg class="BackButton_bar">
-			<rect id="BackButton_bar" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bib" class="BackButton">
+		<svg class="BackButton_bic">
+			<rect id="BackButton_bic" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E2.html
old mode 100644
new mode 100755
index b34f7ac..a733178
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bac {
+	#n_4_bld {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bld {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_ble {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ble {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_blf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_blf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_blg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_blg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_blh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_blh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bli {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bli {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_blj {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bad {
+	#HelpButton_blk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bad {
+	.HelpButton_blk {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bbb {
+	#BackButton_bll {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bbc {
+	#BackButton_blm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbc {
+	.BackButton_blm {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_f {
+	#AttenuationCoefficientButton_bln {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_g {
+	#AttenuationCoefficientButton_blo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_g {
+	.AttenuationCoefficientButton_blo {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_q {
+	#EventButtion-L_blp {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_t {
+	#EventButtion-L_blq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_t {
+	.EventButtion-L_blq {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_m {
+	#EventButtion-R_blr {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_s {
+	#EventButtion-R_bls {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_s {
+	.EventButtion-R_bls {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_j {
+	#LossButton_blt {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#LossButton_k {
+	#LossButton_blu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_k {
+	.LossButton_blu {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E2">
 	<img id="n_74" src="n_74.png" srcset="n_74.png 1x, n_74@2x.png 2x">
 		
-	<div id="HelpButton_bac" class="HelpButton">
-		<svg class="HelpButton_bad">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bad" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bld">
+		<ellipse id="n_4_bld" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ble">
+		<ellipse id="n_8_ble" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_blf">
+		<ellipse id="n_8_blf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_blg">
+		<ellipse id="n_8_blg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_blh">
+		<ellipse id="n_8_blh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bli">
+		<ellipse id="n_8_bli" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_blj" class="HelpButton">
+		<svg class="HelpButton_blk">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_blk" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbb" class="BackButton">
-		<svg class="BackButton_bbc">
-			<rect id="BackButton_bbc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bll" class="BackButton">
+		<svg class="BackButton_blm">
+			<rect id="BackButton_blm" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_f" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_g">
-			<rect id="AttenuationCoefficientButton_g" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bln" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_blo">
+			<rect id="AttenuationCoefficientButton_blo" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_q" class="EventButtion_L">
-		<svg class="EventButtion-L_t">
-			<ellipse id="EventButtion-L_t" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_blp" class="EventButtion_L">
+		<svg class="EventButtion-L_blq">
+			<ellipse id="EventButtion-L_blq" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_m" class="EventButtion_R">
-		<svg class="EventButtion-R_s">
-			<ellipse id="EventButtion-R_s" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_blr" class="EventButtion_R">
+		<svg class="EventButtion-R_bls">
+			<ellipse id="EventButtion-R_bls" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_j" class="LossButton">
-		<svg class="LossButton_k">
-			<rect id="LossButton_k" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_blt" class="LossButton">
+		<svg class="LossButton_blu">
+			<rect id="LossButton_blu" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E3.html
old mode 100644
new mode 100755
index 4481f9f..582bfb4
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_d {
+	#n_4_big {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_big {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bih {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bih {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bii {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bii {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bij {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bij {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_bik {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bik {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bil {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bil {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bim {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_e {
+	#HelpButton_bin {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_e {
+	.HelpButton_bin {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_bas {
+	#BackButton_bio {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_bat {
+	#BackButton_bip {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bat {
+	.BackButton_bip {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_b {
+	#AttenuationCoefficientButton_biq {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_c {
+	#AttenuationCoefficientButton_bir {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_c {
+	.AttenuationCoefficientButton_bir {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_d {
+	#EventButtion-L_bis {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_e {
+	#EventButtion-L_bit {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_e {
+	.EventButtion-L_bit {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_e {
+	#EventButtion-R_biu {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_f {
+	#EventButtion-R_biv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_f {
+	.EventButtion-R_biv {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_g {
+	#LossButton_biw {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#LossButton_h {
+	#LossButton_bix {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_h {
+	.LossButton_bix {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E3">
 	<img id="n_76" src="n_76.png" srcset="n_76.png 1x, n_76@2x.png 2x">
 		
-	<div id="HelpButton_d" class="HelpButton">
-		<svg class="HelpButton_e">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_e" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_big">
+		<ellipse id="n_4_big" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bih">
+		<ellipse id="n_8_bih" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bii">
+		<ellipse id="n_8_bii" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bij">
+		<ellipse id="n_8_bij" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bik">
+		<ellipse id="n_8_bik" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bil">
+		<ellipse id="n_8_bil" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bim" class="HelpButton">
+		<svg class="HelpButton_bin">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bin" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bas" class="BackButton">
-		<svg class="BackButton_bat">
-			<rect id="BackButton_bat" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bio" class="BackButton">
+		<svg class="BackButton_bip">
+			<rect id="BackButton_bip" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_b" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_c">
-			<rect id="AttenuationCoefficientButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_biq" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bir">
+			<rect id="AttenuationCoefficientButton_bir" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_d" class="EventButtion_L">
-		<svg class="EventButtion-L_e">
-			<ellipse id="EventButtion-L_e" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bis" class="EventButtion_L">
+		<svg class="EventButtion-L_bit">
+			<ellipse id="EventButtion-L_bit" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_e" class="EventButtion_R">
-		<svg class="EventButtion-R_f">
-			<ellipse id="EventButtion-R_f" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_biu" class="EventButtion_R">
+		<svg class="EventButtion-R_biv">
+			<ellipse id="EventButtion-R_biv" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_g" class="LossButton">
-		<svg class="LossButton_h">
-			<rect id="LossButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_biw" class="LossButton">
+		<svg class="LossButton_bix">
+			<rect id="LossButton_bix" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E4.html
old mode 100644
new mode 100755
index 900b223..58c6f1f
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bae {
+	#n_4_bly {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bly {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_blz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_blz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_bmb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bmc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bl {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_baf {
+	#HelpButton_bma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baf {
+	.HelpButton_bma {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bbd {
+	#BackButton_bl {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bbe {
+	#BackButton_bma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbe {
+	.BackButton_bma {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_u {
+	#AttenuationCoefficientButton_bl {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_x {
+	#AttenuationCoefficientButton_bma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_x {
+	.AttenuationCoefficientButton_bma {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_w {
+	#EventButtion-L_bma {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_z {
+	#EventButtion-L_bmb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_z {
+	.EventButtion-L_bmb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_y {
+	#EventButtion-R_bmc {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_baa {
+	#EventButtion-R_bmd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_baa {
+	.EventButtion-R_bmd {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_y {
+	#LossButton_bme {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#LossButton_z {
+	#LossButton_bmf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_z {
+	.LossButton_bmf {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E4">
 	<img id="n_79" src="n_79.png" srcset="n_79.png 1x, n_79@2x.png 2x">
 		
-	<div id="HelpButton_bae" class="HelpButton">
-		<svg class="HelpButton_baf">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_baf" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bly">
+		<ellipse id="n_4_bly" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_blz">
+		<ellipse id="n_8_blz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bl">
+		<ellipse id="n_8_bl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bma">
+		<ellipse id="n_8_bma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmb">
+		<ellipse id="n_8_bmb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmc">
+		<ellipse id="n_8_bmc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bl" class="HelpButton">
+		<svg class="HelpButton_bma">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bma" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbd" class="BackButton">
-		<svg class="BackButton_bbe">
-			<rect id="BackButton_bbe" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bl" class="BackButton">
+		<svg class="BackButton_bma">
+			<rect id="BackButton_bma" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_u" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_x">
-			<rect id="AttenuationCoefficientButton_x" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bl" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bma">
+			<rect id="AttenuationCoefficientButton_bma" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_w" class="EventButtion_L">
-		<svg class="EventButtion-L_z">
-			<ellipse id="EventButtion-L_z" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bma" class="EventButtion_L">
+		<svg class="EventButtion-L_bmb">
+			<ellipse id="EventButtion-L_bmb" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_y" class="EventButtion_R">
-		<svg class="EventButtion-R_baa">
-			<ellipse id="EventButtion-R_baa" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bmc" class="EventButtion_R">
+		<svg class="EventButtion-R_bmd">
+			<ellipse id="EventButtion-R_bmd" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_y" class="LossButton">
-		<svg class="LossButton_z">
-			<rect id="LossButton_z" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bme" class="LossButton">
+		<svg class="LossButton_bmf">
+			<rect id="LossButton_bmf" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E5.html
old mode 100644
new mode 100755
index 56285a1..933cd81
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_l {
+	#n_4_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bjb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_bjc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bjd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bjd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bi {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_m {
+	#HelpButton_bja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_m {
+	.HelpButton_bja {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_bau {
+	#BackButton_bi {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_bav {
+	#BackButton_bja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bav {
+	.BackButton_bja {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_p {
+	#AttenuationCoefficientButton_bjb {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_q {
+	#AttenuationCoefficientButton_bjc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_q {
+	.AttenuationCoefficientButton_bjc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_r {
+	#EventButtion-L_bjd {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_s {
+	#EventButtion-L_bje {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_s {
+	.EventButtion-L_bje {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_t {
+	#EventButtion-R_bjf {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_u {
+	#EventButtion-R_bjg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_u {
+	.EventButtion-R_bjg {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_v {
+	#LossButton_bjh {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#LossButton_w {
+	#LossButton_bji {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_w {
+	.LossButton_bji {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E5">
 	<img id="n_80" src="n_80.png" srcset="n_80.png 1x, n_80@2x.png 2x">
 		
-	<div id="HelpButton_l" class="HelpButton">
-		<svg class="HelpButton_m">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_m" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bi">
+		<ellipse id="n_4_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bi">
+		<ellipse id="n_8_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bja">
+		<ellipse id="n_8_bja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjb">
+		<ellipse id="n_8_bjb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjc">
+		<ellipse id="n_8_bjc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bjd">
+		<ellipse id="n_8_bjd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bi" class="HelpButton">
+		<svg class="HelpButton_bja">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bja" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bau" class="BackButton">
-		<svg class="BackButton_bav">
-			<rect id="BackButton_bav" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bi" class="BackButton">
+		<svg class="BackButton_bja">
+			<rect id="BackButton_bja" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_p" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_q">
-			<rect id="AttenuationCoefficientButton_q" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bjb" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bjc">
+			<rect id="AttenuationCoefficientButton_bjc" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_r" class="EventButtion_L">
-		<svg class="EventButtion-L_s">
-			<ellipse id="EventButtion-L_s" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bjd" class="EventButtion_L">
+		<svg class="EventButtion-L_bje">
+			<ellipse id="EventButtion-L_bje" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_t" class="EventButtion_R">
-		<svg class="EventButtion-R_u">
-			<ellipse id="EventButtion-R_u" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bjf" class="EventButtion_R">
+		<svg class="EventButtion-R_bjg">
+			<ellipse id="EventButtion-R_bjg" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_v" class="LossButton">
-		<svg class="LossButton_w">
-			<rect id="LossButton_w" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bjh" class="LossButton">
+		<svg class="LossButton_bji">
+			<rect id="LossButton_bji" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E6.html
old mode 100644
new mode 100755
index 176bc04..c5f55d4
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_Detail_Re_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bag {
+	#n_4_bmj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bmj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 34px;
+		top: 549px;
+	}
+	#n_8_bmk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bml {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bml {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_8_bmm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_8_bmn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_8_bmo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bmo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bmp {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bah {
+	#HelpButton_bmq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bah {
+	.HelpButton_bmq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bbf {
+	#BackButton_bmr {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bbg {
+	#BackButton_bms {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbg {
+	.BackButton_bms {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_baa {
+	#AttenuationCoefficientButton_bmt {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bab {
+	#AttenuationCoefficientButton_bmu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bab {
+	.AttenuationCoefficientButton_bmu {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_baa {
+	#EventButtion-L_bmv {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bab {
+	#EventButtion-L_bmw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_bab {
+	.EventButtion-L_bmw {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_bab {
+	#EventButtion-R_bmx {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_bac {
+	#EventButtion-R_bmy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_bac {
+	.EventButtion-R_bmy {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_bad {
+	#LossButton_bmz {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#LossButton_bae {
+	#LossButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bae {
+	.LossButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E6">
 	<img id="n_83" src="n_83.png" srcset="n_83.png 1x, n_83@2x.png 2x">
 		
-	<div id="HelpButton_bag" class="HelpButton">
-		<svg class="HelpButton_bah">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bah" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_4_bmj">
+		<ellipse id="n_4_bmj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmk">
+		<ellipse id="n_8_bmk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bml">
+		<ellipse id="n_8_bml" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmm">
+		<ellipse id="n_8_bmm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmn">
+		<ellipse id="n_8_bmn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bmo">
+		<ellipse id="n_8_bmo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bmp" class="HelpButton">
+		<svg class="HelpButton_bmq">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bmq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbf" class="BackButton">
-		<svg class="BackButton_bbg">
-			<rect id="BackButton_bbg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bmr" class="BackButton">
+		<svg class="BackButton_bms">
+			<rect id="BackButton_bms" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_baa" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_bab">
-			<rect id="AttenuationCoefficientButton_bab" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bmt" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bmu">
+			<rect id="AttenuationCoefficientButton_bmu" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_baa" class="EventButtion_L">
-		<svg class="EventButtion-L_bab">
-			<ellipse id="EventButtion-L_bab" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bmv" class="EventButtion_L">
+		<svg class="EventButtion-L_bmw">
+			<ellipse id="EventButtion-L_bmw" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bab" class="EventButtion_R">
-		<svg class="EventButtion-R_bac">
-			<ellipse id="EventButtion-R_bac" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bmx" class="EventButtion_R">
+		<svg class="EventButtion-R_bmy">
+			<ellipse id="EventButtion-R_bmy" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_bad" class="LossButton">
-		<svg class="LossButton_bae">
-			<rect id="LossButton_bae" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bmz" class="LossButton">
+		<svg class="LossButton_bm">
+			<rect id="LossButton_bm" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html
old mode 100644
new mode 100755
index 16fc374..15ba195
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E1.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_yh {
+	#n_4 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 362px;
+		top: 375px;
+	}
+	#n_9_thin {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_l {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_m {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_n {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_o {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_p {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#TableButton_q {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_yi {
+	#TableButton_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_yi {
+	.TableButton_r {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_yj {
+	#CurveButton_s {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#CurveButton_yk {
+	#CurveButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_yk {
+	.CurveButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_ym {
+	#TestRusltButton_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_ym {
+	.TestRusltButton_v {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -152,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1.html;
 		cursor: pointer;
 	}
-	#HELPButton_yo {
+	#HELPButton_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_yo {
+	.HELPButton_x {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -178,7 +376,7 @@
 		top: 536px;
 		overflow: visible;
 	}
-	#Event1_yq {
+	#Event1_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_yq {
+	.Event1_z {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_ys {
+	#Event2_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_ys {
+	.Event2_ {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_yu {
+	#Event3_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_yu {
+	.Event3_ {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_yw {
+	#Event4_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_yw {
+	.Event4_ {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_yy {
+	#Event5_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_yy {
+	.Event5_ {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_y {
+	#Event6_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_y {
+	.Event6_ {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_y {
+	#HOMEBUTTON_j {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_za {
+	#HOMEBUTTON_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_za {
+	.HOMEBUTTON_k {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1">
 	<img id="n_54" src="n_54.png" srcset="n_54.png 1x, n_54@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="TableButton_yh" class="TableButton">
-		<svg class="TableButton_yi">
-			<rect id="TableButton_yi" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_4">
+		<ellipse id="n_4" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5">
+		<ellipse id="n_5" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6">
+		<ellipse id="n_6" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7">
+		<ellipse id="n_7" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bab">
+		<ellipse id="n_8_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin">
+		<ellipse id="n_9_thin" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_l">
+		<ellipse id="n_9_thin_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_m">
+		<ellipse id="n_9_thin_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_n">
+		<ellipse id="n_9_thin_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_o">
+		<ellipse id="n_9_thin_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_p">
+		<ellipse id="n_9_thin_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="TableButton_q" class="TableButton">
+		<svg class="TableButton_r">
+			<rect id="TableButton_r" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_yj" class="CurveButton">
-		<svg class="CurveButton_yk">
-			<rect id="CurveButton_yk" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_s" class="CurveButton">
+		<svg class="CurveButton_t">
+			<rect id="CurveButton_t" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestRusltButton" class="TestRusltButton">
-		<svg class="TestRusltButton_ym">
-			<rect id="TestRusltButton_ym" rx="0" ry="0" x="0" y="0" width="290" height="223">
+		<svg class="TestRusltButton_v">
+			<rect id="TestRusltButton_v" rx="0" ry="0" x="0" y="0" width="290" height="223">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HELPButton" class="HELPButton">
-		<svg class="HELPButton_yo">
-			<rect id="HELPButton_yo" rx="0" ry="0" x="0" y="0" width="40" height="31">
+		<svg class="HELPButton_x">
+			<rect id="HELPButton_x" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
 	<div id="Event1" class="Event1">
-		<svg class="Event1_yq">
-			<rect id="Event1_yq" rx="0" ry="0" x="0" y="0" width="24" height="13">
+		<svg class="Event1_z">
+			<rect id="Event1_z" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event2" class="Event2">
-		<svg class="Event2_ys">
-			<rect id="Event2_ys" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event2_">
+			<rect id="Event2_" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event3" class="Event3">
-		<svg class="Event3_yu">
-			<rect id="Event3_yu" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event3_">
+			<rect id="Event3_" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event4" class="Event4">
-		<svg class="Event4_yw">
-			<rect id="Event4_yw" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event4_">
+			<rect id="Event4_" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event5" class="Event5">
-		<svg class="Event5_yy">
-			<rect id="Event5_yy" rx="0" ry="0" x="0" y="0" width="20" height="18">
+		<svg class="Event5_">
+			<rect id="Event5_" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event6" class="Event6">
-		<svg class="Event6_y">
-			<rect id="Event6_y" rx="0" ry="0" x="0" y="0" width="20" height="14">
+		<svg class="Event6_">
+			<rect id="Event6_" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_y" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_za">
-			<rect id="HOMEBUTTON_za" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_j" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_k">
+			<rect id="HOMEBUTTON_k" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E2.html
old mode 100644
new mode 100755
index 8f039b4..7c30c25
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E2.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_y {
+	#n_9_thin_f {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_g {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_h {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_i {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_j {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_k {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#n_4_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_bac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 309px;
+	}
+	#Event1_q {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_za {
+	#Event1_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_za {
+	.Event1_r {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_y {
+	#Event2_s {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -88,7 +286,7 @@
 		top: 454px;
 		overflow: visible;
 	}
-	#Event2_za {
+	#Event2_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_za {
+	.Event2_t {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -106,7 +304,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_za {
+	#Event3_u {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -118,7 +316,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_zb {
+	#Event3_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +326,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_zb {
+	.Event3_v {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -136,7 +334,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_zc {
+	#Event4_w {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +346,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_zd {
+	#Event4_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_zd {
+	.Event4_x {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +364,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_ze {
+	#Event5_y {
 		position: absolute;
 		width: 20px;
 		height: 18px;
@@ -178,7 +376,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_zf {
+	#Event5_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_zf {
+	.Event5_z {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_zg {
+	#Event6_a {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_zh {
+	#Event6_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_zh {
+	.Event6_b {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_zi {
+	#HELPButton_ {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E2.html;
 		cursor: pointer;
 	}
-	#HELPButton_zj {
+	#HELPButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_zj {
+	.HELPButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_zk {
+	#TestRusltButton_ {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_zl {
+	#TestRusltButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_zl {
+	.TestRusltButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_zm {
+	#CurveButton_a {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#CurveButton_zn {
+	#CurveButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_zn {
+	.CurveButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_zo {
+	#TableButton_g {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_zp {
+	#TableButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_zp {
+	.TableButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_zq {
+	#HOMEBUTTON_l {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_zr {
+	#HOMEBUTTON_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_zr {
+	.HOMEBUTTON_q {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E2">
 	<img id="n_55" src="n_55.png" srcset="n_55.png 1x, n_55@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_y" class="Event1">
-		<svg class="Event1_za">
-			<rect id="Event1_za" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_9_thin_f">
+		<ellipse id="n_9_thin_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_g">
+		<ellipse id="n_9_thin_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_h">
+		<ellipse id="n_9_thin_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_i">
+		<ellipse id="n_9_thin_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_j">
+		<ellipse id="n_9_thin_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_k">
+		<ellipse id="n_9_thin_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_l">
+		<ellipse id="n_4_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_m">
+		<ellipse id="n_5_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_n">
+		<ellipse id="n_6_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_o">
+		<ellipse id="n_7_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bac">
+		<ellipse id="n_8_bac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_q" class="Event1">
+		<svg class="Event1_r">
+			<rect id="Event1_r" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event2_y" class="Event2">
-		<svg class="Event2_za">
-			<rect id="Event2_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event2_s" class="Event2">
+		<svg class="Event2_t">
+			<rect id="Event2_t" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_za" class="Event3">
-		<svg class="Event3_zb">
-			<rect id="Event3_zb" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_u" class="Event3">
+		<svg class="Event3_v">
+			<rect id="Event3_v" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_zc" class="Event4">
-		<svg class="Event4_zd">
-			<rect id="Event4_zd" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_w" class="Event4">
+		<svg class="Event4_x">
+			<rect id="Event4_x" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_ze" class="Event5">
-		<svg class="Event5_zf">
-			<rect id="Event5_zf" rx="0" ry="0" x="0" y="0" width="20" height="18">
+	<div onclick="application.goToTargetView(event)" id="Event5_y" class="Event5">
+		<svg class="Event5_z">
+			<rect id="Event5_z" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_zg" class="Event6">
-		<svg class="Event6_zh">
-			<rect id="Event6_zh" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_a" class="Event6">
+		<svg class="Event6_b">
+			<rect id="Event6_b" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_zi" class="HELPButton">
-		<svg class="HELPButton_zj">
-			<rect id="HELPButton_zj" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_" class="HELPButton">
+		<svg class="HELPButton_a">
+			<rect id="HELPButton_a" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_zk" class="TestRusltButton">
-		<svg class="TestRusltButton_zl">
-			<rect id="TestRusltButton_zl" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_" class="TestRusltButton">
+		<svg class="TestRusltButton_a">
+			<rect id="TestRusltButton_a" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_zm" class="CurveButton">
-		<svg class="CurveButton_zn">
-			<rect id="CurveButton_zn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_a" class="CurveButton">
+		<svg class="CurveButton_b">
+			<rect id="CurveButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_zo" class="TableButton">
-		<svg class="TableButton_zp">
-			<rect id="TableButton_zp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_g" class="TableButton">
+		<svg class="TableButton_h">
+			<rect id="TableButton_h" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_zq" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_zr">
-			<rect id="HOMEBUTTON_zr" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_l" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_q">
+			<rect id="HOMEBUTTON_q" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E3.html
old mode 100644
new mode 100755
index 4ea7b3b..9a78995
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E3.html
@@ -50,7 +50,209 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_zv {
+	#n_9_thin_q {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_r {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_s {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_t {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_u {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_v {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#n_4_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+		--web-animation: fadein 0.3s ease-out;
+		--web-action-type: page;
+		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
+		cursor: pointer;
+	}
+	.n_7_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_bad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 309px;
+	}
+	#Event1_s {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_zw {
+	#Event1_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_zw {
+	.Event1_t {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +282,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_zx {
+	#Event2_u {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +294,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_zy {
+	#Event2_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +304,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_zy {
+	.Event2_v {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +312,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_zz {
+	#Event3_w {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -118,7 +320,7 @@
 		top: 375px;
 		overflow: visible;
 	}
-	#Event3_z {
+	#Event3_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_z {
+	.Event3_x {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -136,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_z {
+	#Event4_y {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_a {
+	#Event4_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_a {
+	.Event4_z {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +368,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_z {
+	#Event5_a {
 		position: absolute;
 		width: 20px;
 		height: 18px;
@@ -178,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_a {
+	#Event5_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_a {
+	.Event5_b {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -196,7 +398,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_z {
+	#Event6_c {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +410,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_a {
+	#Event6_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +420,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_a {
+	.Event6_d {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +428,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_z {
+	#HELPButton_b {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +440,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E3.html;
 		cursor: pointer;
 	}
-	#HELPButton_a {
+	#HELPButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +450,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_a {
+	.HELPButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +458,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_z {
+	#TestRusltButton_b {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +470,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_a {
+	#TestRusltButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +480,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_a {
+	.TestRusltButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +488,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_b {
+	#CurveButton_c {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +500,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#CurveButton_c {
+	#CurveButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +510,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_c {
+	.CurveButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +518,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_d {
+	#TableButton_i {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +530,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_e {
+	#TableButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +540,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_e {
+	.TableButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3262,63 +3464,107 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E3">
 	<img id="n_56" src="n_56.png" srcset="n_56.png 1x, n_56@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_zv" class="Event1">
-		<svg class="Event1_zw">
-			<rect id="Event1_zw" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_9_thin_q">
+		<ellipse id="n_9_thin_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_r">
+		<ellipse id="n_9_thin_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_s">
+		<ellipse id="n_9_thin_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_t">
+		<ellipse id="n_9_thin_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_u">
+		<ellipse id="n_9_thin_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_v">
+		<ellipse id="n_9_thin_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_m">
+		<ellipse id="n_4_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_n">
+		<ellipse id="n_5_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_o">
+		<ellipse id="n_6_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_p">
+		<ellipse onclick="application.goToTargetView(event)" id="n_7_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bad">
+		<ellipse id="n_8_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_s" class="Event1">
+		<svg class="Event1_t">
+			<rect id="Event1_t" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_zx" class="Event2">
-		<svg class="Event2_zy">
-			<rect id="Event2_zy" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_u" class="Event2">
+		<svg class="Event2_v">
+			<rect id="Event2_v" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event3_zz" class="Event3">
-		<svg class="Event3_z">
-			<rect id="Event3_z" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event3_w" class="Event3">
+		<svg class="Event3_x">
+			<rect id="Event3_x" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_z" class="Event4">
-		<svg class="Event4_a">
-			<rect id="Event4_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_y" class="Event4">
+		<svg class="Event4_z">
+			<rect id="Event4_z" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_z" class="Event5">
-		<svg class="Event5_a">
-			<rect id="Event5_a" rx="0" ry="0" x="0" y="0" width="20" height="18">
+	<div onclick="application.goToTargetView(event)" id="Event5_a" class="Event5">
+		<svg class="Event5_b">
+			<rect id="Event5_b" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_z" class="Event6">
-		<svg class="Event6_a">
-			<rect id="Event6_a" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_c" class="Event6">
+		<svg class="Event6_d">
+			<rect id="Event6_d" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_z" class="HELPButton">
-		<svg class="HELPButton_a">
-			<rect id="HELPButton_a" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_b" class="HELPButton">
+		<svg class="HELPButton_c">
+			<rect id="HELPButton_c" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_z" class="TestRusltButton">
-		<svg class="TestRusltButton_a">
-			<rect id="TestRusltButton_a" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_b" class="TestRusltButton">
+		<svg class="TestRusltButton_c">
+			<rect id="TestRusltButton_c" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_b" class="CurveButton">
-		<svg class="CurveButton_c">
-			<rect id="CurveButton_c" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_c" class="CurveButton">
+		<svg class="CurveButton_d">
+			<rect id="CurveButton_d" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_d" class="TableButton">
-		<svg class="TableButton_e">
-			<rect id="TableButton_e" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_i" class="TableButton">
+		<svg class="TableButton_j">
+			<rect id="TableButton_j" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E4.html
old mode 100644
new mode 100755
index 1e24335..1b4c0ea
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E4.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_i {
+	#n_9_thin_d {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_e {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_w {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_x {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_y {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_z {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#n_4_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_bae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 309px;
+	}
+	#Event1_o {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_j {
+	#Event1_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_j {
+	.Event1_p {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_k {
+	#Event2_q {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_l {
+	#Event2_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_l {
+	.Event2_r {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_m {
+	#Event3_s {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_n {
+	#Event3_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_n {
+	.Event3_t {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_o {
+	#Event4_u {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +346,7 @@
 		top: 295px;
 		overflow: visible;
 	}
-	#Event4_p {
+	#Event4_v {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_p {
+	.Event4_v {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +364,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_q {
+	#Event5_w {
 		position: absolute;
 		width: 20px;
 		height: 18px;
@@ -178,7 +376,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_r {
+	#Event5_x {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_r {
+	.Event5_x {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_s {
+	#Event6_y {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_t {
+	#Event6_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_t {
+	.Event6_z {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_u {
+	#HELPButton_baa {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E4.html;
 		cursor: pointer;
 	}
-	#HELPButton_v {
+	#HELPButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_v {
+	.HELPButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_w {
+	#TestRusltButton_baa {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_x {
+	#TestRusltButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_x {
+	.TestRusltButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_y {
+	#CurveButton_baa {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#CurveButton_z {
+	#CurveButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_z {
+	.CurveButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_ {
+	#TableButton_baa {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_a {
+	#TableButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_a {
+	.TableButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ {
+	#HOMEBUTTON_baa {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_a {
+	#HOMEBUTTON_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_a {
+	.HOMEBUTTON_bab {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E4">
 	<img id="n_57" src="n_57.png" srcset="n_57.png 1x, n_57@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_i" class="Event1">
-		<svg class="Event1_j">
-			<rect id="Event1_j" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_9_thin_d">
+		<ellipse id="n_9_thin_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_e">
+		<ellipse id="n_9_thin_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_w">
+		<ellipse id="n_9_thin_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_x">
+		<ellipse id="n_9_thin_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_y">
+		<ellipse id="n_9_thin_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_z">
+		<ellipse id="n_9_thin_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_j">
+		<ellipse id="n_4_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_k">
+		<ellipse id="n_5_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_l">
+		<ellipse id="n_6_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_m">
+		<ellipse id="n_7_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bae">
+		<ellipse id="n_8_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_o" class="Event1">
+		<svg class="Event1_p">
+			<rect id="Event1_p" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_k" class="Event2">
-		<svg class="Event2_l">
-			<rect id="Event2_l" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_q" class="Event2">
+		<svg class="Event2_r">
+			<rect id="Event2_r" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_m" class="Event3">
-		<svg class="Event3_n">
-			<rect id="Event3_n" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_s" class="Event3">
+		<svg class="Event3_t">
+			<rect id="Event3_t" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event4_o" class="Event4">
-		<svg class="Event4_p">
-			<rect id="Event4_p" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event4_u" class="Event4">
+		<svg class="Event4_v">
+			<rect id="Event4_v" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_q" class="Event5">
-		<svg class="Event5_r">
-			<rect id="Event5_r" rx="0" ry="0" x="0" y="0" width="20" height="18">
+	<div onclick="application.goToTargetView(event)" id="Event5_w" class="Event5">
+		<svg class="Event5_x">
+			<rect id="Event5_x" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_s" class="Event6">
-		<svg class="Event6_t">
-			<rect id="Event6_t" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_y" class="Event6">
+		<svg class="Event6_z">
+			<rect id="Event6_z" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_u" class="HELPButton">
-		<svg class="HELPButton_v">
-			<rect id="HELPButton_v" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_baa" class="HELPButton">
+		<svg class="HELPButton_bab">
+			<rect id="HELPButton_bab" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_w" class="TestRusltButton">
-		<svg class="TestRusltButton_x">
-			<rect id="TestRusltButton_x" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_baa" class="TestRusltButton">
+		<svg class="TestRusltButton_bab">
+			<rect id="TestRusltButton_bab" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_y" class="CurveButton">
-		<svg class="CurveButton_z">
-			<rect id="CurveButton_z" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_baa" class="CurveButton">
+		<svg class="CurveButton_bab">
+			<rect id="CurveButton_bab" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_" class="TableButton">
-		<svg class="TableButton_a">
-			<rect id="TableButton_a" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_baa" class="TableButton">
+		<svg class="TableButton_bab">
+			<rect id="TableButton_bab" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_a">
-			<rect id="HOMEBUTTON_a" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_baa" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_bab">
+			<rect id="HOMEBUTTON_bab" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E5.html
old mode 100644
new mode 100755
index 300a1b9..7898beb
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E5.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_ {
+	#n_9_thin_bad {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_bae {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_baf {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_baf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_bag {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_bah {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_bai {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#n_4_baj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_baj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5_bak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_bak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6_bal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_bal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7_bam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7_bam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_ban {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_ban {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 309px;
+	}
+	#Event1_bao {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_a {
+	#Event1_bap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_a {
+	.Event1_bap {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_ {
+	#Event2_baq {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_a {
+	#Event2_bar {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_a {
+	.Event2_bar {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_b {
+	#Event3_bas {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_c {
+	#Event3_bat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_c {
+	.Event3_bat {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_d {
+	#Event4_bau {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -152,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_e {
+	#Event4_bav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_e {
+	.Event4_bav {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -170,7 +368,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_f {
+	#Event5_baw {
 		position: absolute;
 		width: 20px;
 		height: 18px;
@@ -178,7 +376,7 @@
 		top: 225px;
 		overflow: visible;
 	}
-	#Event5_g {
+	#Event5_bax {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_g {
+	.Event5_bax {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_h {
+	#Event6_bay {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_i {
+	#Event6_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_i {
+	.Event6_baz {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_j {
+	#HELPButton_ba {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E5.html;
 		cursor: pointer;
 	}
-	#HELPButton_k {
+	#HELPButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_k {
+	.HELPButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_l {
+	#TestRusltButton_ba {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_m {
+	#TestRusltButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_m {
+	.TestRusltButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_o {
+	#CurveButton_ba {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#CurveButton_p {
+	#CurveButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_p {
+	.CurveButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_q {
+	#TableButton_ba {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_r {
+	#TableButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_r {
+	.TableButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_r {
+	#HOMEBUTTON_ba {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_s {
+	#HOMEBUTTON_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_s {
+	.HOMEBUTTON_bba {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E5">
 	<img id="n_58" src="n_58.png" srcset="n_58.png 1x, n_58@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_" class="Event1">
-		<svg class="Event1_a">
-			<rect id="Event1_a" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_9_thin_bad">
+		<ellipse id="n_9_thin_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bae">
+		<ellipse id="n_9_thin_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_baf">
+		<ellipse id="n_9_thin_baf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bag">
+		<ellipse id="n_9_thin_bag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bah">
+		<ellipse id="n_9_thin_bah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bai">
+		<ellipse id="n_9_thin_bai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_baj">
+		<ellipse id="n_4_baj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_bak">
+		<ellipse id="n_5_bak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_bal">
+		<ellipse id="n_6_bal" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_bam">
+		<ellipse id="n_7_bam" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_ban">
+		<ellipse id="n_8_ban" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_bao" class="Event1">
+		<svg class="Event1_bap">
+			<rect id="Event1_bap" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_" class="Event2">
-		<svg class="Event2_a">
-			<rect id="Event2_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_baq" class="Event2">
+		<svg class="Event2_bar">
+			<rect id="Event2_bar" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_b" class="Event3">
-		<svg class="Event3_c">
-			<rect id="Event3_c" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_bas" class="Event3">
+		<svg class="Event3_bat">
+			<rect id="Event3_bat" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_d" class="Event4">
-		<svg class="Event4_e">
-			<rect id="Event4_e" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_bau" class="Event4">
+		<svg class="Event4_bav">
+			<rect id="Event4_bav" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event5_f" class="Event5">
-		<svg class="Event5_g">
-			<rect id="Event5_g" rx="0" ry="0" x="0" y="0" width="20" height="18">
+	<div id="Event5_baw" class="Event5">
+		<svg class="Event5_bax">
+			<rect id="Event5_bax" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_h" class="Event6">
-		<svg class="Event6_i">
-			<rect id="Event6_i" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_bay" class="Event6">
+		<svg class="Event6_baz">
+			<rect id="Event6_baz" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_j" class="HELPButton">
-		<svg class="HELPButton_k">
-			<rect id="HELPButton_k" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_ba" class="HELPButton">
+		<svg class="HELPButton_bba">
+			<rect id="HELPButton_bba" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_l" class="TestRusltButton">
-		<svg class="TestRusltButton_m">
-			<rect id="TestRusltButton_m" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_ba" class="TestRusltButton">
+		<svg class="TestRusltButton_bba">
+			<rect id="TestRusltButton_bba" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_o" class="CurveButton">
-		<svg class="CurveButton_p">
-			<rect id="CurveButton_p" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_ba" class="CurveButton">
+		<svg class="CurveButton_bba">
+			<rect id="CurveButton_bba" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_q" class="TableButton">
-		<svg class="TableButton_r">
-			<rect id="TableButton_r" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_ba" class="TableButton">
+		<svg class="TableButton_bba">
+			<rect id="TableButton_bba" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_r" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_s">
-			<rect id="HOMEBUTTON_s" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ba" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_bba">
+			<rect id="HOMEBUTTON_bba" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E6.html
old mode 100644
new mode 100755
index 14caaad..7dd14c5
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_E6.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_w {
+	#n_9_thin_bbd {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 143px;
+	}
+	#n_9_thin_bbe {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 225px;
+	}
+	#n_9_thin_bbf {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 100px;
+		top: 304px;
+	}
+	#n_9_thin_bbg {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 384px;
+	}
+	#n_9_thin_bbh {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 463px;
+	}
+	#n_9_thin_bbi {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_thin_bbi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 533px;
+	}
+	#n_4_bbj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_bbj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_5_bbk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_5_bbk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_6_bbl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_6_bbl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 97px;
+	}
+	#n_7_bbm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_7_bbm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_8_bbn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bbn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 309px;
+	}
+	#Event1_bbo {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_x {
+	#Event1_bbp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_x {
+	.Event1_bbp {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_z {
+	#Event2_bbq {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_b {
+	#Event2_bbr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_b {
+	.Event2_bbr {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_ {
+	#Event3_bbs {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_a {
+	#Event3_bbt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_a {
+	.Event3_bbt {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_ {
+	#Event4_bbu {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -152,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_b {
+	#Event4_bbv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_b {
+	.Event4_bbv {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -170,7 +368,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_ {
+	#Event5_bbw {
 		position: absolute;
 		width: 20px;
 		height: 18px;
@@ -182,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_b {
+	#Event5_bbx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_b {
+	.Event5_bbx {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -200,7 +398,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_ {
+	#Event6_bby {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		top: 147px;
 		overflow: visible;
 	}
-	#Event6_b {
+	#Event6_bbz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_b {
+	.Event6_bbz {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_ {
+	#HELPButton_bb {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E6.html;
 		cursor: pointer;
 	}
-	#HELPButton_b {
+	#HELPButton_bca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_b {
+	.HELPButton_bca {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_b {
+	#TestRusltButton_bb {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_c {
+	#TestRusltButton_bca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_c {
+	.TestRusltButton_bca {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_d {
+	#CurveButton_bb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#CurveButton_e {
+	#CurveButton_bca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_e {
+	.CurveButton_bca {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_f {
+	#TableButton_bb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_g {
+	#TableButton_bca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_g {
+	.TableButton_bca {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_g {
+	#HOMEBUTTON_bb {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_h {
+	#HOMEBUTTON_bca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_h {
+	.HOMEBUTTON_bca {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3292,69 +3490,113 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E6">
 	<img id="n_59" src="n_59.png" srcset="n_59.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_w" class="Event1">
-		<svg class="Event1_x">
-			<rect id="Event1_x" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_9_thin_bbd">
+		<ellipse id="n_9_thin_bbd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bbe">
+		<ellipse id="n_9_thin_bbe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bbf">
+		<ellipse id="n_9_thin_bbf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bbg">
+		<ellipse id="n_9_thin_bbg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bbh">
+		<ellipse id="n_9_thin_bbh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_9_thin_bbi">
+		<ellipse id="n_9_thin_bbi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_4_bbj">
+		<ellipse id="n_4_bbj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_5_bbk">
+		<ellipse id="n_5_bbk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_6_bbl">
+		<ellipse id="n_6_bbl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_7_bbm">
+		<ellipse id="n_7_bbm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bbn">
+		<ellipse id="n_8_bbn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_bbo" class="Event1">
+		<svg class="Event1_bbp">
+			<rect id="Event1_bbp" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_z" class="Event2">
-		<svg class="Event2_b">
-			<rect id="Event2_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_bbq" class="Event2">
+		<svg class="Event2_bbr">
+			<rect id="Event2_bbr" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_" class="Event3">
-		<svg class="Event3_a">
-			<rect id="Event3_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_bbs" class="Event3">
+		<svg class="Event3_bbt">
+			<rect id="Event3_bbt" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_" class="Event4">
-		<svg class="Event4_b">
-			<rect id="Event4_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_bbu" class="Event4">
+		<svg class="Event4_bbv">
+			<rect id="Event4_bbv" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_" class="Event5">
-		<svg class="Event5_b">
-			<rect id="Event5_b" rx="0" ry="0" x="0" y="0" width="20" height="18">
+	<div onclick="application.goToTargetView(event)" id="Event5_bbw" class="Event5">
+		<svg class="Event5_bbx">
+			<rect id="Event5_bbx" rx="0" ry="0" x="0" y="0" width="20" height="18">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event6_" class="Event6">
-		<svg class="Event6_b">
-			<rect id="Event6_b" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div id="Event6_bby" class="Event6">
+		<svg class="Event6_bbz">
+			<rect id="Event6_bbz" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_" class="HELPButton">
-		<svg class="HELPButton_b">
-			<rect id="HELPButton_b" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_bb" class="HELPButton">
+		<svg class="HELPButton_bca">
+			<rect id="HELPButton_bca" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_b" class="TestRusltButton">
-		<svg class="TestRusltButton_c">
-			<rect id="TestRusltButton_c" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_bb" class="TestRusltButton">
+		<svg class="TestRusltButton_bca">
+			<rect id="TestRusltButton_bca" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_d" class="CurveButton">
-		<svg class="CurveButton_e">
-			<rect id="CurveButton_e" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_bb" class="CurveButton">
+		<svg class="CurveButton_bca">
+			<rect id="CurveButton_bca" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_f" class="TableButton">
-		<svg class="TableButton_g">
-			<rect id="TableButton_g" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_bb" class="TableButton">
+		<svg class="TableButton_bca">
+			<rect id="TableButton_bca" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_g" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_h">
-			<rect id="HOMEBUTTON_h" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_bb" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_bca">
+			<rect id="HOMEBUTTON_bca" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E1.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E1.html
old mode 100644
new mode 100755
index 362788c..001c7a6
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E1.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_m {
+	#n_1_bcd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bcd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bce {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_n {
+	#BackButton_bcf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_n {
+	.BackButton_bcf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E1">
 	<img id="n_71" src="n_71.png" srcset="n_71.png 1x, n_71@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_m" class="BackButton">
-		<svg class="BackButton_n">
-			<rect id="BackButton_n" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bcd">
+		<ellipse id="n_1_bcd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bce" class="BackButton">
+		<svg class="BackButton_bcf">
+			<rect id="BackButton_bcf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E2.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E2.html
old mode 100644
new mode 100755
index 60cb76f..6de2f4b
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E2.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E2.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_q {
+	#n_1_bcj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bcj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bck {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_r {
+	#BackButton_bcl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_r {
+	.BackButton_bcl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E2">
 	<img id="n_70" src="n_70.png" srcset="n_70.png 1x, n_70@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_q" class="BackButton">
-		<svg class="BackButton_r">
-			<rect id="BackButton_r" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bcj">
+		<ellipse id="n_1_bcj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bck" class="BackButton">
+		<svg class="BackButton_bcl">
+			<rect id="BackButton_bcl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E3.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E3.html
old mode 100644
new mode 100755
index b5465ea..ba75e62
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E3.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E3.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_v {
+	#n_1_bcp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bcp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bcq {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_w {
+	#BackButton_bcr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_w {
+	.BackButton_bcr {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E3">
 	<img id="n_69" src="n_69.png" srcset="n_69.png 1x, n_69@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_v" class="BackButton">
-		<svg class="BackButton_w">
-			<rect id="BackButton_w" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bcp">
+		<ellipse id="n_1_bcp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bcq" class="BackButton">
+		<svg class="BackButton_bcr">
+			<rect id="BackButton_bcr" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E4.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E4.html
old mode 100644
new mode 100755
index f50ddf8..e08ae95
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E4.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E4.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ {
+	#n_1_bcv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bcv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bcw {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_a {
+	#BackButton_bcx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_a {
+	.BackButton_bcx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E4">
 	<img id="n_68" src="n_68.png" srcset="n_68.png 1x, n_68@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_" class="BackButton">
-		<svg class="BackButton_a">
-			<rect id="BackButton_a" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bcv">
+		<ellipse id="n_1_bcv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bcw" class="BackButton">
+		<svg class="BackButton_bcx">
+			<rect id="BackButton_bcx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E5.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E5.html
old mode 100644
new mode 100755
index 94aab42..f5746d4
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E5.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E5.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_b {
+	#n_1_bc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bc {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_c {
+	#BackButton_bda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_c {
+	.BackButton_bda {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E5">
 	<img id="n_67" src="n_67.png" srcset="n_67.png 1x, n_67@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_b" class="BackButton">
-		<svg class="BackButton_c">
-			<rect id="BackButton_c" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bc">
+		<ellipse id="n_1_bc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bc" class="BackButton">
+		<svg class="BackButton_bda">
+			<rect id="BackButton_bda" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E6.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E6.html
old mode 100644
new mode 100755
index 720476e..44da562
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E6.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_HELP_E6.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_d {
+	#n_1_bda {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_bda {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bdb {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_i {
+	#BackButton_bdc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_i {
+	.BackButton_bdc {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E6">
 	<img id="n_66" src="n_66.png" srcset="n_66.png 1x, n_66@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_d" class="BackButton">
-		<svg class="BackButton_i">
-			<rect id="BackButton_i" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_1_bda">
+		<ellipse id="n_1_bda" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bdb" class="BackButton">
+		<svg class="BackButton_bdc">
+			<rect id="BackButton_bdc" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_EventMap_NOSAVE.html b/public/flukemoni/Ex4_2/OTDR_1_EventMap_NOSAVE.html
old mode 100644
new mode 100755
index 6c4b6c0..dbffd77
--- a/public/flukemoni/Ex4_2/OTDR_1_EventMap_NOSAVE.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_EventMap_NOSAVE.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SaveButton_np {
+	#n_1_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 302px;
+		top: 599px;
+	}
+	#SaveButton_q {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_SAVE.html;
 		cursor: pointer;
 	}
-	#SaveButton_nq {
+	#SaveButton_ra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveButton_nq {
+	.SaveButton_ra {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-NOSAVE">
 	<img id="n_43" src="n_43.png" srcset="n_43.png 1x, n_43@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="SaveButton_np" class="SaveButton">
-		<svg class="SaveButton_nq">
-			<rect id="SaveButton_nq" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<svg class="n_1_ra">
+		<ellipse id="n_1_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="SaveButton_q" class="SaveButton">
+		<svg class="SaveButton_ra">
+			<rect id="SaveButton_ra" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_SAVE.html b/public/flukemoni/Ex4_2/OTDR_1_SAVE.html
old mode 100644
new mode 100755
index afaeef6..61a7cc1
--- a/public/flukemoni/Ex4_2/OTDR_1_SAVE.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_SAVE.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SaveButton_ya {
+	#n_1_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#SaveButton_ {
 		position: absolute;
 		width: 59px;
 		height: 50px;
@@ -62,7 +98,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#SaveButton_yb {
+	#SaveButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveButton_yb {
+	.SaveButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 59px;
@@ -80,7 +116,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_yc {
+	#BackButton_a {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +128,7 @@
 		--web-action-target: OTDR_1_EventMap_NOSAVE.html;
 		cursor: pointer;
 	}
-	#BackButton_yd {
+	#BackButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_yd {
+	.BackButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="OTDR-1-SAVE">
 	<img id="n_47" src="n_47.png" srcset="n_47.png 1x, n_47@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="SaveButton_ya" class="SaveButton">
-		<svg class="SaveButton_yb">
-			<rect id="SaveButton_yb" rx="0" ry="0" x="0" y="0" width="59" height="50">
+	<svg class="n_1_">
+		<ellipse id="n_1_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_a">
+		<ellipse id="n_1_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="SaveButton_" class="SaveButton">
+		<svg class="SaveButton_a">
+			<rect id="SaveButton_a" rx="0" ry="0" x="0" y="0" width="59" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_yc" class="BackButton">
-		<svg class="BackButton_yd">
-			<rect id="BackButton_yd" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_a" class="BackButton">
+		<svg class="BackButton_b">
+			<rect id="BackButton_b" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_1310.html
old mode 100644
new mode 100755
index 5d1e7b1..82d28e5
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_1310.html
@@ -50,6 +50,132 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_9 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 539px;
+	}
+	#n_8 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_8_re {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_re {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_8_rf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_rf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#n_8_rg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_rg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 600px;
+	}
+	#n_10_rh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_10_rh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_11_ri {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_11_ri {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 124px;
+		top: 97px;
+	}
 	#LButton {
 		position: absolute;
 		width: 36px;
@@ -62,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#LButton_nv {
+	#LButton_rk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LButton_nv {
+	.LButton_rk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -92,7 +218,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#RButton_nx {
+	#RButton_rm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RButton_nx {
+	.RButton_rm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -122,7 +248,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_nz {
+	#HelpButton_ro {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +258,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_nz {
+	.HelpButton_ro {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -152,7 +278,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#DetailButton_n {
+	#DetailButton_rq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_n {
+	.DetailButton_rq {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_n {
+	#EvenTMapButton_rs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_n {
+	.EvenTMapButton_rs {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -212,7 +338,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#CurveButton_n {
+	#CurveButton_ru {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +348,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_n {
+	.CurveButton_ru {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -242,7 +368,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_n {
+	#HOMEBUTTON_rw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +378,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_n {
+	.HOMEBUTTON_rw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3176,45 +3302,73 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1310">
 	<img id="n_49" src="n_49.png" srcset="n_49.png 1x, n_49@2x.png 2x">
 		
+	<svg class="n_9">
+		<ellipse id="n_9" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8">
+		<ellipse id="n_8" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_re">
+		<ellipse id="n_8_re" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_rf">
+		<ellipse id="n_8_rf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_rg">
+		<ellipse id="n_8_rg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_10_rh">
+		<ellipse id="n_10_rh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_11_ri">
+		<ellipse id="n_11_ri" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="LButton" class="LButton">
-		<svg class="LButton_nv">
-			<ellipse id="LButton_nv" rx="18" ry="18.5" cx="18" cy="18.5">
+		<svg class="LButton_rk">
+			<ellipse id="LButton_rk" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="RButton" class="RButton">
-		<svg class="RButton_nx">
-			<ellipse id="RButton_nx" rx="18" ry="18.5" cx="18" cy="18.5">
+		<svg class="RButton_rm">
+			<ellipse id="RButton_rm" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HelpButton" class="HelpButton">
-		<svg class="HelpButton_nz">
-			<rect id="HelpButton_nz" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		<svg class="HelpButton_ro">
+			<rect id="HelpButton_ro" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="DetailButton" class="DetailButton">
-		<svg class="DetailButton_n">
-			<rect id="DetailButton_n" rx="0" ry="0" x="0" y="0" width="62" height="50">
+		<svg class="DetailButton_rq">
+			<rect id="DetailButton_rq" rx="0" ry="0" x="0" y="0" width="62" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EvenTMapButton" class="EvenTMapButton">
-		<svg class="EvenTMapButton_n">
-			<rect id="EvenTMapButton_n" rx="0" ry="0" x="0" y="0" width="159" height="34">
+		<svg class="EvenTMapButton_rs">
+			<rect id="EvenTMapButton_rs" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="CurveButton" class="CurveButton">
-		<svg class="CurveButton_n">
-			<rect id="CurveButton_n" rx="0" ry="0" x="0" y="0" width="159" height="34">
+		<svg class="CurveButton_ru">
+			<rect id="CurveButton_ru" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_n">
-			<rect id="HOMEBUTTON_n" rx="0" ry="0" x="0" y="0" width="63" height="51">
+		<svg class="HOMEBUTTON_rw">
+			<rect id="HOMEBUTTON_rw" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_1550.html
old mode 100644
new mode 100755
index 8b5432b..d2eb4b4
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_1550.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_xt {
+	#n_9_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_9_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 539px;
+	}
+	#n_8_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_8_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_8_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#n_8_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 600px;
+	}
+	#n_10_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_10_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_11_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_11_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 124px;
+		top: 97px;
+	}
+	#LButton_p {
 		position: absolute;
 		width: 36px;
 		height: 37px;
@@ -62,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#LButton_xu {
+	#LButton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LButton_xu {
+	.LButton_q {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -80,7 +206,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#RButton_xv {
+	#RButton_r {
 		position: absolute;
 		width: 36px;
 		height: 37px;
@@ -92,7 +218,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#RButton_xw {
+	#RButton_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RButton_xw {
+	.RButton_s {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -110,7 +236,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HelpButton_xx {
+	#HelpButton_w {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -122,7 +248,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_xy {
+	#HelpButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +258,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_xy {
+	.HelpButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -140,7 +266,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#DetailButton_xz {
+	#DetailButton_v {
 		position: absolute;
 		width: 62px;
 		height: 50px;
@@ -152,7 +278,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#DetailButton_x {
+	#DetailButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_x {
+	.DetailButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -170,7 +296,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_x {
+	#EvenTMapButton_h {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_ya {
+	#EvenTMapButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_ya {
+	.EvenTMapButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -200,7 +326,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_x {
+	#CurveButton_z {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +338,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#CurveButton_ya {
+	#CurveButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +348,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_ya {
+	.CurveButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +356,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_x {
+	#HOMEBUTTON_h {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -242,7 +368,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ya {
+	#HOMEBUTTON_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +378,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ya {
+	.HOMEBUTTON_i {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3176,45 +3302,73 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1550">
 	<img id="n_50" src="n_50.png" srcset="n_50.png 1x, n_50@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="LButton_xt" class="LButton">
-		<svg class="LButton_xu">
-			<ellipse id="LButton_xu" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_9_i">
+		<ellipse id="n_9_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_o">
+		<ellipse id="n_8_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_p">
+		<ellipse id="n_8_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_q">
+		<ellipse id="n_8_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_baa">
+		<ellipse id="n_8_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_10_n">
+		<ellipse id="n_10_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_11_o">
+		<ellipse id="n_11_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="LButton_p" class="LButton">
+		<svg class="LButton_q">
+			<ellipse id="LButton_q" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="RButton_xv" class="RButton">
-		<svg class="RButton_xw">
-			<ellipse id="RButton_xw" rx="18" ry="18.5" cx="18" cy="18.5">
+	<div onclick="application.goToTargetView(event)" id="RButton_r" class="RButton">
+		<svg class="RButton_s">
+			<ellipse id="RButton_s" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_xx" class="HelpButton">
-		<svg class="HelpButton_xy">
-			<rect id="HelpButton_xy" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_w" class="HelpButton">
+		<svg class="HelpButton_g">
+			<rect id="HelpButton_g" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="DetailButton_xz" class="DetailButton">
-		<svg class="DetailButton_x">
-			<rect id="DetailButton_x" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<div onclick="application.goToTargetView(event)" id="DetailButton_v" class="DetailButton">
+		<svg class="DetailButton_w">
+			<rect id="DetailButton_w" rx="0" ry="0" x="0" y="0" width="62" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_x" class="EvenTMapButton">
-		<svg class="EvenTMapButton_ya">
-			<rect id="EvenTMapButton_ya" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_h" class="EvenTMapButton">
+		<svg class="EvenTMapButton_m">
+			<rect id="EvenTMapButton_m" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_x" class="CurveButton">
-		<svg class="CurveButton_ya">
-			<rect id="CurveButton_ya" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_z" class="CurveButton">
+		<svg class="CurveButton_">
+			<rect id="CurveButton_" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_x" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ya">
-			<rect id="HOMEBUTTON_ya" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_h" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_i">
+			<rect id="HOMEBUTTON_i" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1310.html
old mode 100644
new mode 100755
index e613b39..a71c4b4
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1310.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bdi {
+	#n_84_brc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bdj {
+	#n_8_brd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_brd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bre {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bdk {
+	#BackButton_brf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdk {
+	.BackButton_brf {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1310">
-	<img id="n_84_bdi" src="n_84_bdi.png" srcset="n_84_bdi.png 1x, n_84_bdi@2x.png 2x">
+	<img id="n_84_brc" src="n_84_brc.png" srcset="n_84_brc.png 1x, n_84_brc@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bdj" class="BackButton">
-		<svg class="BackButton_bdk">
-			<rect id="BackButton_bdk" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_8_brd">
+		<ellipse id="n_8_brd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bre" class="BackButton">
+		<svg class="BackButton_brf">
+			<rect id="BackButton_brf" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1550.html
old mode 100644
new mode 100755
index 0c434bf..65dad6d
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_HELP_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bdn {
+	#n_84_bri {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bdo {
+	#n_8_brj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_brj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_brk {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bdp {
+	#BackButton_brl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdp {
+	.BackButton_brl {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1550">
-	<img id="n_84_bdn" src="n_84_bdn.png" srcset="n_84_bdn.png 1x, n_84_bdn@2x.png 2x">
+	<img id="n_84_bri" src="n_84_bri.png" srcset="n_84_bri.png 1x, n_84_bri@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bdo" class="BackButton">
-		<svg class="BackButton_bdp">
-			<rect id="BackButton_bdp" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_8_brj">
+		<ellipse id="n_8_brj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_brk" class="BackButton">
+		<svg class="BackButton_brl">
+			<rect id="BackButton_brl" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1310.html
old mode 100644
new mode 100755
index d547d93..66f9fde
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bb {
+	#n_8_bpa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bpb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_bpc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_8_bpd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 431px;
+	}
+	#HelpButton_bpb {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +134,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bca {
+	#HelpButton_bpc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bca {
+	.HelpButton_bpc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +152,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bb {
+	#BackButton_bpd {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -92,7 +164,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bca {
+	#BackButton_bpe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bca {
+	.BackButton_bpe {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,15 +3142,31 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1310">
 	<img id="n_86" src="n_86.png" srcset="n_86.png 1x, n_86@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bb" class="HelpButton">
-		<svg class="HelpButton_bca">
-			<rect id="HelpButton_bca" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_8_bpa">
+		<ellipse id="n_8_bpa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpb">
+		<ellipse id="n_8_bpb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpc">
+		<ellipse id="n_8_bpc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpd">
+		<ellipse id="n_8_bpd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bpb" class="HelpButton">
+		<svg class="HelpButton_bpc">
+			<rect id="HelpButton_bpc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bb" class="BackButton">
-		<svg class="BackButton_bca">
-			<rect id="BackButton_bca" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bpd" class="BackButton">
+		<svg class="BackButton_bpe">
+			<rect id="BackButton_bpe" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1550.html
old mode 100644
new mode 100755
index 4f9aead..56fb85b
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_LOSS_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_86_bb {
+	#n_86_bpj {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bcb {
+	#n_8_bpk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bpl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_bpm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_8_bpn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 431px;
+	}
+	#HelpButton_bpo {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +134,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bcc {
+	#HelpButton_bpp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bcc {
+	.HelpButton_bpp {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +152,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bcc {
+	#BackButton_bpq {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -92,7 +164,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bcd {
+	#BackButton_bpr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcd {
+	.BackButton_bpr {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -110,7 +182,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#RLButton_bce {
+	#RLButton_bps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -120,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bce {
+	.RLButton_bps {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -132,7 +204,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550.html;
 		cursor: pointer;
 	}
-	#LengthButton_bcf {
+	#LengthButton_bpt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -142,7 +214,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bcf {
+	.LengthButton_bpt {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3068,26 +3140,42 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-LOSS-1550">
-	<img id="n_86_bb" src="n_86_bb.png" srcset="n_86_bb.png 1x, n_86_bb@2x.png 2x">
+	<img id="n_86_bpj" src="n_86_bpj.png" srcset="n_86_bpj.png 1x, n_86_bpj@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bcb" class="HelpButton">
-		<svg class="HelpButton_bcc">
-			<rect id="HelpButton_bcc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_8_bpk">
+		<ellipse id="n_8_bpk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpl">
+		<ellipse id="n_8_bpl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpm">
+		<ellipse id="n_8_bpm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpn">
+		<ellipse id="n_8_bpn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bpo" class="HelpButton">
+		<svg class="HelpButton_bpp">
+			<rect id="HelpButton_bpp" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bcc" class="BackButton">
-		<svg class="BackButton_bcd">
-			<rect id="BackButton_bcd" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bpq" class="BackButton">
+		<svg class="BackButton_bpr">
+			<rect id="BackButton_bpr" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
-	<svg class="RLButton_bce">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bce" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bps">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bps" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_bcf">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bcf" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bpt">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bpt" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1310.html
old mode 100644
new mode 100755
index 3843854..697a265
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_bcj {
+	#n_8_bpx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bpy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_bpz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bpz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 332px;
+	}
+	#n_8_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 431px;
+	}
+	#RLButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bcj {
+	.RLButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310.html;
 		cursor: pointer;
 	}
-	#LossButton_bck {
+	#LossButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bck {
+	.LossButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bcl {
+	#HelpButton_bp {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bcm {
+	#HelpButton_bqa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bcm {
+	.HelpButton_bqa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bcn {
+	#BackButton_bp {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bco {
+	#BackButton_bqa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bco {
+	.BackButton_bqa {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1310">
 	<img id="n_87" src="n_87.png" srcset="n_87.png 1x, n_87@2x.png 2x">
 		
-	<svg class="RLButton_bcj">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bcj" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_8_bpx">
+		<ellipse id="n_8_bpx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpy">
+		<ellipse id="n_8_bpy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bpz">
+		<ellipse id="n_8_bpz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bp">
+		<ellipse id="n_8_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bp" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bck">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bck" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bp" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bcl" class="HelpButton">
-		<svg class="HelpButton_bcm">
-			<rect id="HelpButton_bcm" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bp" class="HelpButton">
+		<svg class="HelpButton_bqa">
+			<rect id="HelpButton_bqa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bcn" class="BackButton">
-		<svg class="BackButton_bco">
-			<rect id="BackButton_bco" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bp" class="BackButton">
+		<svg class="BackButton_bqa">
+			<rect id="BackButton_bqa" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1550.html
old mode 100644
new mode 100755
index e616850..b70dd4c
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_Length_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_87_bcr {
+	#n_87_bp {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_bcs {
+	#n_8_bqa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bqb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_bqc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 332px;
+	}
+	#n_8_bqd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 431px;
+	}
+	#RLButton_bqe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bcs {
+	.RLButton_bqe {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550.html;
 		cursor: pointer;
 	}
-	#LossButton_bct {
+	#LossButton_bqf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bct {
+	.LossButton_bqf {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bcu {
+	#HelpButton_bqg {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bcv {
+	#HelpButton_bqh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bcv {
+	.HelpButton_bqh {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bcw {
+	#BackButton_bqi {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bcx {
+	#BackButton_bqj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcx {
+	.BackButton_bqj {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3068,25 +3140,41 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-Length-1550">
-	<img id="n_87_bcr" src="n_87_bcr.png" srcset="n_87_bcr.png 1x, n_87_bcr@2x.png 2x">
+	<img id="n_87_bp" src="n_87_bp.png" srcset="n_87_bp.png 1x, n_87_bp@2x.png 2x">
 		
-	<svg class="RLButton_bcs">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bcs" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_8_bqa">
+		<ellipse id="n_8_bqa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqb">
+		<ellipse id="n_8_bqb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqc">
+		<ellipse id="n_8_bqc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqd">
+		<ellipse id="n_8_bqd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bqe">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bqe" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bct">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bct" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bqf">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bqf" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bcu" class="HelpButton">
-		<svg class="HelpButton_bcv">
-			<rect id="HelpButton_bcv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bqg" class="HelpButton">
+		<svg class="HelpButton_bqh">
+			<rect id="HelpButton_bqh" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bcw" class="BackButton">
-		<svg class="BackButton_bcx">
-			<rect id="BackButton_bcx" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bqi" class="BackButton">
+		<svg class="BackButton_bqj">
+			<rect id="BackButton_bqj" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1310.html
old mode 100644
new mode 100755
index deb2480..d5df8d7
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bc {
+	#n_8_bqn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bqo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_bqp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 332px;
+	}
+	#n_8_bqq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bqq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 376px;
+	}
+	#LengthButton_bqr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bc {
+	.LengthButton_bqr {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1310.html;
 		cursor: pointer;
 	}
-	#LossButton_bc {
+	#LossButton_bqs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bc {
+	.LossButton_bqs {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bc {
+	#HelpButton_bqt {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bda {
+	#HelpButton_bqu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bda {
+	.HelpButton_bqu {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bc {
+	#BackButton_bqv {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bda {
+	#BackButton_bqw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bda {
+	.BackButton_bqw {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1310">
 	<img id="n_88" src="n_88.png" srcset="n_88.png 1x, n_88@2x.png 2x">
 		
-	<svg class="LengthButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bc" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_8_bqn">
+		<ellipse id="n_8_bqn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqo">
+		<ellipse id="n_8_bqo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqp">
+		<ellipse id="n_8_bqp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bqq">
+		<ellipse id="n_8_bqq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bqr">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bqr" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bc" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bqs">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bqs" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bc" class="HelpButton">
-		<svg class="HelpButton_bda">
-			<rect id="HelpButton_bda" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bqt" class="HelpButton">
+		<svg class="HelpButton_bqu">
+			<rect id="HelpButton_bqu" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bc" class="BackButton">
-		<svg class="BackButton_bda">
-			<rect id="BackButton_bda" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bqv" class="BackButton">
+		<svg class="BackButton_bqw">
+			<rect id="BackButton_bqw" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1550.html
old mode 100644
new mode 100755
index e016e7f..16aa387
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_ALL_RL_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_88_bc {
+	#n_88_bqz {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bda {
+	#n_8_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_8_bra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#n_8_brb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_brb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 332px;
+	}
+	#n_8_brc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_brc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 432px;
+		top: 376px;
+	}
+	#LengthButton_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bda {
+	.LengthButton_bq {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550.html;
 		cursor: pointer;
 	}
-	#LossButton_bdb {
+	#LossButton_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bdb {
+	.LossButton_bq {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bdc {
+	#HelpButton_bq {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bdd {
+	#HelpButton_bra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bdd {
+	.HelpButton_bra {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bde {
+	#BackButton_bq {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bdf {
+	#BackButton_bra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdf {
+	.BackButton_bra {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3068,25 +3140,41 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-RL-1550">
-	<img id="n_88_bc" src="n_88_bc.png" srcset="n_88_bc.png 1x, n_88_bc@2x.png 2x">
+	<img id="n_88_bqz" src="n_88_bqz.png" srcset="n_88_bqz.png 1x, n_88_bqz@2x.png 2x">
 		
-	<svg class="LengthButton_bda">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bda" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_8_bq">
+		<ellipse id="n_8_bq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_bra">
+		<ellipse id="n_8_bra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_brb">
+		<ellipse id="n_8_brb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_8_brc">
+		<ellipse id="n_8_brc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bq">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bq" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bdb">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bdb" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bq">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bq" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bdc" class="HelpButton">
-		<svg class="HelpButton_bdd">
-			<rect id="HelpButton_bdd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bq" class="HelpButton">
+		<svg class="HelpButton_bra">
+			<rect id="HelpButton_bra" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bde" class="BackButton">
-		<svg class="BackButton_bdf">
-			<rect id="BackButton_bdf" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bq" class="BackButton">
+		<svg class="BackButton_bra">
+			<rect id="BackButton_bra" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1310.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1310.html
old mode 100644
new mode 100755
index 1d97c89..da8165c
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1310.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1310.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbr {
+	#n_8_bov {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bov {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bow {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bbs {
+	#BackButton_box {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbs {
+	.BackButton_box {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-HELP-1310">
 	<img id="n_84" src="n_84.png" srcset="n_84.png 1x, n_84@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbr" class="BackButton">
-		<svg class="BackButton_bbs">
-			<rect id="BackButton_bbs" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_8_bov">
+		<ellipse id="n_8_bov" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bow" class="BackButton">
+		<svg class="BackButton_box">
+			<rect id="BackButton_box" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1550.html b/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1550.html
old mode 100644
new mode 100755
index bd3d6bb..18079a2
--- a/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1550.html
+++ b/public/flukemoni/Ex4_2/OTDR_1_Tabel_HELP_1550.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbw {
+	#n_8_bo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_8_bo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bo {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bbx {
+	#BackButton_bpa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbx {
+	.BackButton_bpa {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-HELP-1550">
 	<img id="n_85" src="n_85.png" srcset="n_85.png 1x, n_85@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbw" class="BackButton">
-		<svg class="BackButton_bbx">
-			<rect id="BackButton_bbx" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_8_bo">
+		<ellipse id="n_8_bo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bo" class="BackButton">
+		<svg class="BackButton_bpa">
+			<rect id="BackButton_bpa" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_TEST.html b/public/flukemoni/Ex4_2/OTDR_TEST.html
old mode 100644
new mode 100755
index 7bbe020..b3be2f0
--- a/public/flukemoni/Ex4_2/OTDR_TEST.html
+++ b/public/flukemoni/Ex4_2/OTDR_TEST.html
@@ -54,7 +54,25 @@
 		--web-action-target: OTDR_TEST___1.html;
 		cursor: pointer;
 	}
-	#BackButton_na {
+	#n_1_qo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_qo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 387px;
+		top: 543px;
+	}
+	#BackButton_qp {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -66,7 +84,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK.html;
 		cursor: pointer;
 	}
-	#BackButton_nb {
+	#BackButton_qq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_nb {
+	.BackButton_qq {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="OTDR-TEST">
 	<img onclick="application.goToTargetView(event)" id="n_40" src="n_40.png" srcset="n_40.png 1x, n_40@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_na" class="BackButton">
-		<svg class="BackButton_nb">
-			<rect id="BackButton_nb" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<svg class="n_1_qo">
+		<ellipse id="n_1_qo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_qp" class="BackButton">
+		<svg class="BackButton_qq">
+			<rect id="BackButton_qq" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_TEST___1.html b/public/flukemoni/Ex4_2/OTDR_TEST___1.html
old mode 100644
new mode 100755
index 321b74f..43868ae
--- a/public/flukemoni/Ex4_2/OTDR_TEST___1.html
+++ b/public/flukemoni/Ex4_2/OTDR_TEST___1.html
@@ -54,7 +54,25 @@
 		--web-action-target: OTDR_TEST___2.html;
 		cursor: pointer;
 	}
-	#BackButton_nf {
+	#n_1_qu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_qu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 391px;
+		top: 554px;
+	}
+	#BackButton_qv {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -66,7 +84,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK.html;
 		cursor: pointer;
 	}
-	#BackButton_ng {
+	#BackButton_qw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ng {
+	.BackButton_qw {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="OTDR-TEST__1">
 	<img onclick="application.goToTargetView(event)" id="n_41" src="n_41.png" srcset="n_41.png 1x, n_41@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_nf" class="BackButton">
-		<svg class="BackButton_ng">
-			<rect id="BackButton_ng" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<svg class="n_1_qu">
+		<ellipse id="n_1_qu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_qv" class="BackButton">
+		<svg class="BackButton_qw">
+			<rect id="BackButton_qw" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/OTDR_TEST___2.html b/public/flukemoni/Ex4_2/OTDR_TEST___2.html
old mode 100644
new mode 100755
index 3d0b6e3..6aa2c2d
--- a/public/flukemoni/Ex4_2/OTDR_TEST___2.html
+++ b/public/flukemoni/Ex4_2/OTDR_TEST___2.html
@@ -54,7 +54,25 @@
 		--web-action-target: OTDR_1_EventMap_NOSAVE.html;
 		cursor: pointer;
 	}
-	#BackButton_nk {
+	#n_1_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 398px;
+		top: 550px;
+	}
+	#BackButton_q {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -66,7 +84,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK.html;
 		cursor: pointer;
 	}
-	#BackButton_nl {
+	#BackButton_ra {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_nl {
+	.BackButton_ra {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="OTDR-TEST__2">
 	<img onclick="application.goToTargetView(event)" id="n_42" src="n_42.png" srcset="n_42.png 1x, n_42@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_nk" class="BackButton">
-		<svg class="BackButton_nl">
-			<rect id="BackButton_nl" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<svg class="n_1_q">
+		<ellipse id="n_1_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_q" class="BackButton">
+		<svg class="BackButton_ra">
+			<rect id="BackButton_ra" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA.html b/public/flukemoni/Ex4_2/SETCOMP_LA.html
old mode 100644
new mode 100755
index 765f217..9deff84
--- a/public/flukemoni/Ex4_2/SETCOMP_LA.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_gg {
+	#n_1_he {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_he {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_hf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_hf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 364px;
+		top: 145px;
+	}
+	#BackButton_hg {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: HOMEPAGE_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_gh {
+	#BackButton_hh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gh {
+	.BackButton_hh {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: SETCOMP_LA_TA.html;
 		cursor: pointer;
 	}
-	#LaTaButton_gj {
+	#LaTaButton_hj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LaTaButton_gj {
+	.LaTaButton_hj {
 		position: absolute;
 		overflow: visible;
 		width: 141px;
@@ -118,7 +154,7 @@
 		top: 585px;
 		overflow: visible;
 	}
-	#SetButton_gl {
+	#SetButton_hl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +164,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SetButton_gl {
+	.SetButton_hl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3052,21 +3088,29 @@ window.application = new Application();
 <div id="SETCOMP-LA">
 	<img id="n_19" src="n_19.png" srcset="n_19.png 1x, n_19@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_gg" class="BackButton">
-		<svg class="BackButton_gh">
-			<rect id="BackButton_gh" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_he">
+		<ellipse id="n_1_he" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_hf">
+		<ellipse id="n_1_hf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_hg" class="BackButton">
+		<svg class="BackButton_hh">
+			<rect id="BackButton_hh" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LaTaButton" class="La_TaButton">
-		<svg class="LaTaButton_gj">
-			<rect id="LaTaButton_gj" rx="0" ry="0" x="0" y="0" width="141" height="33">
+		<svg class="LaTaButton_hj">
+			<rect id="LaTaButton_hj" rx="0" ry="0" x="0" y="0" width="141" height="33">
 			</rect>
 		</svg>
 	</div>
 	<div id="SetButton" class="SetButton">
-		<svg class="SetButton_gl">
-			<rect id="SetButton_gl" rx="0" ry="0" x="0" y="0" width="58" height="50">
+		<svg class="SetButton_hl">
+			<rect id="SetButton_hl" rx="0" ry="0" x="0" y="0" width="58" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA.html
old mode 100644
new mode 100755
index 6a2735f..a343860
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_20 {
+	#n_20_ho {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_gp {
+	#n_1_hp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_hp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_hq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_hq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 421px;
+		top: 599px;
+	}
+	#n_1_hr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_hr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 326px;
+		top: 105px;
+	}
+	#BackButton_hs {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +116,7 @@
 		--web-action-target: HOMEPAGE_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_gq {
+	#BackButton_ht {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gq {
+	.BackButton_ht {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +146,7 @@
 		--web-action-target: SETCOMP_LA.html;
 		cursor: pointer;
 	}
-	#LaButton_gs {
+	#LaButton_hv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LaButton_gs {
+	.LaButton_hv {
 		position: absolute;
 		overflow: visible;
 		width: 103px;
@@ -110,7 +164,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SetButton_gt {
+	#SetButton_hw {
 		position: absolute;
 		width: 58px;
 		height: 50px;
@@ -122,7 +176,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting.html;
 		cursor: pointer;
 	}
-	#SetButton_gu {
+	#SetButton_hx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SetButton_gu {
+	.SetButton_hx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3054,23 +3108,35 @@ window.application = new Application();
 </head>
 <body>
 <div id="SETCOMP-LA-TA">
-	<img id="n_20" src="n_20.png" srcset="n_20.png 1x, n_20@2x.png 2x">
+	<img id="n_20_ho" src="n_20_ho.png" srcset="n_20_ho.png 1x, n_20_ho@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_gp" class="BackButton">
-		<svg class="BackButton_gq">
-			<rect id="BackButton_gq" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_hp">
+		<ellipse id="n_1_hp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_hq">
+		<ellipse id="n_1_hq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_hr">
+		<ellipse id="n_1_hr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_hs" class="BackButton">
+		<svg class="BackButton_ht">
+			<rect id="BackButton_ht" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LaButton" class="LaButton">
-		<svg class="LaButton_gs">
-			<rect id="LaButton_gs" rx="0" ry="0" x="0" y="0" width="103" height="33">
+		<svg class="LaButton_hv">
+			<rect id="LaButton_hv" rx="0" ry="0" x="0" y="0" width="103" height="33">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SetButton_gt" class="SetButton">
-		<svg class="SetButton_gu">
-			<rect id="SetButton_gu" rx="0" ry="0" x="0" y="0" width="58" height="50">
+	<div onclick="application.goToTargetView(event)" id="SetButton_hw" class="SetButton">
+		<svg class="SetButton_hx">
+			<rect id="SetButton_hx" rx="0" ry="0" x="0" y="0" width="58" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK.html
old mode 100644
new mode 100755
index 65e2601..35bbc29
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_1_qd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_qd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 206px;
+		top: 599px;
+	}
+	#n_1_qe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_qe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 406px;
+		top: 600px;
+	}
 	#TestButton {
 		position: absolute;
 		width: 113px;
@@ -62,7 +98,7 @@
 		--web-action-target: OTDR_TEST.html;
 		cursor: pointer;
 	}
-	#TestButton_m {
+	#TestButton_qg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestButton_m {
+	.TestButton_qg {
 		position: absolute;
 		overflow: visible;
 		width: 113px;
@@ -80,7 +116,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestType_m {
+	#TestType_qh {
 		position: absolute;
 		width: 442px;
 		height: 99px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestType_SM.html;
 		cursor: pointer;
 	}
-	#TestType_na {
+	#TestType_qi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_na {
+	.TestType_qi {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -110,7 +146,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SetCOMPButtion_m {
+	#SetCOMPButtion_qj {
 		position: absolute;
 		width: 99px;
 		height: 50px;
@@ -122,7 +158,7 @@
 		--web-action-target: SETCOMP_LA.html;
 		cursor: pointer;
 	}
-	#SetCOMPButtion_na {
+	#SetCOMPButtion_qk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SetCOMPButtion_na {
+	.SetCOMPButtion_qk {
 		position: absolute;
 		overflow: visible;
 		width: 99px;
@@ -3056,21 +3092,29 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-OK">
 	<img id="n_38" src="n_38.png" srcset="n_38.png 1x, n_38@2x.png 2x">
 		
+	<svg class="n_1_qd">
+		<ellipse id="n_1_qd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_qe">
+		<ellipse id="n_1_qe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="TestButton" class="TestButton">
-		<svg class="TestButton_m">
-			<rect id="TestButton_m" rx="0" ry="0" x="0" y="0" width="113" height="51">
+		<svg class="TestButton_qg">
+			<rect id="TestButton_qg" rx="0" ry="0" x="0" y="0" width="113" height="51">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestType_m" class="TestType">
-		<svg class="TestType_na">
-			<rect id="TestType_na" rx="0" ry="0" x="0" y="0" width="442" height="99">
+	<div onclick="application.goToTargetView(event)" id="TestType_qh" class="TestType">
+		<svg class="TestType_qi">
+			<rect id="TestType_qi" rx="0" ry="0" x="0" y="0" width="442" height="99">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SetCOMPButtion_m" class="SetCOMPButtion">
-		<svg class="SetCOMPButtion_na">
-			<rect id="SetCOMPButtion_na" rx="0" ry="0" x="0" y="0" width="99" height="50">
+	<div onclick="application.goToTargetView(event)" id="SetCOMPButtion_qj" class="SetCOMPButtion">
+		<svg class="SetCOMPButtion_qk">
+			<rect id="SetCOMPButtion_qk" rx="0" ry="0" x="0" y="0" width="99" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_Save1.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_Save1.html
old mode 100644
new mode 100755
index f628395..eafaa90
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_Save1.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_Save1.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TestType_bdy {
+	#n_4_brv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_brv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 484px;
+	}
+	#TestType_brw {
 		position: absolute;
 		width: 442px;
 		height: 99px;
@@ -62,7 +80,7 @@
 		--web-action-target: TestType_SM.html;
 		cursor: pointer;
 	}
-	#TestType_bdz {
+	#TestType_brx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_bdz {
+	.TestType_brx {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -92,7 +110,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#SaveResult_bd {
+	#SaveResult_brz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +120,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveResult_bd {
+	.SaveResult_brz {
 		position: absolute;
 		overflow: visible;
 		width: 117px;
@@ -3026,15 +3044,19 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-OK-Save1">
 	<img id="n_108" src="n_108.png" srcset="n_108.png 1x, n_108@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="TestType_bdy" class="TestType">
-		<svg class="TestType_bdz">
-			<rect id="TestType_bdz" rx="0" ry="0" x="0" y="0" width="442" height="99">
+	<svg class="n_4_brv">
+		<ellipse id="n_4_brv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="TestType_brw" class="TestType">
+		<svg class="TestType_brx">
+			<rect id="TestType_brx" rx="0" ry="0" x="0" y="0" width="442" height="99">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SaveResult" class="SaveResult">
-		<svg class="SaveResult_bd">
-			<rect id="SaveResult_bd" rx="0" ry="0" x="0" y="0" width="117" height="131">
+		<svg class="SaveResult_brz">
+			<rect id="SaveResult_brz" rx="0" ry="0" x="0" y="0" width="117" height="131">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_SaveResult.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_SaveResult.html
old mode 100644
new mode 100755
index a7d6e81..d82daec
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_SaveResult.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_OK_SaveResult.html
@@ -50,6 +50,24 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_4_br {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_4_br {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 344px;
+		top: 219px;
+	}
 	#OTDR-1 {
 		position: absolute;
 		width: 480px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#OTDR-1_bd {
+	#OTDR-1_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OTDR-1_bd {
+	.OTDR-1_br {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -80,7 +98,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bd {
+	#BackButton_br {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -93,7 +111,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_Save1.html;
 		cursor: pointer;
 	}
-	#BackButton_bea {
+	#BackButton_bsa {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -102,7 +120,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bea {
+	.BackButton_bsa {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -3026,15 +3044,19 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-OK-SaveResult">
 	<img id="n_109" src="n_109.png" srcset="n_109.png 1x, n_109@2x.png 2x">
 		
+	<svg class="n_4_br">
+		<ellipse id="n_4_br" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="OTDR-1" class="OTDR_1">
-		<svg class="OTDR-1_bd">
-			<rect id="OTDR-1_bd" rx="0" ry="0" x="0" y="0" width="480" height="54">
+		<svg class="OTDR-1_br">
+			<rect id="OTDR-1_br" rx="0" ry="0" x="0" y="0" width="480" height="54">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bd" class="BackButton">
-		<svg class="BackButton_bea">
-			<rect id="BackButton_bea" rx="0" ry="0" x="0" y="0" width="53" height="37">
+	<div onclick="application.goToTargetView(event)" id="BackButton_br" class="BackButton">
+		<svg class="BackButton_bsa">
+			<rect id="BackButton_bsa" rx="0" ry="0" x="0" y="0" width="53" height="37">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_SettinG_SAVE.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_SettinG_SAVE.html
old mode 100644
new mode 100755
index a476ad7..b43cf80
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_SettinG_SAVE.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_SettinG_SAVE.html
@@ -50,6 +50,24 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_1_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 424px;
+	}
 	#OKButton {
 		position: absolute;
 		width: 65px;
@@ -62,7 +80,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK.html;
 		cursor: pointer;
 	}
-	#OKButton_mx {
+	#OKButton_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OKButton_mx {
+	.OKButton_p {
 		position: absolute;
 		overflow: visible;
 		width: 65px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-SettinG-SAVE">
 	<img id="n_37" src="n_37.png" srcset="n_37.png 1x, n_37@2x.png 2x">
 		
+	<svg class="n_1_p">
+		<ellipse id="n_1_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="OKButton" class="OKButton">
-		<svg class="OKButton_mx">
-			<rect id="OKButton_mx" rx="0" ry="0" x="0" y="0" width="65" height="34">
+		<svg class="OKButton_p">
+			<rect id="OKButton_p" rx="0" ry="0" x="0" y="0" width="65" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting.html
old mode 100644
new mode 100755
index f21c769..cdff7f7
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting.html
@@ -54,7 +54,25 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___1.html;
 		cursor: pointer;
 	}
-	#BackButton_gy {
+	#n_1_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 386px;
+		top: 538px;
+	}
+	#BackButton_h {
 		position: absolute;
 		width: 64px;
 		height: 52px;
@@ -66,7 +84,7 @@
 		--web-action-target: SETCOMP_LA_TA.html;
 		cursor: pointer;
 	}
-	#BackButton_gz {
+	#BackButton_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_gz {
+	.BackButton_ia {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting">
 	<img onclick="application.goToTargetView(event)" id="n_21" src="n_21.png" srcset="n_21.png 1x, n_21@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_gy" class="BackButton">
-		<svg class="BackButton_gz">
-			<rect id="BackButton_gz" rx="0" ry="0" x="0" y="0" width="64" height="52">
+	<svg class="n_1_h">
+		<ellipse id="n_1_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_h" class="BackButton">
+		<svg class="BackButton_ia">
+			<rect id="BackButton_ia" rx="0" ry="0" x="0" y="0" width="64" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310.html
old mode 100644
new mode 100755
index ad86802..f3c2f2c
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_hh {
+	#n_1_ip {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ip {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_iq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_iq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_ir {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ir {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_is {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_is {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_it {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_it {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_iu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_iu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_iv {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_hi {
+	#BackButton_iw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hi {
+	.BackButton_iw {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_hj {
+	#MoreButton_ix {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html;
 		cursor: pointer;
 	}
-	#MoreButton_hk {
+	#MoreButton_iy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_hk {
+	.MoreButton_iy {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_hm {
+	#SJ-LButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_hm {
+	.SJ-LButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_hn {
+	#SJ-LButton_ja {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ho {
+	#SJ-LButton_jb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ho {
+	.SJ-LButton_jb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL.html;
 		cursor: pointer;
 	}
-	#BC-LButton_hq {
+	#BC-LButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_hq {
+	.BC-LButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550.html;
 		cursor: pointer;
 	}
-	#BC-RButton_hs {
+	#BC-RButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_hs {
+	.BC-RButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1310">
 	<img id="n_24" src="n_24.png" srcset="n_24.png 1x, n_24@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_hh" class="BackButton">
-		<svg class="BackButton_hi">
-			<rect id="BackButton_hi" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_ip">
+		<ellipse id="n_1_ip" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_iq">
+		<ellipse id="n_1_iq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ir">
+		<ellipse id="n_1_ir" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_is">
+		<ellipse id="n_1_is" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_it">
+		<ellipse id="n_1_it" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_iu">
+		<ellipse id="n_1_iu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_iv" class="BackButton">
+		<svg class="BackButton_iw">
+			<rect id="BackButton_iw" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_hj" class="MoreButton">
-		<svg class="MoreButton_hk">
-			<rect id="MoreButton_hk" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_ix" class="MoreButton">
+		<svg class="MoreButton_iy">
+			<rect id="MoreButton_iy" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SJ-LButton" class="SJ_LButton">
-		<svg class="SJ-LButton_hm">
-			<ellipse id="SJ-LButton_hm" rx="19" ry="19" cx="19" cy="19">
+		<svg class="SJ-LButton_i">
+			<ellipse id="SJ-LButton_i" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_hn" class="SJ_LButton">
-		<svg class="SJ-LButton_ho">
-			<ellipse id="SJ-LButton_ho" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ja" class="SJ_LButton">
+		<svg class="SJ-LButton_jb">
+			<ellipse id="SJ-LButton_jb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="BC-LButton" class="BC_LButton">
-		<svg class="BC-LButton_hq">
-			<ellipse id="BC-LButton_hq" rx="19" ry="19" cx="19" cy="19">
+		<svg class="BC-LButton_i">
+			<ellipse id="BC-LButton_i" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="BC-RButton" class="BC_RButton">
-		<svg class="BC-RButton_hs">
-			<ellipse id="BC-RButton_hs" rx="19" ry="19" cx="19" cy="19">
+		<svg class="BC-RButton_i">
+			<ellipse id="BC-RButton_i" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html
old mode 100644
new mode 100755
index 5a79f4d..0aa5092
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_h {
+	#n_1_jg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_jg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_jh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_jh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_ji {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ji {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_jj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_jj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_jk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_jk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_jl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_jl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_jm {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_ia {
+	#BackButton_jn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ia {
+	.BackButton_jn {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_h {
+	#MoreButton_jo {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html;
 		cursor: pointer;
 	}
-	#MoreButton_ia {
+	#MoreButton_jp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ia {
+	.MoreButton_jp {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_h {
+	#SJ-LButton_jq {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ia {
+	#SJ-LButton_jr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ia {
+	.SJ-LButton_jr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ib {
+	#SJ-LButton_js {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ic {
+	#SJ-LButton_jt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ic {
+	.SJ-LButton_jt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_h {
+	#BC-LButton_ju {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ia {
+	#BC-LButton_jv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ia {
+	.BC-LButton_jv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ib {
+	#BC-RButton_jw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ic {
+	#BC-RButton_jx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ic {
+	.BC-RButton_jx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1310-1">
 	<img id="n_26" src="n_26.png" srcset="n_26.png 1x, n_26@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_h" class="BackButton">
-		<svg class="BackButton_ia">
-			<rect id="BackButton_ia" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_jg">
+		<ellipse id="n_1_jg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_jh">
+		<ellipse id="n_1_jh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ji">
+		<ellipse id="n_1_ji" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_jj">
+		<ellipse id="n_1_jj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_jk">
+		<ellipse id="n_1_jk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_jl">
+		<ellipse id="n_1_jl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_jm" class="BackButton">
+		<svg class="BackButton_jn">
+			<rect id="BackButton_jn" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_h" class="MoreButton">
-		<svg class="MoreButton_ia">
-			<rect id="MoreButton_ia" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_jo" class="MoreButton">
+		<svg class="MoreButton_jp">
+			<rect id="MoreButton_jp" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_h" class="SJ_LButton">
-		<svg class="SJ-LButton_ia">
-			<ellipse id="SJ-LButton_ia" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jq" class="SJ_LButton">
+		<svg class="SJ-LButton_jr">
+			<ellipse id="SJ-LButton_jr" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ib" class="SJ_LButton">
-		<svg class="SJ-LButton_ic">
-			<ellipse id="SJ-LButton_ic" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_js" class="SJ_LButton">
+		<svg class="SJ-LButton_jt">
+			<ellipse id="SJ-LButton_jt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_h" class="BC_LButton">
-		<svg class="BC-LButton_ia">
-			<ellipse id="BC-LButton_ia" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ju" class="BC_LButton">
+		<svg class="BC-LButton_jv">
+			<ellipse id="BC-LButton_jv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ib" class="BC_RButton">
-		<svg class="BC-RButton_ic">
-			<ellipse id="BC-RButton_ic" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_jw" class="BC_RButton">
+		<svg class="BC-RButton_jx">
+			<ellipse id="BC-RButton_jx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html
old mode 100644
new mode 100755
index 618dedc..08b46d6
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ig {
+	#n_1_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_ka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_kb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_kc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_kd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_ke {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ke {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_j {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_ih {
+	#BackButton_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ih {
+	.BackButton_ka {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_ii {
+	#MoreButton_j {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html;
 		cursor: pointer;
 	}
-	#MoreButton_ij {
+	#MoreButton_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ij {
+	.MoreButton_ka {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ik {
+	#SJ-LButton_kb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_il {
+	#SJ-LButton_kc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_il {
+	.SJ-LButton_kc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_im {
+	#SJ-LButton_kd {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_in {
+	#SJ-LButton_ke {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_in {
+	.SJ-LButton_ke {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_io {
+	#BC-LButton_kf {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ip {
+	#BC-LButton_kg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ip {
+	.BC-LButton_kg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_iq {
+	#BC-RButton_kh {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ir {
+	#BC-RButton_ki {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ir {
+	.BC-RButton_ki {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1310-2">
 	<img id="n_27" src="n_27.png" srcset="n_27.png 1x, n_27@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ig" class="BackButton">
-		<svg class="BackButton_ih">
-			<rect id="BackButton_ih" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_j">
+		<ellipse id="n_1_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ka">
+		<ellipse id="n_1_ka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kb">
+		<ellipse id="n_1_kb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kc">
+		<ellipse id="n_1_kc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kd">
+		<ellipse id="n_1_kd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ke">
+		<ellipse id="n_1_ke" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_j" class="BackButton">
+		<svg class="BackButton_ka">
+			<rect id="BackButton_ka" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_ii" class="MoreButton">
-		<svg class="MoreButton_ij">
-			<rect id="MoreButton_ij" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_j" class="MoreButton">
+		<svg class="MoreButton_ka">
+			<rect id="MoreButton_ka" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ik" class="SJ_LButton">
-		<svg class="SJ-LButton_il">
-			<ellipse id="SJ-LButton_il" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kb" class="SJ_LButton">
+		<svg class="SJ-LButton_kc">
+			<ellipse id="SJ-LButton_kc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_im" class="SJ_LButton">
-		<svg class="SJ-LButton_in">
-			<ellipse id="SJ-LButton_in" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kd" class="SJ_LButton">
+		<svg class="SJ-LButton_ke">
+			<ellipse id="SJ-LButton_ke" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_io" class="BC_LButton">
-		<svg class="BC-LButton_ip">
-			<ellipse id="BC-LButton_ip" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_kf" class="BC_LButton">
+		<svg class="BC-LButton_kg">
+			<ellipse id="BC-LButton_kg" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_iq" class="BC_RButton">
-		<svg class="BC-RButton_ir">
-			<ellipse id="BC-RButton_ir" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_kh" class="BC_RButton">
+		<svg class="BC-RButton_ki">
+			<ellipse id="BC-RButton_ki" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html
old mode 100644
new mode 100755
index 9fc5a46..e1b6f6f
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_iv {
+	#n_1_km {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_km {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_kn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_ko {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ko {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_kp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_kq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_kr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_kr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_ks {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_iw {
+	#BackButton_kt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_iw {
+	.BackButton_kt {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_ix {
+	#MoreButton_ku {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html;
 		cursor: pointer;
 	}
-	#MoreButton_iy {
+	#MoreButton_kv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_iy {
+	.MoreButton_kv {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_iz {
+	#SJ-LButton_kw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_i {
+	#SJ-LButton_kx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_i {
+	.SJ-LButton_kx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ja {
+	#SJ-LButton_ky {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jb {
+	#SJ-LButton_kz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jb {
+	.SJ-LButton_kz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_i {
+	#BC-LButton_k {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ja {
+	#BC-LButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ja {
+	.BC-LButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_i {
+	#BC-RButton_k {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ja {
+	#BC-RButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ja {
+	.BC-RButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1310-3">
 	<img id="n_28" src="n_28.png" srcset="n_28.png 1x, n_28@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_iv" class="BackButton">
-		<svg class="BackButton_iw">
-			<rect id="BackButton_iw" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_km">
+		<ellipse id="n_1_km" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kn">
+		<ellipse id="n_1_kn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ko">
+		<ellipse id="n_1_ko" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kp">
+		<ellipse id="n_1_kp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kq">
+		<ellipse id="n_1_kq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_kr">
+		<ellipse id="n_1_kr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ks" class="BackButton">
+		<svg class="BackButton_kt">
+			<rect id="BackButton_kt" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_ix" class="MoreButton">
-		<svg class="MoreButton_iy">
-			<rect id="MoreButton_iy" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_ku" class="MoreButton">
+		<svg class="MoreButton_kv">
+			<rect id="MoreButton_kv" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_iz" class="SJ_LButton">
-		<svg class="SJ-LButton_i">
-			<ellipse id="SJ-LButton_i" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kw" class="SJ_LButton">
+		<svg class="SJ-LButton_kx">
+			<ellipse id="SJ-LButton_kx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ja" class="SJ_LButton">
-		<svg class="SJ-LButton_jb">
-			<ellipse id="SJ-LButton_jb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ky" class="SJ_LButton">
+		<svg class="SJ-LButton_kz">
+			<ellipse id="SJ-LButton_kz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_i" class="BC_LButton">
-		<svg class="BC-LButton_ja">
-			<ellipse id="BC-LButton_ja" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_k" class="BC_LButton">
+		<svg class="BC-LButton_la">
+			<ellipse id="BC-LButton_la" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_i" class="BC_RButton">
-		<svg class="BC-RButton_ja">
-			<ellipse id="BC-RButton_ja" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_k" class="BC_RButton">
+		<svg class="BC-RButton_la">
+			<ellipse id="BC-RButton_la" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550.html
old mode 100644
new mode 100755
index 06225b1..b30f77f
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_jf {
+	#n_1_ld {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ld {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_le {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_le {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_lf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_lf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_lg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_lg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_lh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_lh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_li {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_li {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_lj {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_jg {
+	#BackButton_lk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jg {
+	.BackButton_lk {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_jh {
+	#MoreButton_ll {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html;
 		cursor: pointer;
 	}
-	#MoreButton_ji {
+	#MoreButton_lm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ji {
+	.MoreButton_lm {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_jj {
+	#SJ-LButton_ln {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jk {
+	#SJ-LButton_lo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jk {
+	.SJ-LButton_lo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_jl {
+	#SJ-LButton_lp {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jm {
+	#SJ-LButton_lq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jm {
+	.SJ-LButton_lq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_jn {
+	#BC-LButton_lr {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#BC-LButton_jo {
+	#BC-LButton_ls {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_jo {
+	.BC-LButton_ls {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_jp {
+	#BC-RButton_lt {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL.html;
 		cursor: pointer;
 	}
-	#BC-RButton_jq {
+	#BC-RButton_lu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_jq {
+	.BC-RButton_lu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1550">
 	<img id="n_29" src="n_29.png" srcset="n_29.png 1x, n_29@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_jf" class="BackButton">
-		<svg class="BackButton_jg">
-			<rect id="BackButton_jg" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_ld">
+		<ellipse id="n_1_ld" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_le">
+		<ellipse id="n_1_le" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_lf">
+		<ellipse id="n_1_lf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_lg">
+		<ellipse id="n_1_lg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_lh">
+		<ellipse id="n_1_lh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_li">
+		<ellipse id="n_1_li" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_lj" class="BackButton">
+		<svg class="BackButton_lk">
+			<rect id="BackButton_lk" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_jh" class="MoreButton">
-		<svg class="MoreButton_ji">
-			<rect id="MoreButton_ji" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_ll" class="MoreButton">
+		<svg class="MoreButton_lm">
+			<rect id="MoreButton_lm" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jj" class="SJ_LButton">
-		<svg class="SJ-LButton_jk">
-			<ellipse id="SJ-LButton_jk" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ln" class="SJ_LButton">
+		<svg class="SJ-LButton_lo">
+			<ellipse id="SJ-LButton_lo" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jl" class="SJ_LButton">
-		<svg class="SJ-LButton_jm">
-			<ellipse id="SJ-LButton_jm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lp" class="SJ_LButton">
+		<svg class="SJ-LButton_lq">
+			<ellipse id="SJ-LButton_lq" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_jn" class="BC_LButton">
-		<svg class="BC-LButton_jo">
-			<ellipse id="BC-LButton_jo" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_lr" class="BC_LButton">
+		<svg class="BC-LButton_ls">
+			<ellipse id="BC-LButton_ls" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_jp" class="BC_RButton">
-		<svg class="BC-RButton_jq">
-			<ellipse id="BC-RButton_jq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_lt" class="BC_RButton">
+		<svg class="BC-RButton_lu">
+			<ellipse id="BC-RButton_lu" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html
old mode 100644
new mode 100755
index 1a5573c..1e538d9
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ju {
+	#n_1_ly {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ly {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_lz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_lz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_ma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_mb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_mc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_l {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_jv {
+	#BackButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jv {
+	.BackButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_jw {
+	#MoreButton_l {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html;
 		cursor: pointer;
 	}
-	#MoreButton_jx {
+	#MoreButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_jx {
+	.MoreButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_jy {
+	#SJ-LButton_l {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jz {
+	#SJ-LButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jz {
+	.SJ-LButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_j {
+	#SJ-LButton_mb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ka {
+	#SJ-LButton_mc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ka {
+	.SJ-LButton_mc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_j {
+	#BC-LButton_mc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ka {
+	#BC-LButton_md {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ka {
+	.BC-LButton_md {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_j {
+	#BC-RButton_me {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ka {
+	#BC-RButton_mf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ka {
+	.BC-RButton_mf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1550-1">
 	<img id="n_30" src="n_30.png" srcset="n_30.png 1x, n_30@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ju" class="BackButton">
-		<svg class="BackButton_jv">
-			<rect id="BackButton_jv" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_ly">
+		<ellipse id="n_1_ly" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_lz">
+		<ellipse id="n_1_lz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_l">
+		<ellipse id="n_1_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ma">
+		<ellipse id="n_1_ma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mb">
+		<ellipse id="n_1_mb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mc">
+		<ellipse id="n_1_mc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_l" class="BackButton">
+		<svg class="BackButton_ma">
+			<rect id="BackButton_ma" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_jw" class="MoreButton">
-		<svg class="MoreButton_jx">
-			<rect id="MoreButton_jx" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_l" class="MoreButton">
+		<svg class="MoreButton_ma">
+			<rect id="MoreButton_ma" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jy" class="SJ_LButton">
-		<svg class="SJ-LButton_jz">
-			<ellipse id="SJ-LButton_jz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_l" class="SJ_LButton">
+		<svg class="SJ-LButton_ma">
+			<ellipse id="SJ-LButton_ma" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_j" class="SJ_LButton">
-		<svg class="SJ-LButton_ka">
-			<ellipse id="SJ-LButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mb" class="SJ_LButton">
+		<svg class="SJ-LButton_mc">
+			<ellipse id="SJ-LButton_mc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_j" class="BC_LButton">
-		<svg class="BC-LButton_ka">
-			<ellipse id="BC-LButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_mc" class="BC_LButton">
+		<svg class="BC-LButton_md">
+			<ellipse id="BC-LButton_md" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_j" class="BC_RButton">
-		<svg class="BC-RButton_ka">
-			<ellipse id="BC-RButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_me" class="BC_RButton">
+		<svg class="BC-RButton_mf">
+			<ellipse id="BC-RButton_mf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html
old mode 100644
new mode 100755
index e62fc45..c2dcbb6
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_j {
+	#n_1_mj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_mk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_ml {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ml {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_mm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_mn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_mo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_mo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_mp {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_ka {
+	#BackButton_mq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ka {
+	.BackButton_mq {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_kb {
+	#MoreButton_mr {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html;
 		cursor: pointer;
 	}
-	#MoreButton_kc {
+	#MoreButton_ms {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_kc {
+	.MoreButton_ms {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_kd {
+	#SJ-LButton_mt {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ke {
+	#SJ-LButton_mu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ke {
+	.SJ-LButton_mu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_kf {
+	#SJ-LButton_mv {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kg {
+	#SJ-LButton_mw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kg {
+	.SJ-LButton_mw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_kh {
+	#BC-LButton_mx {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ki {
+	#BC-LButton_my {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ki {
+	.BC-LButton_my {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_kj {
+	#BC-RButton_mz {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_kk {
+	#BC-RButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_kk {
+	.BC-RButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1550-2">
 	<img id="n_31" src="n_31.png" srcset="n_31.png 1x, n_31@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_j" class="BackButton">
-		<svg class="BackButton_ka">
-			<rect id="BackButton_ka" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_mj">
+		<ellipse id="n_1_mj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mk">
+		<ellipse id="n_1_mk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ml">
+		<ellipse id="n_1_ml" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mm">
+		<ellipse id="n_1_mm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mn">
+		<ellipse id="n_1_mn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_mo">
+		<ellipse id="n_1_mo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_mp" class="BackButton">
+		<svg class="BackButton_mq">
+			<rect id="BackButton_mq" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_kb" class="MoreButton">
-		<svg class="MoreButton_kc">
-			<rect id="MoreButton_kc" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_mr" class="MoreButton">
+		<svg class="MoreButton_ms">
+			<rect id="MoreButton_ms" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kd" class="SJ_LButton">
-		<svg class="SJ-LButton_ke">
-			<ellipse id="SJ-LButton_ke" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mt" class="SJ_LButton">
+		<svg class="SJ-LButton_mu">
+			<ellipse id="SJ-LButton_mu" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kf" class="SJ_LButton">
-		<svg class="SJ-LButton_kg">
-			<ellipse id="SJ-LButton_kg" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mv" class="SJ_LButton">
+		<svg class="SJ-LButton_mw">
+			<ellipse id="SJ-LButton_mw" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_kh" class="BC_LButton">
-		<svg class="BC-LButton_ki">
-			<ellipse id="BC-LButton_ki" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_mx" class="BC_LButton">
+		<svg class="BC-LButton_my">
+			<ellipse id="BC-LButton_my" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_kj" class="BC_RButton">
-		<svg class="BC-RButton_kk">
-			<ellipse id="BC-RButton_kk" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_mz" class="BC_RButton">
+		<svg class="BC-RButton_m">
+			<ellipse id="BC-RButton_m" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html
old mode 100644
new mode 100755
index c6f4141..4ba612c
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ko {
+	#n_1_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_na {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_na {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_nb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_nc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_nd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_ne {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ne {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_na {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_kp {
+	#BackButton_nb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_kp {
+	.BackButton_nb {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_kq {
+	#MoreButton_nc {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html;
 		cursor: pointer;
 	}
-	#MoreButton_kr {
+	#MoreButton_nd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_kr {
+	.MoreButton_nd {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ks {
+	#SJ-LButton_ne {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kt {
+	#SJ-LButton_nf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kt {
+	.SJ-LButton_nf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ku {
+	#SJ-LButton_ng {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kv {
+	#SJ-LButton_nh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kv {
+	.SJ-LButton_nh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_kw {
+	#BC-LButton_ni {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_kx {
+	#BC-LButton_nj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_kx {
+	.BC-LButton_nj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ky {
+	#BC-RButton_nk {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_kz {
+	#BC-RButton_nl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_kz {
+	.BC-RButton_nl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-1550-3">
 	<img id="n_32" src="n_32.png" srcset="n_32.png 1x, n_32@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ko" class="BackButton">
-		<svg class="BackButton_kp">
-			<rect id="BackButton_kp" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_m">
+		<ellipse id="n_1_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_na">
+		<ellipse id="n_1_na" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nb">
+		<ellipse id="n_1_nb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nc">
+		<ellipse id="n_1_nc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nd">
+		<ellipse id="n_1_nd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ne">
+		<ellipse id="n_1_ne" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_na" class="BackButton">
+		<svg class="BackButton_nb">
+			<rect id="BackButton_nb" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_kq" class="MoreButton">
-		<svg class="MoreButton_kr">
-			<rect id="MoreButton_kr" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_nc" class="MoreButton">
+		<svg class="MoreButton_nd">
+			<rect id="MoreButton_nd" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ks" class="SJ_LButton">
-		<svg class="SJ-LButton_kt">
-			<ellipse id="SJ-LButton_kt" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ne" class="SJ_LButton">
+		<svg class="SJ-LButton_nf">
+			<ellipse id="SJ-LButton_nf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ku" class="SJ_LButton">
-		<svg class="SJ-LButton_kv">
-			<ellipse id="SJ-LButton_kv" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ng" class="SJ_LButton">
+		<svg class="SJ-LButton_nh">
+			<ellipse id="SJ-LButton_nh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_kw" class="BC_LButton">
-		<svg class="BC-LButton_kx">
-			<ellipse id="BC-LButton_kx" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ni" class="BC_LButton">
+		<svg class="BC-LButton_nj">
+			<ellipse id="BC-LButton_nj" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ky" class="BC_RButton">
-		<svg class="BC-RButton_kz">
-			<ellipse id="BC-RButton_kz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_nk" class="BC_RButton">
+		<svg class="BC-RButton_nl">
+			<ellipse id="BC-RButton_nl" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL.html
old mode 100644
new mode 100755
index fe25506..5ca6ffb
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_lb {
+	#n_1_nv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_nw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_nx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_ny {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ny {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_nz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_nz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_n {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_lc {
+	#BackButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lc {
+	.BackButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_la {
+	#MoreButton_n {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html;
 		cursor: pointer;
 	}
-	#MoreButton_lb {
+	#MoreButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_lb {
+	.MoreButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_lc {
+	#SJ-LButton_n {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ld {
+	#SJ-LButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ld {
+	.SJ-LButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_le {
+	#SJ-LButton_ob {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_lf {
+	#SJ-LButton_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_lf {
+	.SJ-LButton_oc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_lg {
+	#BC-LButton_n {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550.html;
 		cursor: pointer;
 	}
-	#BC-LButton_lh {
+	#BC-LButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_lh {
+	.BC-LButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_li {
+	#BC-RButton_ob {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#BC-RButton_lj {
+	#BC-RButton_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_lj {
+	.BC-RButton_oc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-ALL">
 	<img id="n_39" src="n_39.png" srcset="n_39.png 1x, n_39@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_lb" class="BackButton">
-		<svg class="BackButton_lc">
-			<rect id="BackButton_lc" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_nv">
+		<ellipse id="n_1_nv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nw">
+		<ellipse id="n_1_nw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nx">
+		<ellipse id="n_1_nx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ny">
+		<ellipse id="n_1_ny" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_nz">
+		<ellipse id="n_1_nz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_n">
+		<ellipse id="n_1_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_n" class="BackButton">
+		<svg class="BackButton_oa">
+			<rect id="BackButton_oa" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_la" class="MoreButton">
-		<svg class="MoreButton_lb">
-			<rect id="MoreButton_lb" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_n" class="MoreButton">
+		<svg class="MoreButton_oa">
+			<rect id="MoreButton_oa" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lc" class="SJ_LButton">
-		<svg class="SJ-LButton_ld">
-			<ellipse id="SJ-LButton_ld" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_n" class="SJ_LButton">
+		<svg class="SJ-LButton_oa">
+			<ellipse id="SJ-LButton_oa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_le" class="SJ_LButton">
-		<svg class="SJ-LButton_lf">
-			<ellipse id="SJ-LButton_lf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ob" class="SJ_LButton">
+		<svg class="SJ-LButton_oc">
+			<ellipse id="SJ-LButton_oc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_lg" class="BC_LButton">
-		<svg class="BC-LButton_lh">
-			<ellipse id="BC-LButton_lh" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_n" class="BC_LButton">
+		<svg class="BC-LButton_oa">
+			<ellipse id="BC-LButton_oa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_li" class="BC_RButton">
-		<svg class="BC-RButton_lj">
-			<ellipse id="BC-RButton_lj" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ob" class="BC_RButton">
+		<svg class="BC-RButton_oc">
+			<ellipse id="BC-RButton_oc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html
old mode 100644
new mode 100755
index 5bace81..16fe33a
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ln {
+	#n_1_og {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_og {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_oh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_oi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_oj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_oj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_ok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_ol {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ol {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_om {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_lo {
+	#BackButton_on {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lo {
+	.BackButton_on {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_lp {
+	#MoreButton_oo {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html;
 		cursor: pointer;
 	}
-	#MoreButton_lq {
+	#MoreButton_op {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_lq {
+	.MoreButton_op {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_lr {
+	#SJ-LButton_oq {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ls {
+	#SJ-LButton_or {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ls {
+	.SJ-LButton_or {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_lt {
+	#SJ-LButton_os {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_lu {
+	#SJ-LButton_ot {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_lu {
+	.SJ-LButton_ot {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_lv {
+	#BC-LButton_ou {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_lw {
+	#BC-LButton_ov {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_lw {
+	.BC-LButton_ov {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_lx {
+	#BC-RButton_ow {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ly {
+	#BC-RButton_ox {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ly {
+	.BC-RButton_ox {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-ALL-1">
 	<img id="n_34" src="n_34.png" srcset="n_34.png 1x, n_34@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ln" class="BackButton">
-		<svg class="BackButton_lo">
-			<rect id="BackButton_lo" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_og">
+		<ellipse id="n_1_og" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_oh">
+		<ellipse id="n_1_oh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_oi">
+		<ellipse id="n_1_oi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_oj">
+		<ellipse id="n_1_oj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ok">
+		<ellipse id="n_1_ok" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ol">
+		<ellipse id="n_1_ol" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_om" class="BackButton">
+		<svg class="BackButton_on">
+			<rect id="BackButton_on" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_lp" class="MoreButton">
-		<svg class="MoreButton_lq">
-			<rect id="MoreButton_lq" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_oo" class="MoreButton">
+		<svg class="MoreButton_op">
+			<rect id="MoreButton_op" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lr" class="SJ_LButton">
-		<svg class="SJ-LButton_ls">
-			<ellipse id="SJ-LButton_ls" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_oq" class="SJ_LButton">
+		<svg class="SJ-LButton_or">
+			<ellipse id="SJ-LButton_or" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lt" class="SJ_LButton">
-		<svg class="SJ-LButton_lu">
-			<ellipse id="SJ-LButton_lu" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_os" class="SJ_LButton">
+		<svg class="SJ-LButton_ot">
+			<ellipse id="SJ-LButton_ot" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_lv" class="BC_LButton">
-		<svg class="BC-LButton_lw">
-			<ellipse id="BC-LButton_lw" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ou" class="BC_LButton">
+		<svg class="BC-LButton_ov">
+			<ellipse id="BC-LButton_ov" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_lx" class="BC_RButton">
-		<svg class="BC-RButton_ly">
-			<ellipse id="BC-RButton_ly" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ow" class="BC_RButton">
+		<svg class="BC-RButton_ox">
+			<ellipse id="BC-RButton_ox" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html
old mode 100644
new mode 100755
index 4001377..fa8126a
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_l {
+	#n_1_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_pa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_pb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_pc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_pd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_pe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_o {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_ma {
+	#BackButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ma {
+	.BackButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_l {
+	#MoreButton_o {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html;
 		cursor: pointer;
 	}
-	#MoreButton_ma {
+	#MoreButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ma {
+	.MoreButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_l {
+	#SJ-LButton_pb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ma {
+	#SJ-LButton_pc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ma {
+	.SJ-LButton_pc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_mb {
+	#SJ-LButton_pd {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mc {
+	#SJ-LButton_pe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mc {
+	.SJ-LButton_pe {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ma {
+	#BC-LButton_pf {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_mb {
+	#BC-LButton_pg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_mb {
+	.BC-LButton_pg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_mc {
+	#BC-RButton_ph {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_md {
+	#BC-RButton_pi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_md {
+	.BC-RButton_pi {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-ALL-2">
 	<img id="n_35" src="n_35.png" srcset="n_35.png 1x, n_35@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_l" class="BackButton">
-		<svg class="BackButton_ma">
-			<rect id="BackButton_ma" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_o">
+		<ellipse id="n_1_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pa">
+		<ellipse id="n_1_pa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pb">
+		<ellipse id="n_1_pb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pc">
+		<ellipse id="n_1_pc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pd">
+		<ellipse id="n_1_pd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pe">
+		<ellipse id="n_1_pe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_o" class="BackButton">
+		<svg class="BackButton_pa">
+			<rect id="BackButton_pa" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_l" class="MoreButton">
-		<svg class="MoreButton_ma">
-			<rect id="MoreButton_ma" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_o" class="MoreButton">
+		<svg class="MoreButton_pa">
+			<rect id="MoreButton_pa" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_l" class="SJ_LButton">
-		<svg class="SJ-LButton_ma">
-			<ellipse id="SJ-LButton_ma" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pb" class="SJ_LButton">
+		<svg class="SJ-LButton_pc">
+			<ellipse id="SJ-LButton_pc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mb" class="SJ_LButton">
-		<svg class="SJ-LButton_mc">
-			<ellipse id="SJ-LButton_mc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pd" class="SJ_LButton">
+		<svg class="SJ-LButton_pe">
+			<ellipse id="SJ-LButton_pe" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ma" class="BC_LButton">
-		<svg class="BC-LButton_mb">
-			<ellipse id="BC-LButton_mb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_pf" class="BC_LButton">
+		<svg class="BC-LButton_pg">
+			<ellipse id="BC-LButton_pg" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_mc" class="BC_RButton">
-		<svg class="BC-RButton_md">
-			<ellipse id="BC-RButton_md" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ph" class="BC_RButton">
+		<svg class="BC-RButton_pi">
+			<ellipse id="BC-RButton_pi" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html
old mode 100644
new mode 100755
index ce0d0a9..aa5fd6f
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_ALL_3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_mh {
+	#n_1_pm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_pn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 539px;
+	}
+	#n_1_po {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_po {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 539px;
+	}
+	#n_1_pp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 539px;
+	}
+	#n_1_pq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 539px;
+	}
+	#n_1_pr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_pr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 18px;
+		top: 541px;
+	}
+	#BackButton_ps {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +170,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_mi {
+	#BackButton_pt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mi {
+	.BackButton_pt {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_mj {
+	#MoreButton_pu {
 		position: absolute;
 		width: 45px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html;
 		cursor: pointer;
 	}
-	#MoreButton_mk {
+	#MoreButton_pv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_mk {
+	.MoreButton_pv {
 		position: absolute;
 		overflow: visible;
 		width: 45px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ml {
+	#SJ-LButton_pw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +230,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL_2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mm {
+	#SJ-LButton_px {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mm {
+	.SJ-LButton_px {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_mn {
+	#SJ-LButton_py {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +260,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mo {
+	#SJ-LButton_pz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mo {
+	.SJ-LButton_pz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_mp {
+	#BC-LButton_p {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +290,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550_3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_mq {
+	#BC-LButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_mq {
+	.BC-LButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_mr {
+	#BC-RButton_p {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -212,7 +320,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310_3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ms {
+	#BC-RButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ms {
+	.BC-RButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-ALL-3">
 	<img id="n_36" src="n_36.png" srcset="n_36.png 1x, n_36@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_mh" class="BackButton">
-		<svg class="BackButton_mi">
-			<rect id="BackButton_mi" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_pm">
+		<ellipse id="n_1_pm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pn">
+		<ellipse id="n_1_pn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_po">
+		<ellipse id="n_1_po" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pp">
+		<ellipse id="n_1_pp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pq">
+		<ellipse id="n_1_pq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_pr">
+		<ellipse id="n_1_pr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ps" class="BackButton">
+		<svg class="BackButton_pt">
+			<rect id="BackButton_pt" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_mj" class="MoreButton">
-		<svg class="MoreButton_mk">
-			<rect id="MoreButton_mk" rx="0" ry="0" x="0" y="0" width="45" height="34">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_pu" class="MoreButton">
+		<svg class="MoreButton_pv">
+			<rect id="MoreButton_pv" rx="0" ry="0" x="0" y="0" width="45" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ml" class="SJ_LButton">
-		<svg class="SJ-LButton_mm">
-			<ellipse id="SJ-LButton_mm" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pw" class="SJ_LButton">
+		<svg class="SJ-LButton_px">
+			<ellipse id="SJ-LButton_px" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mn" class="SJ_LButton">
-		<svg class="SJ-LButton_mo">
-			<ellipse id="SJ-LButton_mo" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_py" class="SJ_LButton">
+		<svg class="SJ-LButton_pz">
+			<ellipse id="SJ-LButton_pz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_mp" class="BC_LButton">
-		<svg class="BC-LButton_mq">
-			<ellipse id="BC-LButton_mq" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_p" class="BC_LButton">
+		<svg class="BC-LButton_qa">
+			<ellipse id="BC-LButton_qa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_mr" class="BC_RButton">
-		<svg class="BC-RButton_ms">
-			<ellipse id="BC-RButton_ms" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_p" class="BC_RButton">
+		<svg class="BC-RButton_qa">
+			<ellipse id="BC-RButton_qa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html
old mode 100644
new mode 100755
index 70fe2ea..def1057
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1310.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_hw {
+	#n_1_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_jb {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +80,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_hx {
+	#BackButton_jc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hx {
+	.BackButton_jc {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-HELP-1310">
 	<img id="n_25" src="n_25.png" srcset="n_25.png 1x, n_25@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_hw" class="BackButton">
-		<svg class="BackButton_hx">
-			<rect id="BackButton_hx" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_ja">
+		<ellipse id="n_1_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_jb" class="BackButton">
+		<svg class="BackButton_jc">
+			<rect id="BackButton_jc" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html
old mode 100644
new mode 100755
index 86819f2..ed8cdb6
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_25_i {
+	#n_25_k {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ja {
+	#n_1_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_k {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +80,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_jb {
+	#BackButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jb {
+	.BackButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-HELP-1550">
-	<img id="n_25_i" src="n_25_i.png" srcset="n_25_i.png 1x, n_25_i@2x.png 2x">
+	<img id="n_25_k" src="n_25_k.png" srcset="n_25_k.png 1x, n_25_k@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ja" class="BackButton">
-		<svg class="BackButton_jb">
-			<rect id="BackButton_jb" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_k">
+		<ellipse id="n_1_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_k" class="BackButton">
+		<svg class="BackButton_la">
+			<rect id="BackButton_la" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html
old mode 100644
new mode 100755
index 19c21cb..9c5973a
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting_ViewCurves_HELP_ALL.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_25_k {
+	#n_25_no {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_k {
+	#n_1_np {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_np {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_nq {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +80,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_ALL.html;
 		cursor: pointer;
 	}
-	#BackButton_la {
+	#BackButton_nr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_la {
+	.BackButton_nr {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="SETCOMP-LA-TA-Setting-ViewCurves-HELP-ALL">
-	<img id="n_25_k" src="n_25_k.png" srcset="n_25_k.png 1x, n_25_k@2x.png 2x">
+	<img id="n_25_no" src="n_25_no.png" srcset="n_25_no.png 1x, n_25_no@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_k" class="BackButton">
-		<svg class="BackButton_la">
-			<rect id="BackButton_la" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_np">
+		<ellipse id="n_1_np" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_nq" class="BackButton">
+		<svg class="BackButton_nr">
+			<rect id="BackButton_nr" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___1.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___1.html
old mode 100644
new mode 100755
index eb224fa..88d706b
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___1.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___1.html
@@ -54,7 +54,25 @@
 		--web-action-target: SETCOMP_LA_TA_Setting___2.html;
 		cursor: pointer;
 	}
-	#BackButton_g {
+	#n_1_ia {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ia {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 386px;
+		top: 549px;
+	}
+	#BackButton_ib {
 		position: absolute;
 		width: 64px;
 		height: 52px;
@@ -66,7 +84,7 @@
 		--web-action-target: SETCOMP_LA_TA.html;
 		cursor: pointer;
 	}
-	#BackButton_ha {
+	#BackButton_ic {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -76,7 +94,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ha {
+	.BackButton_ic {
 		position: absolute;
 		overflow: visible;
 		width: 64px;
@@ -3000,9 +3018,13 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting__1">
 	<img onclick="application.goToTargetView(event)" id="n_22" src="n_22.png" srcset="n_22.png 1x, n_22@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_g" class="BackButton">
-		<svg class="BackButton_ha">
-			<rect id="BackButton_ha" rx="0" ry="0" x="0" y="0" width="64" height="52">
+	<svg class="n_1_ia">
+		<ellipse id="n_1_ia" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ib" class="BackButton">
+		<svg class="BackButton_ic">
+			<rect id="BackButton_ic" rx="0" ry="0" x="0" y="0" width="64" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___2.html b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___2.html
old mode 100644
new mode 100755
index 05d0494..50f97c4
--- a/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___2.html
+++ b/public/flukemoni/Ex4_2/SETCOMP_LA_TA_Setting___2.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_hb {
+	#n_1_id {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_id {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_ie {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ie {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 599px;
+	}
+	#n_1_if {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_if {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 44px;
+		top: 599px;
+	}
+	#BackButton_ig {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +116,7 @@
 		--web-action-target: HOMEPAGE_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_hc {
+	#BackButton_ih {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_hc {
+	.BackButton_ih {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +134,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SaveButton_ha {
+	#SaveButton_ii {
 		position: absolute;
 		width: 58px;
 		height: 50px;
@@ -92,7 +146,7 @@
 		--web-action-target: SETCOMP_LA_TA_SettinG_SAVE.html;
 		cursor: pointer;
 	}
-	#SaveButton_hb {
+	#SaveButton_ij {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveButton_hb {
+	.SaveButton_ij {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -122,7 +176,7 @@
 		--web-action-target: SETCOMP_LA_TA_Setting_ViewCurves_1310.html;
 		cursor: pointer;
 	}
-	#lookButton_hd {
+	#lookButton_il {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.lookButton_hd {
+	.lookButton_il {
 		position: absolute;
 		overflow: visible;
 		width: 102px;
@@ -3056,21 +3110,33 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-Setting__2">
 	<img id="n_23" src="n_23.png" srcset="n_23.png 1x, n_23@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_hb" class="BackButton">
-		<svg class="BackButton_hc">
-			<rect id="BackButton_hc" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_id">
+		<ellipse id="n_1_id" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ie">
+		<ellipse id="n_1_ie" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_if">
+		<ellipse id="n_1_if" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ig" class="BackButton">
+		<svg class="BackButton_ih">
+			<rect id="BackButton_ih" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SaveButton_ha" class="SaveButton">
-		<svg class="SaveButton_hb">
-			<rect id="SaveButton_hb" rx="0" ry="0" x="0" y="0" width="58" height="50">
+	<div onclick="application.goToTargetView(event)" id="SaveButton_ii" class="SaveButton">
+		<svg class="SaveButton_ij">
+			<rect id="SaveButton_ij" rx="0" ry="0" x="0" y="0" width="58" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="lookButton" class="lookButton">
-		<svg class="lookButton_hd">
-			<rect id="lookButton_hd" rx="0" ry="0" x="0" y="0" width="102" height="50">
+		<svg class="lookButton_il">
+			<rect id="lookButton_il" rx="0" ry="0" x="0" y="0" width="102" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/TestType.html b/public/flukemoni/Ex4_2/TestType.html
old mode 100644
new mode 100755
index 25002ff..2a59ecc
--- a/public/flukemoni/Ex4_2/TestType.html
+++ b/public/flukemoni/Ex4_2/TestType.html
@@ -50,6 +50,60 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_1_dq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_dq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_dr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_dr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 210px;
+		top: 600px;
+	}
+	#n_20_ds {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_ds {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 404px;
+		top: 600px;
+	}
 	#BackButton {
 		position: absolute;
 		width: 52px;
@@ -62,7 +116,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_dp {
+	#BackButton_du {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_dp {
+	.BackButton_du {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +146,7 @@
 		--web-action-target: TestType_NewTest.html;
 		cursor: pointer;
 	}
-	#EditButton_dr {
+	#EditButton_dw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EditButton_dr {
+	.EditButton_dw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -122,7 +176,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#UseScelectButton_dt {
+	#UseScelectButton_dy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.UseScelectButton_dt {
+	.UseScelectButton_dy {
 		position: absolute;
 		overflow: visible;
 		width: 116px;
@@ -3056,21 +3110,33 @@ window.application = new Application();
 <div id="TestType">
 	<img id="n_2" src="n_2.png" srcset="n_2.png 1x, n_2@2x.png 2x">
 		
+	<svg class="n_1_dq">
+		<ellipse id="n_1_dq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_dr">
+		<ellipse id="n_1_dr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_ds">
+		<ellipse id="n_20_ds" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="BackButton" class="BackButton">
-		<svg class="BackButton_dp">
-			<rect id="BackButton_dp" rx="0" ry="0" x="0" y="0" width="52" height="29">
+		<svg class="BackButton_du">
+			<rect id="BackButton_du" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EditButton" class="EditButton">
-		<svg class="EditButton_dr">
-			<rect id="EditButton_dr" rx="0" ry="0" x="0" y="0" width="63" height="53">
+		<svg class="EditButton_dw">
+			<rect id="EditButton_dw" rx="0" ry="0" x="0" y="0" width="63" height="53">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="UseScelectButton" class="UseScelectButton">
-		<svg class="UseScelectButton_dt">
-			<rect id="UseScelectButton_dt" rx="0" ry="0" x="0" y="0" width="116" height="52">
+		<svg class="UseScelectButton_dy">
+			<rect id="UseScelectButton_dy" rx="0" ry="0" x="0" y="0" width="116" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/TestType_NewTest.html b/public/flukemoni/Ex4_2/TestType_NewTest.html
old mode 100644
new mode 100755
index 0b429da..653e0b1
--- a/public/flukemoni/Ex4_2/TestType_NewTest.html
+++ b/public/flukemoni/Ex4_2/TestType_NewTest.html
@@ -50,7 +50,97 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_dx {
+	#n_1_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_20_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 599px;
+	}
+	#n_1_ea {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 145px;
+	}
+	#n_2_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_2_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 289px;
+	}
+	#n_3_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_3_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 385px;
+	}
+	#BackButton_d {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +152,7 @@
 		--web-action-target: TestType.html;
 		cursor: pointer;
 	}
-	#BackButton_dy {
+	#BackButton_ea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_dy {
+	.BackButton_ea {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +182,7 @@
 		--web-action-target: TestType.html;
 		cursor: pointer;
 	}
-	#Savebutton_d {
+	#Savebutton_ea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Savebutton_d {
+	.Savebutton_ea {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -110,7 +200,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestType_d {
+	#TestType_eb {
 		position: absolute;
 		width: 408px;
 		height: 45px;
@@ -122,7 +212,7 @@
 		--web-action-target: _NewTest_TestType.html;
 		cursor: pointer;
 	}
-	#TestType_ea {
+	#TestType_ec {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +222,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_ea {
+	.TestType_ec {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -152,7 +242,7 @@
 		--web-action-target: _NewTest_FiberType.html;
 		cursor: pointer;
 	}
-	#FiberType_d {
+	#FiberType_ee {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.FiberType_d {
+	.FiberType_ee {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -182,7 +272,7 @@
 		--web-action-target: _NewTest_TestLimt.html;
 		cursor: pointer;
 	}
-	#TestLimt_d {
+	#TestLimt_eg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +282,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestLimt_d {
+	.TestLimt_eg {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -3116,33 +3206,53 @@ window.application = new Application();
 <div id="TestType-NewTest">
 	<img id="n_3" src="n_3.png" srcset="n_3.png 1x, n_3@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_dx" class="BackButton">
-		<svg class="BackButton_dy">
-			<rect id="BackButton_dy" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_d">
+		<ellipse id="n_1_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_d">
+		<ellipse id="n_20_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ea">
+		<ellipse id="n_1_ea" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_2_d">
+		<ellipse id="n_2_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_3_d">
+		<ellipse id="n_3_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_d" class="BackButton">
+		<svg class="BackButton_ea">
+			<rect id="BackButton_ea" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Savebutton" class="Savebutton">
-		<svg class="Savebutton_d">
-			<rect id="Savebutton_d" rx="0" ry="0" x="0" y="0" width="56" height="50">
+		<svg class="Savebutton_ea">
+			<rect id="Savebutton_ea" rx="0" ry="0" x="0" y="0" width="56" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestType_d" class="TestType">
-		<svg class="TestType_ea">
-			<rect id="TestType_ea" rx="0" ry="0" x="0" y="0" width="408" height="45">
+	<div onclick="application.goToTargetView(event)" id="TestType_eb" class="TestType">
+		<svg class="TestType_ec">
+			<rect id="TestType_ec" rx="0" ry="0" x="0" y="0" width="408" height="45">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="FiberType" class="FiberType">
-		<svg class="FiberType_d">
-			<rect id="FiberType_d" rx="0" ry="0" x="0" y="0" width="408" height="40">
+		<svg class="FiberType_ee">
+			<rect id="FiberType_ee" rx="0" ry="0" x="0" y="0" width="408" height="40">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestLimt" class="TestLimt">
-		<svg class="TestLimt_d">
-			<rect id="TestLimt_d" rx="0" ry="0" x="0" y="0" width="408" height="45">
+		<svg class="TestLimt_eg">
+			<rect id="TestLimt_eg" rx="0" ry="0" x="0" y="0" width="408" height="45">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/TestType_NewTest_SM.html b/public/flukemoni/Ex4_2/TestType_NewTest_SM.html
old mode 100644
new mode 100755
index b400b6d..ed60858
--- a/public/flukemoni/Ex4_2/TestType_NewTest_SM.html
+++ b/public/flukemoni/Ex4_2/TestType_NewTest_SM.html
@@ -50,7 +50,97 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_fn {
+	#n_1_gb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_gb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_20_gc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_gc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 420px;
+		top: 599px;
+	}
+	#n_1_gd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_gd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 145px;
+	}
+	#n_2_ge {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_2_ge {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 342px;
+	}
+	#n_3_gf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_3_gf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 433px;
+	}
+	#BackButton_gg {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +152,7 @@
 		--web-action-target: TestType_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_fo {
+	#BackButton_gh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +162,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_fo {
+	.BackButton_gh {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +170,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestType_fp {
+	#TestType_gi {
 		position: absolute;
 		width: 408px;
 		height: 45px;
@@ -92,7 +182,7 @@
 		--web-action-target: _NewTest_TestType.html;
 		cursor: pointer;
 	}
-	#TestType_fq {
+	#TestType_gj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_fq {
+	.TestType_gj {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -110,7 +200,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#FiberType_fr {
+	#FiberType_gk {
 		position: absolute;
 		width: 408px;
 		height: 40px;
@@ -122,7 +212,7 @@
 		--web-action-target: _NewTest_FiberType.html;
 		cursor: pointer;
 	}
-	#FiberType_fs {
+	#FiberType_gl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +222,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.FiberType_fs {
+	.FiberType_gl {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -140,7 +230,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestLimt_ft {
+	#TestLimt_gm {
 		position: absolute;
 		width: 408px;
 		height: 45px;
@@ -152,7 +242,7 @@
 		--web-action-target: _NewTest_TestLimt.html;
 		cursor: pointer;
 	}
-	#TestLimt_fu {
+	#TestLimt_gn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestLimt_fu {
+	.TestLimt_gn {
 		position: absolute;
 		overflow: visible;
 		width: 408px;
@@ -170,7 +260,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Savebutton_fv {
+	#Savebutton_go {
 		position: absolute;
 		width: 56px;
 		height: 50px;
@@ -182,7 +272,7 @@
 		--web-action-target: TestType_SM.html;
 		cursor: pointer;
 	}
-	#Savebutton_fw {
+	#Savebutton_gp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +282,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Savebutton_fw {
+	.Savebutton_gp {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3116,33 +3206,53 @@ window.application = new Application();
 <div id="TestType-NewTest-SM">
 	<img id="n_17" src="n_17.png" srcset="n_17.png 1x, n_17@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_fn" class="BackButton">
-		<svg class="BackButton_fo">
-			<rect id="BackButton_fo" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_gb">
+		<ellipse id="n_1_gb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_gc">
+		<ellipse id="n_20_gc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_gd">
+		<ellipse id="n_1_gd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_2_ge">
+		<ellipse id="n_2_ge" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_3_gf">
+		<ellipse id="n_3_gf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_gg" class="BackButton">
+		<svg class="BackButton_gh">
+			<rect id="BackButton_gh" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestType_fp" class="TestType">
-		<svg class="TestType_fq">
-			<rect id="TestType_fq" rx="0" ry="0" x="0" y="0" width="408" height="45">
+	<div onclick="application.goToTargetView(event)" id="TestType_gi" class="TestType">
+		<svg class="TestType_gj">
+			<rect id="TestType_gj" rx="0" ry="0" x="0" y="0" width="408" height="45">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="FiberType_fr" class="FiberType">
-		<svg class="FiberType_fs">
-			<rect id="FiberType_fs" rx="0" ry="0" x="0" y="0" width="408" height="40">
+	<div onclick="application.goToTargetView(event)" id="FiberType_gk" class="FiberType">
+		<svg class="FiberType_gl">
+			<rect id="FiberType_gl" rx="0" ry="0" x="0" y="0" width="408" height="40">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestLimt_ft" class="TestLimt">
-		<svg class="TestLimt_fu">
-			<rect id="TestLimt_fu" rx="0" ry="0" x="0" y="0" width="408" height="45">
+	<div onclick="application.goToTargetView(event)" id="TestLimt_gm" class="TestLimt">
+		<svg class="TestLimt_gn">
+			<rect id="TestLimt_gn" rx="0" ry="0" x="0" y="0" width="408" height="45">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Savebutton_fv" class="Savebutton">
-		<svg class="Savebutton_fw">
-			<rect id="Savebutton_fw" rx="0" ry="0" x="0" y="0" width="56" height="50">
+	<div onclick="application.goToTargetView(event)" id="Savebutton_go" class="Savebutton">
+		<svg class="Savebutton_gp">
+			<rect id="Savebutton_gp" rx="0" ry="0" x="0" y="0" width="56" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/TestType_SM.html b/public/flukemoni/Ex4_2/TestType_SM.html
old mode 100644
new mode 100755
index 23f300a..ac39810
--- a/public/flukemoni/Ex4_2/TestType_SM.html
+++ b/public/flukemoni/Ex4_2/TestType_SM.html
@@ -50,7 +50,61 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_f {
+	#n_1_gt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_gt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_20_gu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(146,135,105,1);
+		stroke-width: 1px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20_gu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 401px;
+		top: 600px;
+	}
+	#n_1_gv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_gv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 210px;
+		top: 600px;
+	}
+	#BackButton_gw {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +116,7 @@
 		--web-action-target: HOMEPAGE_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_ga {
+	#BackButton_gx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +126,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ga {
+	.BackButton_gx {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +134,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EditButton_f {
+	#EditButton_gy {
 		position: absolute;
 		width: 63px;
 		height: 53px;
@@ -92,7 +146,7 @@
 		--web-action-target: TestType_NewTest_SM.html;
 		cursor: pointer;
 	}
-	#EditButton_ga {
+	#EditButton_gz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +156,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EditButton_ga {
+	.EditButton_gz {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -122,7 +176,7 @@
 		--web-action-target: HOMEPAGE_SM.html;
 		cursor: pointer;
 	}
-	#UseScelectButton_f {
+	#UseScelectButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.UseScelectButton_f {
+	.UseScelectButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 116px;
@@ -3056,21 +3110,33 @@ window.application = new Application();
 <div id="TestType-SM">
 	<img id="n_18" src="n_18.png" srcset="n_18.png 1x, n_18@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_f" class="BackButton">
-		<svg class="BackButton_ga">
-			<rect id="BackButton_ga" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_gt">
+		<ellipse id="n_1_gt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20_gu">
+		<ellipse id="n_20_gu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_gv">
+		<ellipse id="n_1_gv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_gw" class="BackButton">
+		<svg class="BackButton_gx">
+			<rect id="BackButton_gx" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EditButton_f" class="EditButton">
-		<svg class="EditButton_ga">
-			<rect id="EditButton_ga" rx="0" ry="0" x="0" y="0" width="63" height="53">
+	<div onclick="application.goToTargetView(event)" id="EditButton_gy" class="EditButton">
+		<svg class="EditButton_gz">
+			<rect id="EditButton_gz" rx="0" ry="0" x="0" y="0" width="63" height="53">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SaveButton" class="SaveButton">
-		<svg class="UseScelectButton_f">
-			<rect id="UseScelectButton_f" rx="0" ry="0" x="0" y="0" width="116" height="52">
+		<svg class="UseScelectButton_g">
+			<rect id="UseScelectButton_g" rx="0" ry="0" x="0" y="0" width="116" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_FiberType.html b/public/flukemoni/Ex4_2/_NewTest_FiberType.html
old mode 100644
new mode 100755
index d226493..f1e9b82
--- a/public/flukemoni/Ex4_2/_NewTest_FiberType.html
+++ b/public/flukemoni/Ex4_2/_NewTest_FiberType.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_eh {
+	#n_1_et {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_et {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_eu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_eu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 599px;
+	}
+	#BackButton_ev {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: TestType_NewTest.html;
 		cursor: pointer;
 	}
-	#BackButton_ei {
+	#BackButton_ew {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ei {
+	.BackButton_ew {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: _NewTest_FiberType_More.html;
 		cursor: pointer;
 	}
-	#MoreButton_ek {
+	#MoreButton_ey {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_ek {
+	.MoreButton_ey {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-FiberType">
 	<img id="n_11" src="n_11.png" srcset="n_11.png 1x, n_11@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_eh" class="BackButton">
-		<svg class="BackButton_ei">
-			<rect id="BackButton_ei" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_et">
+		<ellipse id="n_1_et" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_eu">
+		<ellipse id="n_1_eu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_ev" class="BackButton">
+		<svg class="BackButton_ew">
+			<rect id="BackButton_ew" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="MoreButton" class="MoreButton">
-		<svg class="MoreButton_ek">
-			<rect id="MoreButton_ek" rx="0" ry="0" x="0" y="0" width="61" height="50">
+		<svg class="MoreButton_ey">
+			<rect id="MoreButton_ey" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_FiberType_Currency.html b/public/flukemoni/Ex4_2/_NewTest_FiberType_Currency.html
old mode 100644
new mode 100755
index 2427623..9ee12ee
--- a/public/flukemoni/Ex4_2/_NewTest_FiberType_Currency.html
+++ b/public/flukemoni/Ex4_2/_NewTest_FiberType_Currency.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ev {
+	#n_1_fb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_fc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 356px;
+		top: 489px;
+	}
+	#BackButton_fd {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: _NewTest_FiberType_More.html;
 		cursor: pointer;
 	}
-	#BackButton_ew {
+	#BackButton_fe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ew {
+	.BackButton_fe {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestType_NewTest_SM.html;
 		cursor: pointer;
 	}
-	#OS2_SM_ey {
+	#OS2_SM_fg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.OS2_SM_ey {
+	.OS2_SM_fg {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-FiberType-Currency">
 	<img id="n_13" src="n_13.png" srcset="n_13.png 1x, n_13@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ev" class="BackButton">
-		<svg class="BackButton_ew">
-			<rect id="BackButton_ew" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_fb">
+		<ellipse id="n_1_fb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_fc">
+		<ellipse id="n_1_fc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_fd" class="BackButton">
+		<svg class="BackButton_fe">
+			<rect id="BackButton_fe" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="OS2_SM" class="OS2_SM">
-		<svg class="OS2_SM_ey">
-			<rect id="OS2_SM_ey" rx="0" ry="0" x="0" y="0" width="480" height="56">
+		<svg class="OS2_SM_fg">
+			<rect id="OS2_SM_fg" rx="0" ry="0" x="0" y="0" width="480" height="56">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_FiberType_More.html b/public/flukemoni/Ex4_2/_NewTest_FiberType_More.html
old mode 100644
new mode 100755
index 43cd251..457a2b6
--- a/public/flukemoni/Ex4_2/_NewTest_FiberType_More.html
+++ b/public/flukemoni/Ex4_2/_NewTest_FiberType_More.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_eo {
+	#n_1_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_fa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 355px;
+		top: 273px;
+	}
+	#BackButton_e {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: _NewTest_FiberType.html;
 		cursor: pointer;
 	}
-	#BackButton_ep {
+	#BackButton_fa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ep {
+	.BackButton_fa {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: _NewTest_FiberType_Currency.html;
 		cursor: pointer;
 	}
-	#Gbutton_er {
+	#Gbutton_e {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Gbutton_er {
+	.Gbutton_e {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-FiberType-More">
 	<img id="n_12" src="n_12.png" srcset="n_12.png 1x, n_12@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_eo" class="BackButton">
-		<svg class="BackButton_ep">
-			<rect id="BackButton_ep" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_e">
+		<ellipse id="n_1_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_fa">
+		<ellipse id="n_1_fa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_e" class="BackButton">
+		<svg class="BackButton_fa">
+			<rect id="BackButton_fa" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Gbutton" class="Gbutton">
-		<svg class="Gbutton_er">
-			<rect id="Gbutton_er" rx="0" ry="0" x="0" y="0" width="480" height="56">
+		<svg class="Gbutton_e">
+			<rect id="Gbutton_e" rx="0" ry="0" x="0" y="0" width="480" height="56">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_TestLimt.html b/public/flukemoni/Ex4_2/_NewTest_TestLimt.html
old mode 100644
new mode 100755
index b02e03b..2338af0
--- a/public/flukemoni/Ex4_2/_NewTest_TestLimt.html
+++ b/public/flukemoni/Ex4_2/_NewTest_TestLimt.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_e {
+	#n_1_fk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_fl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 599px;
+	}
+	#BackButton_fm {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: TestType_NewTest_SM.html;
 		cursor: pointer;
 	}
-	#BackButton_fa {
+	#BackButton_fn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_fa {
+	.BackButton_fn {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -80,7 +116,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#MoreButton_e {
+	#MoreButton_fo {
 		position: absolute;
 		width: 61px;
 		height: 50px;
@@ -92,7 +128,7 @@
 		--web-action-target: _NewTest_TestLimt_More.html;
 		cursor: pointer;
 	}
-	#MoreButton_fa {
+	#MoreButton_fp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.MoreButton_fa {
+	.MoreButton_fp {
 		position: absolute;
 		overflow: visible;
 		width: 61px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt">
 	<img id="n_14" src="n_14.png" srcset="n_14.png 1x, n_14@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_e" class="BackButton">
-		<svg class="BackButton_fa">
-			<rect id="BackButton_fa" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_fk">
+		<ellipse id="n_1_fk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_fl">
+		<ellipse id="n_1_fl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_fm" class="BackButton">
+		<svg class="BackButton_fn">
+			<rect id="BackButton_fn" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="MoreButton_e" class="MoreButton">
-		<svg class="MoreButton_fa">
-			<rect id="MoreButton_fa" rx="0" ry="0" x="0" y="0" width="61" height="50">
+	<div onclick="application.goToTargetView(event)" id="MoreButton_fo" class="MoreButton">
+		<svg class="MoreButton_fp">
+			<rect id="MoreButton_fp" rx="0" ry="0" x="0" y="0" width="61" height="50">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_TestLimt_More.html b/public/flukemoni/Ex4_2/_NewTest_TestLimt_More.html
old mode 100644
new mode 100755
index 28767fb..ce1d1e8
--- a/public/flukemoni/Ex4_2/_NewTest_TestLimt_More.html
+++ b/public/flukemoni/Ex4_2/_NewTest_TestLimt_More.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_fb {
+	#n_1_ft {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ft {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_fu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_fu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 358px;
+		top: 381px;
+	}
+	#BackButton_fv {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: _NewTest_TestLimt.html;
 		cursor: pointer;
 	}
-	#BackButton_fc {
+	#BackButton_fw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_fc {
+	.BackButton_fw {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: _NewTest_TestLimt_TIA.html;
 		cursor: pointer;
 	}
-	#ISOButton_fc {
+	#ISOButton_fy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ISOButton_fc {
+	.ISOButton_fy {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt-More">
 	<img id="n_16" src="n_16.png" srcset="n_16.png 1x, n_16@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_fb" class="BackButton">
-		<svg class="BackButton_fc">
-			<rect id="BackButton_fc" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_ft">
+		<ellipse id="n_1_ft" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_fu">
+		<ellipse id="n_1_fu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_fv" class="BackButton">
+		<svg class="BackButton_fw">
+			<rect id="BackButton_fw" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="ISOButton" class="ISOButton">
-		<svg class="ISOButton_fc">
-			<rect id="ISOButton_fc" rx="0" ry="0" x="0" y="0" width="480" height="56">
+		<svg class="ISOButton_fy">
+			<rect id="ISOButton_fy" rx="0" ry="0" x="0" y="0" width="480" height="56">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_TestLimt_TIA.html b/public/flukemoni/Ex4_2/_NewTest_TestLimt_TIA.html
old mode 100644
new mode 100755
index 3324aec..d18c2ca
--- a/public/flukemoni/Ex4_2/_NewTest_TestLimt_TIA.html
+++ b/public/flukemoni/Ex4_2/_NewTest_TestLimt_TIA.html
@@ -50,7 +50,43 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_fg {
+	#n_1_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_ga {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ga {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 361px;
+		top: 166px;
+	}
+	#BackButton_f {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -62,7 +98,7 @@
 		--web-action-target: _NewTest_TestLimt_More.html;
 		cursor: pointer;
 	}
-	#BackButton_fh {
+	#BackButton_ga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_fh {
+	.BackButton_ga {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestType_NewTest_SM.html;
 		cursor: pointer;
 	}
-	#ISO11801-2002_fj {
+	#ISO11801-2002_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ISO11801-2002_fj {
+	.ISO11801-2002_f {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestLimt-TIA">
 	<img id="n_15" src="n_15.png" srcset="n_15.png 1x, n_15@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_fg" class="BackButton">
-		<svg class="BackButton_fh">
-			<rect id="BackButton_fh" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<svg class="n_1_f">
+		<ellipse id="n_1_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_ga">
+		<ellipse id="n_1_ga" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_f" class="BackButton">
+		<svg class="BackButton_ga">
+			<rect id="BackButton_ga" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="ISO11801-2002" class="ISO11801_2002">
-		<svg class="ISO11801-2002_fj">
-			<rect id="ISO11801-2002_fj" rx="0" ry="0" x="0" y="0" width="480" height="52">
+		<svg class="ISO11801-2002_f">
+			<rect id="ISO11801-2002_f" rx="0" ry="0" x="0" y="0" width="480" height="52">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/_NewTest_TestType.html b/public/flukemoni/Ex4_2/_NewTest_TestType.html
old mode 100644
new mode 100755
index 32283ba..304919d
--- a/public/flukemoni/Ex4_2/_NewTest_TestType.html
+++ b/public/flukemoni/Ex4_2/_NewTest_TestType.html
@@ -50,6 +50,42 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_1_ek {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_ek {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_1_el {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1_el {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 129px;
+		top: 106px;
+	}
 	#AutoOTDR {
 		position: absolute;
 		width: 480px;
@@ -62,7 +98,7 @@
 		--web-action-target: TestType_NewTest.html;
 		cursor: pointer;
 	}
-	#AutoOTDR_eb {
+	#AutoOTDR_en {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +108,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AutoOTDR_eb {
+	.AutoOTDR_en {
 		position: absolute;
 		overflow: visible;
 		width: 480px;
@@ -80,7 +116,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_ec {
+	#BackButton_eo {
 		position: absolute;
 		width: 52px;
 		height: 29px;
@@ -92,7 +128,7 @@
 		--web-action-target: TestType_NewTest.html;
 		cursor: pointer;
 	}
-	#BackButton_ed {
+	#BackButton_ep {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +138,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ed {
+	.BackButton_ep {
 		position: absolute;
 		overflow: visible;
 		width: 52px;
@@ -3026,15 +3062,23 @@ window.application = new Application();
 <div id="n_NewTest-TestType">
 	<img id="n_10" src="n_10.png" srcset="n_10.png 1x, n_10@2x.png 2x">
 		
+	<svg class="n_1_ek">
+		<ellipse id="n_1_ek" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_1_el">
+		<ellipse id="n_1_el" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="AutoOTDR" class="AutoOTDR">
-		<svg class="AutoOTDR_eb">
-			<rect id="AutoOTDR_eb" rx="0" ry="0" x="0" y="0" width="480" height="51">
+		<svg class="AutoOTDR_en">
+			<rect id="AutoOTDR_en" rx="0" ry="0" x="0" y="0" width="480" height="51">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_ec" class="BackButton">
-		<svg class="BackButton_ed">
-			<rect id="BackButton_ed" rx="0" ry="0" x="0" y="0" width="52" height="29">
+	<div onclick="application.goToTargetView(event)" id="BackButton_eo" class="BackButton">
+		<svg class="BackButton_ep">
+			<rect id="BackButton_ep" rx="0" ry="0" x="0" y="0" width="52" height="29">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex4_2/n_1.png b/public/flukemoni/Ex4_2/n_1.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_10.png b/public/flukemoni/Ex4_2/n_10.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_100.png b/public/flukemoni/Ex4_2/n_100.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_100@2x.png b/public/flukemoni/Ex4_2/n_100@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_101.png b/public/flukemoni/Ex4_2/n_101.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_101@2x.png b/public/flukemoni/Ex4_2/n_101@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_102.png b/public/flukemoni/Ex4_2/n_102.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_102@2x.png b/public/flukemoni/Ex4_2/n_102@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_103.png b/public/flukemoni/Ex4_2/n_103.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_103@2x.png b/public/flukemoni/Ex4_2/n_103@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_104.png b/public/flukemoni/Ex4_2/n_104.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_104@2x.png b/public/flukemoni/Ex4_2/n_104@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_105.png b/public/flukemoni/Ex4_2/n_105.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_105@2x.png b/public/flukemoni/Ex4_2/n_105@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_106.png b/public/flukemoni/Ex4_2/n_106.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_106@2x.png b/public/flukemoni/Ex4_2/n_106@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_107.png b/public/flukemoni/Ex4_2/n_107.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_107@2x.png b/public/flukemoni/Ex4_2/n_107@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_108.png b/public/flukemoni/Ex4_2/n_108.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_108@2x.png b/public/flukemoni/Ex4_2/n_108@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_109.png b/public/flukemoni/Ex4_2/n_109.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_109@2x.png b/public/flukemoni/Ex4_2/n_109@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_10@2x.png b/public/flukemoni/Ex4_2/n_10@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_11.png b/public/flukemoni/Ex4_2/n_11.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_11@2x.png b/public/flukemoni/Ex4_2/n_11@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_12.png b/public/flukemoni/Ex4_2/n_12.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_12@2x.png b/public/flukemoni/Ex4_2/n_12@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_13.png b/public/flukemoni/Ex4_2/n_13.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_13@2x.png b/public/flukemoni/Ex4_2/n_13@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_14.png b/public/flukemoni/Ex4_2/n_14.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_14@2x.png b/public/flukemoni/Ex4_2/n_14@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_15.png b/public/flukemoni/Ex4_2/n_15.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_15@2x.png b/public/flukemoni/Ex4_2/n_15@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_16.png b/public/flukemoni/Ex4_2/n_16.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_16@2x.png b/public/flukemoni/Ex4_2/n_16@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_17.png b/public/flukemoni/Ex4_2/n_17.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_17@2x.png b/public/flukemoni/Ex4_2/n_17@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_18.png b/public/flukemoni/Ex4_2/n_18.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_18@2x.png b/public/flukemoni/Ex4_2/n_18@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_19.png b/public/flukemoni/Ex4_2/n_19.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_19@2x.png b/public/flukemoni/Ex4_2/n_19@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_1_f.png b/public/flukemoni/Ex4_2/n_1_g.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_1_f.png
rename to public/flukemoni/Ex4_2/n_1_g.png
diff --git a/public/flukemoni/Ex4_2/n_1_f@2x.png b/public/flukemoni/Ex4_2/n_1_g@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_1_f@2x.png
rename to public/flukemoni/Ex4_2/n_1_g@2x.png
diff --git a/public/flukemoni/Ex4_2/n_2.png b/public/flukemoni/Ex4_2/n_2.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_20.png b/public/flukemoni/Ex4_2/n_20_ho.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_20.png
rename to public/flukemoni/Ex4_2/n_20_ho.png
diff --git a/public/flukemoni/Ex4_2/n_20@2x.png b/public/flukemoni/Ex4_2/n_20_ho@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_20@2x.png
rename to public/flukemoni/Ex4_2/n_20_ho@2x.png
diff --git a/public/flukemoni/Ex4_2/n_21.png b/public/flukemoni/Ex4_2/n_21.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_21@2x.png b/public/flukemoni/Ex4_2/n_21@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_22.png b/public/flukemoni/Ex4_2/n_22.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_22@2x.png b/public/flukemoni/Ex4_2/n_22@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_23.png b/public/flukemoni/Ex4_2/n_23.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_23@2x.png b/public/flukemoni/Ex4_2/n_23@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_24.png b/public/flukemoni/Ex4_2/n_24.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_24@2x.png b/public/flukemoni/Ex4_2/n_24@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_25.png b/public/flukemoni/Ex4_2/n_25.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_25@2x.png b/public/flukemoni/Ex4_2/n_25@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_25_k.png b/public/flukemoni/Ex4_2/n_25_k.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_25_k@2x.png b/public/flukemoni/Ex4_2/n_25_k@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_25_i.png b/public/flukemoni/Ex4_2/n_25_no.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_25_i.png
rename to public/flukemoni/Ex4_2/n_25_no.png
diff --git a/public/flukemoni/Ex4_2/n_25_i@2x.png b/public/flukemoni/Ex4_2/n_25_no@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_25_i@2x.png
rename to public/flukemoni/Ex4_2/n_25_no@2x.png
diff --git a/public/flukemoni/Ex4_2/n_26.png b/public/flukemoni/Ex4_2/n_26.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_26@2x.png b/public/flukemoni/Ex4_2/n_26@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_27.png b/public/flukemoni/Ex4_2/n_27.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_27@2x.png b/public/flukemoni/Ex4_2/n_27@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_28.png b/public/flukemoni/Ex4_2/n_28.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_28@2x.png b/public/flukemoni/Ex4_2/n_28@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_29.png b/public/flukemoni/Ex4_2/n_29.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_29@2x.png b/public/flukemoni/Ex4_2/n_29@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_2@2x.png b/public/flukemoni/Ex4_2/n_2@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_3.png b/public/flukemoni/Ex4_2/n_3.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_30.png b/public/flukemoni/Ex4_2/n_30.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_30@2x.png b/public/flukemoni/Ex4_2/n_30@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_31.png b/public/flukemoni/Ex4_2/n_31.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_31@2x.png b/public/flukemoni/Ex4_2/n_31@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_32.png b/public/flukemoni/Ex4_2/n_32.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_32@2x.png b/public/flukemoni/Ex4_2/n_32@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_34.png b/public/flukemoni/Ex4_2/n_34.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_34@2x.png b/public/flukemoni/Ex4_2/n_34@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_35.png b/public/flukemoni/Ex4_2/n_35.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_35@2x.png b/public/flukemoni/Ex4_2/n_35@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_36.png b/public/flukemoni/Ex4_2/n_36.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_36@2x.png b/public/flukemoni/Ex4_2/n_36@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_37.png b/public/flukemoni/Ex4_2/n_37.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_37@2x.png b/public/flukemoni/Ex4_2/n_37@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_38.png b/public/flukemoni/Ex4_2/n_38.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_38@2x.png b/public/flukemoni/Ex4_2/n_38@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_39.png b/public/flukemoni/Ex4_2/n_39.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_39@2x.png b/public/flukemoni/Ex4_2/n_39@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_3@2x.png b/public/flukemoni/Ex4_2/n_3@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_40.png b/public/flukemoni/Ex4_2/n_40.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_40@2x.png b/public/flukemoni/Ex4_2/n_40@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_41.png b/public/flukemoni/Ex4_2/n_41.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_41@2x.png b/public/flukemoni/Ex4_2/n_41@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_42.png b/public/flukemoni/Ex4_2/n_42.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_42@2x.png b/public/flukemoni/Ex4_2/n_42@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_43.png b/public/flukemoni/Ex4_2/n_43.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_43@2x.png b/public/flukemoni/Ex4_2/n_43@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_47.png b/public/flukemoni/Ex4_2/n_47.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_47@2x.png b/public/flukemoni/Ex4_2/n_47@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_49.png b/public/flukemoni/Ex4_2/n_49.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_49@2x.png b/public/flukemoni/Ex4_2/n_49@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_50.png b/public/flukemoni/Ex4_2/n_50.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_50@2x.png b/public/flukemoni/Ex4_2/n_50@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_54.png b/public/flukemoni/Ex4_2/n_54.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_54@2x.png b/public/flukemoni/Ex4_2/n_54@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_55.png b/public/flukemoni/Ex4_2/n_55.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_55@2x.png b/public/flukemoni/Ex4_2/n_55@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_56.png b/public/flukemoni/Ex4_2/n_56.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_56@2x.png b/public/flukemoni/Ex4_2/n_56@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_57.png b/public/flukemoni/Ex4_2/n_57.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_57@2x.png b/public/flukemoni/Ex4_2/n_57@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_58.png b/public/flukemoni/Ex4_2/n_58.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_58@2x.png b/public/flukemoni/Ex4_2/n_58@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_59.png b/public/flukemoni/Ex4_2/n_59.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_60.png b/public/flukemoni/Ex4_2/n_60.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_60@2x.png b/public/flukemoni/Ex4_2/n_60@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_61.png b/public/flukemoni/Ex4_2/n_61.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_61@2x.png b/public/flukemoni/Ex4_2/n_61@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_62.png b/public/flukemoni/Ex4_2/n_62.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_62@2x.png b/public/flukemoni/Ex4_2/n_62@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_63.png b/public/flukemoni/Ex4_2/n_63.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_63@2x.png b/public/flukemoni/Ex4_2/n_63@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_64.png b/public/flukemoni/Ex4_2/n_64.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_64@2x.png b/public/flukemoni/Ex4_2/n_64@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_65.png b/public/flukemoni/Ex4_2/n_65.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_65@2x.png b/public/flukemoni/Ex4_2/n_65@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_66.png b/public/flukemoni/Ex4_2/n_66.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_66@2x.png b/public/flukemoni/Ex4_2/n_66@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_66_l.png b/public/flukemoni/Ex4_2/n_66_bho.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_66_l.png
rename to public/flukemoni/Ex4_2/n_66_bho.png
diff --git a/public/flukemoni/Ex4_2/n_66_l@2x.png b/public/flukemoni/Ex4_2/n_66_bho@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_66_l@2x.png
rename to public/flukemoni/Ex4_2/n_66_bho@2x.png
diff --git a/public/flukemoni/Ex4_2/n_67.png b/public/flukemoni/Ex4_2/n_67.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_67@2x.png b/public/flukemoni/Ex4_2/n_67@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_67_g.png b/public/flukemoni/Ex4_2/n_67_bhi.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_67_g.png
rename to public/flukemoni/Ex4_2/n_67_bhi.png
diff --git a/public/flukemoni/Ex4_2/n_67_g@2x.png b/public/flukemoni/Ex4_2/n_67_bhi@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_67_g@2x.png
rename to public/flukemoni/Ex4_2/n_67_bhi@2x.png
diff --git a/public/flukemoni/Ex4_2/n_68.png b/public/flukemoni/Ex4_2/n_68.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_68@2x.png b/public/flukemoni/Ex4_2/n_68@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_68_b.png b/public/flukemoni/Ex4_2/n_68_bhc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_68_b.png
rename to public/flukemoni/Ex4_2/n_68_bhc.png
diff --git a/public/flukemoni/Ex4_2/n_68_b@2x.png b/public/flukemoni/Ex4_2/n_68_bhc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_68_b@2x.png
rename to public/flukemoni/Ex4_2/n_68_bhc@2x.png
diff --git a/public/flukemoni/Ex4_2/n_69.png b/public/flukemoni/Ex4_2/n_69.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_69@2x.png b/public/flukemoni/Ex4_2/n_69@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_69_.png b/public/flukemoni/Ex4_2/n_69_bg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_69_.png
rename to public/flukemoni/Ex4_2/n_69_bg.png
diff --git a/public/flukemoni/Ex4_2/n_69_@2x.png b/public/flukemoni/Ex4_2/n_69_bg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_69_@2x.png
rename to public/flukemoni/Ex4_2/n_69_bg@2x.png
diff --git a/public/flukemoni/Ex4_2/n_70.png b/public/flukemoni/Ex4_2/n_70.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_70@2x.png b/public/flukemoni/Ex4_2/n_70@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_70_.png b/public/flukemoni/Ex4_2/n_70_bg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_70_.png
rename to public/flukemoni/Ex4_2/n_70_bg.png
diff --git a/public/flukemoni/Ex4_2/n_70_@2x.png b/public/flukemoni/Ex4_2/n_70_bg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_70_@2x.png
rename to public/flukemoni/Ex4_2/n_70_bg@2x.png
diff --git a/public/flukemoni/Ex4_2/n_71.png b/public/flukemoni/Ex4_2/n_71.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_71@2x.png b/public/flukemoni/Ex4_2/n_71@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_71_w.png b/public/flukemoni/Ex4_2/n_71_bgu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_71_w.png
rename to public/flukemoni/Ex4_2/n_71_bgu.png
diff --git a/public/flukemoni/Ex4_2/n_71_w@2x.png b/public/flukemoni/Ex4_2/n_71_bgu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_71_w@2x.png
rename to public/flukemoni/Ex4_2/n_71_bgu@2x.png
diff --git a/public/flukemoni/Ex4_2/n_72.png b/public/flukemoni/Ex4_2/n_72.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_72@2x.png b/public/flukemoni/Ex4_2/n_72@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_73.png b/public/flukemoni/Ex4_2/n_73.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_73@2x.png b/public/flukemoni/Ex4_2/n_73@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_74.png b/public/flukemoni/Ex4_2/n_74.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_74@2x.png b/public/flukemoni/Ex4_2/n_74@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_75.png b/public/flukemoni/Ex4_2/n_75.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_75@2x.png b/public/flukemoni/Ex4_2/n_75@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_76.png b/public/flukemoni/Ex4_2/n_76.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_76@2x.png b/public/flukemoni/Ex4_2/n_76@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_77.png b/public/flukemoni/Ex4_2/n_77.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_77@2x.png b/public/flukemoni/Ex4_2/n_77@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_78.png b/public/flukemoni/Ex4_2/n_78.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_78@2x.png b/public/flukemoni/Ex4_2/n_78@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_79.png b/public/flukemoni/Ex4_2/n_79.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_79@2x.png b/public/flukemoni/Ex4_2/n_79@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_80.png b/public/flukemoni/Ex4_2/n_80.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_80@2x.png b/public/flukemoni/Ex4_2/n_80@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_81.png b/public/flukemoni/Ex4_2/n_81.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_81@2x.png b/public/flukemoni/Ex4_2/n_81@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_82.png b/public/flukemoni/Ex4_2/n_82.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_82@2x.png b/public/flukemoni/Ex4_2/n_82@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_83.png b/public/flukemoni/Ex4_2/n_83.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_83@2x.png b/public/flukemoni/Ex4_2/n_83@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_84.png b/public/flukemoni/Ex4_2/n_84.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_84@2x.png b/public/flukemoni/Ex4_2/n_84@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_84_bdi.png b/public/flukemoni/Ex4_2/n_84_brc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_84_bdi.png
rename to public/flukemoni/Ex4_2/n_84_brc.png
diff --git a/public/flukemoni/Ex4_2/n_84_bdi@2x.png b/public/flukemoni/Ex4_2/n_84_brc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_84_bdi@2x.png
rename to public/flukemoni/Ex4_2/n_84_brc@2x.png
diff --git a/public/flukemoni/Ex4_2/n_84_bdn.png b/public/flukemoni/Ex4_2/n_84_bri.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_84_bdn.png
rename to public/flukemoni/Ex4_2/n_84_bri.png
diff --git a/public/flukemoni/Ex4_2/n_84_bdn@2x.png b/public/flukemoni/Ex4_2/n_84_bri@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_84_bdn@2x.png
rename to public/flukemoni/Ex4_2/n_84_bri@2x.png
diff --git a/public/flukemoni/Ex4_2/n_85.png b/public/flukemoni/Ex4_2/n_85.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_85@2x.png b/public/flukemoni/Ex4_2/n_85@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_86.png b/public/flukemoni/Ex4_2/n_86.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_86@2x.png b/public/flukemoni/Ex4_2/n_86@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_86_bb.png b/public/flukemoni/Ex4_2/n_86_bpj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_86_bb.png
rename to public/flukemoni/Ex4_2/n_86_bpj.png
diff --git a/public/flukemoni/Ex4_2/n_86_bb@2x.png b/public/flukemoni/Ex4_2/n_86_bpj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_86_bb@2x.png
rename to public/flukemoni/Ex4_2/n_86_bpj@2x.png
diff --git a/public/flukemoni/Ex4_2/n_87.png b/public/flukemoni/Ex4_2/n_87.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_87@2x.png b/public/flukemoni/Ex4_2/n_87@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_87_bcr.png b/public/flukemoni/Ex4_2/n_87_bp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_87_bcr.png
rename to public/flukemoni/Ex4_2/n_87_bp.png
diff --git a/public/flukemoni/Ex4_2/n_87_bcr@2x.png b/public/flukemoni/Ex4_2/n_87_bp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_87_bcr@2x.png
rename to public/flukemoni/Ex4_2/n_87_bp@2x.png
diff --git a/public/flukemoni/Ex4_2/n_88.png b/public/flukemoni/Ex4_2/n_88.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_88@2x.png b/public/flukemoni/Ex4_2/n_88@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_88_bc.png b/public/flukemoni/Ex4_2/n_88_bqz.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_88_bc.png
rename to public/flukemoni/Ex4_2/n_88_bqz.png
diff --git a/public/flukemoni/Ex4_2/n_88_bc@2x.png b/public/flukemoni/Ex4_2/n_88_bqz@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex4_2/n_88_bc@2x.png
rename to public/flukemoni/Ex4_2/n_88_bqz@2x.png
diff --git a/public/flukemoni/Ex4_2/n_89.png b/public/flukemoni/Ex4_2/n_89.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_89@2x.png b/public/flukemoni/Ex4_2/n_89@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_90.png b/public/flukemoni/Ex4_2/n_90.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_90@2x.png b/public/flukemoni/Ex4_2/n_90@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_91.png b/public/flukemoni/Ex4_2/n_91.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_91@2x.png b/public/flukemoni/Ex4_2/n_91@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_92.png b/public/flukemoni/Ex4_2/n_92.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_92@2x.png b/public/flukemoni/Ex4_2/n_92@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_93.png b/public/flukemoni/Ex4_2/n_93.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_93@2x.png b/public/flukemoni/Ex4_2/n_93@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_94.png b/public/flukemoni/Ex4_2/n_94.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_94@2x.png b/public/flukemoni/Ex4_2/n_94@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_95.png b/public/flukemoni/Ex4_2/n_95.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_95@2x.png b/public/flukemoni/Ex4_2/n_95@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_96.png b/public/flukemoni/Ex4_2/n_96.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_96@2x.png b/public/flukemoni/Ex4_2/n_96@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_97.png b/public/flukemoni/Ex4_2/n_97.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_97@2x.png b/public/flukemoni/Ex4_2/n_97@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_98.png b/public/flukemoni/Ex4_2/n_98.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_98@2x.png b/public/flukemoni/Ex4_2/n_98@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_99.png b/public/flukemoni/Ex4_2/n_99.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex4_2/n_99@2x.png b/public/flukemoni/Ex4_2/n_99@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/HOMEPAGE.html b/public/flukemoni/Ex5/HOMEPAGE.html
old mode 100644
new mode 100755
index 4c769ea..c2f9264
--- a/public/flukemoni/Ex5/HOMEPAGE.html
+++ b/public/flukemoni/Ex5/HOMEPAGE.html
@@ -50,6 +50,24 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_1 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_1 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 229px;
+		top: 481px;
+	}
 	#TestType {
 		position: absolute;
 		width: 442px;
@@ -58,7 +76,7 @@
 		top: 192px;
 		overflow: visible;
 	}
-	#TestType_ {
+	#TestType_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +86,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestType_ {
+	.TestType_bi {
 		position: absolute;
 		overflow: visible;
 		width: 442px;
@@ -88,7 +106,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#SaveResult_ {
+	#SaveResult_bja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +116,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SaveResult_ {
+	.SaveResult_bja {
 		position: absolute;
 		overflow: visible;
 		width: 117px;
@@ -3022,15 +3040,19 @@ window.application = new Application();
 <div id="HOMEPAGE">
 	<img id="n_108" src="n_108.png" srcset="n_108.png 1x">
 		
+	<svg class="n_1">
+		<ellipse id="n_1" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div id="TestType" class="TestType">
-		<svg class="TestType_">
-			<rect id="TestType_" rx="0" ry="0" x="0" y="0" width="442" height="99">
+		<svg class="TestType_bi">
+			<rect id="TestType_bi" rx="0" ry="0" x="0" y="0" width="442" height="99">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SaveResult" class="SaveResult">
-		<svg class="SaveResult_">
-			<rect id="SaveResult_" rx="0" ry="0" x="0" y="0" width="117" height="131">
+		<svg class="SaveResult_bja">
+			<rect id="SaveResult_bja" rx="0" ry="0" x="0" y="0" width="117" height="131">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1.html
old mode 100644
new mode 100755
index 478208a..255cfef
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_g {
+	#n_22_hg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_hg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_hp {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ha {
+	#HelpButton_hq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ha {
+	.HelpButton_hq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_hb {
+	#SJ-LButton_hs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_hb {
+	.SJ-LButton_hs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_hc {
+	#SJ-LButton_ht {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_hd {
+	#SJ-LButton_hu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_hd {
+	.SJ-LButton_hu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_hf {
+	#BC-LButton_hw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_hf {
+	.BC-LButton_hw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_hh {
+	#BC-RButton_hy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_hh {
+	.BC-RButton_hy {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_hi {
+	#EvenTMapButton_hz {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_hj {
+	#EvenTMapButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_hj {
+	.EvenTMapButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_hl {
+	#TableButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_hl {
+	.TableButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_hm {
+	#HOMEBUTTON_h {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_hn {
+	#HOMEBUTTON_ia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_hn {
+	.HOMEBUTTON_ia {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_ho {
+	#BackButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ho {
+	.BackButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1">
 	<img id="n_211" src="n_211.png" srcset="n_211.png 1x, n_211@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_g" class="HelpButton">
-		<svg class="HelpButton_ha">
-			<rect id="HelpButton_ha" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_hg">
+		<ellipse id="n_22_hg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49">
+		<ellipse id="n_49" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50">
+		<ellipse id="n_50" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51">
+		<ellipse id="n_51" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52">
+		<ellipse id="n_52" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53">
+		<ellipse id="n_53" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54">
+		<ellipse id="n_54" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55">
+		<ellipse id="n_55" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56">
+		<ellipse id="n_56" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_hp" class="HelpButton">
+		<svg class="HelpButton_hq">
+			<rect id="HelpButton_hq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="SJ-LButton" class="SJ_LButton">
-		<svg class="SJ-LButton_hb">
-			<ellipse id="SJ-LButton_hb" rx="19" ry="19" cx="19" cy="19">
+		<svg class="SJ-LButton_hs">
+			<ellipse id="SJ-LButton_hs" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_hc" class="SJ_LButton">
-		<svg class="SJ-LButton_hd">
-			<ellipse id="SJ-LButton_hd" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ht" class="SJ_LButton">
+		<svg class="SJ-LButton_hu">
+			<ellipse id="SJ-LButton_hu" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="BC-LButton" class="BC_LButton">
-		<svg class="BC-LButton_hf">
-			<ellipse id="BC-LButton_hf" rx="19" ry="19" cx="19" cy="19">
+		<svg class="BC-LButton_hw">
+			<ellipse id="BC-LButton_hw" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="BC-RButton" class="BC_RButton">
-		<svg class="BC-RButton_hh">
-			<ellipse id="BC-RButton_hh" rx="19" ry="19" cx="19" cy="19">
+		<svg class="BC-RButton_hy">
+			<ellipse id="BC-RButton_hy" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_hi" class="EvenTMapButton">
-		<svg class="EvenTMapButton_hj">
-			<rect id="EvenTMapButton_hj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_hz" class="EvenTMapButton">
+		<svg class="EvenTMapButton_h">
+			<rect id="EvenTMapButton_h" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TableButton" class="TableButton">
-		<svg class="TableButton_hl">
-			<rect id="TableButton_hl" rx="0" ry="0" x="0" y="0" width="159" height="34">
+		<svg class="TableButton_h">
+			<rect id="TableButton_h" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_hm" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_hn">
-			<rect id="HOMEBUTTON_hn" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_h" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ia">
+			<rect id="HOMEBUTTON_ia" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_ho">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_ho" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_h">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_h" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___1.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___1.html
old mode 100644
new mode 100755
index 64edb4b..10023a5
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bb {
+	#n_22_bpd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bpd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_bpm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +222,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bb {
+	.HelpButton_bpm {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +234,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_bb {
+	#SJ-LButton_bpn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bb {
+	.SJ-LButton_bpn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bca {
+	#SJ-LButton_bpo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bca {
+	.SJ-LButton_bpo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bb {
+	#BC-LButton_bpp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bb {
+	.BC-LButton_bpp {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bb {
+	#BC-RButton_bpq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bb {
+	.BC-RButton_bpq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -160,7 +322,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bb {
+	#EvenTMapButton_bpr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bb {
+	.EvenTMapButton_bpr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#TableButton_bca {
+	#TableButton_bps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bca {
+	.TableButton_bps {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bce {
+	#HOMEBUTTON_bpw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bce {
+	.HOMEBUTTON_bpw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bci {
+	#BackButton_bpv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bci {
+	.BackButton_bpv {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -248,7 +410,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#BackButton_bci {
+	#BackButton_bpv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -258,7 +420,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bci {
+	.BackButton_bpv {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -270,7 +432,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bce {
+	#HOMEBUTTON_bpw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -280,7 +442,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bce {
+	.HOMEBUTTON_bpw {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3208,48 +3370,84 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__1">
 	<img id="n_130" src="n_130.png" srcset="n_130.png 1x, n_130@2x.png 2x">
 		
-	<svg class="HelpButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bb" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="SJ-LButton_bb">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bpd">
+		<ellipse id="n_22_bpd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bca">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bca" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25">
+		<ellipse id="n_25" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26">
+		<ellipse id="n_26" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27">
+		<ellipse id="n_27" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28">
+		<ellipse id="n_28" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29">
+		<ellipse id="n_29" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30">
+		<ellipse id="n_30" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32">
+		<ellipse id="n_32" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bpm">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bpm" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bca">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bca" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="SJ-LButton_bpn">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bpn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bpo">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bpo" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bpp">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bpp" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bpq">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bpq" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_bpr">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bpr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bce">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bce" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="TableButton_bps">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bps" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bci">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bci" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="HOMEBUTTON_bpw">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bpw" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bci">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bci" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bpv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bpv" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bce">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bce" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="BackButton_bpv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bpv" rx="0" ry="0" x="0" y="0" width="58" height="34">
+		</rect>
+	</svg>
+	<svg class="HOMEBUTTON_bpw">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bpw" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___10.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___10.html
old mode 100644
new mode 100755
index 80a94ba..d05b26b
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___10.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bvy {
+	#n_22_clj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_clj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_clk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_clk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cll {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cll {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_clm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_clm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cln {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cln {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_clo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_clo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_clp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_clp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_clq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_clq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_clr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_clr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cls {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bvy {
+	.SJ-LButton_cls {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bvz {
+	#SJ-LButton_clt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bvz {
+	.SJ-LButton_clt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bv {
+	#BC-LButton_clu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bv {
+	.BC-LButton_clu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bv {
+	#BC-RButton_clv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bv {
+	.BC-RButton_clv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bv {
+	#EvenTMapButton_clw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bv {
+	.EvenTMapButton_clw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#HelpButton_bv {
+	#HelpButton_clx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bv {
+	.HelpButton_clx {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bv {
+	#TableButton_cly {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bv {
+	.TableButton_cly {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bv {
+	#HOMEBUTTON_clz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bv {
+	.HOMEBUTTON_clz {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bv {
+	#BackButton_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bv {
+	.BackButton_cl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__10">
 	<img id="n_263" src="n_263.png" srcset="n_263.png 1x, n_263@2x.png 2x">
 		
-	<svg class="SJ-LButton_bvy">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bvy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_clj">
+		<ellipse id="n_22_clj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bvz">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bvz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_clk">
+		<ellipse id="n_72_clk" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bv">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cll">
+		<ellipse id="n_73_cll" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bv">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_clm">
+		<ellipse id="n_74_clm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bv">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bv" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75_cln">
+		<ellipse id="n_75_cln" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_clo">
+		<ellipse id="n_76_clo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_clp">
+		<ellipse id="n_77_clp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_clq">
+		<ellipse id="n_78_clq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_clr">
+		<ellipse id="n_79_clr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cls">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cls" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_clt">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_clt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_clu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_clu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_clv">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_clv" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_clw">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_clw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bv">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_clx">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_clx" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bv">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bv" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cly">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cly" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bv">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bv" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_clz">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_clz" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bv">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bv" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cl">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___11.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___11.html
old mode 100644
new mode 100755
index 97c8f72..c2df712
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___11.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bwy {
+	#n_22_cm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cna {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cna {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cnb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cnb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cnc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cnc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cnd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cnd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cne {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cne {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cnf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cnf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cng {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cng {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cnh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cnh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cni {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwy {
+	.SJ-LButton_cni {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bwz {
+	#SJ-LButton_cnj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwz {
+	.SJ-LButton_cnj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bw {
+	#BC-LButton_cnk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bw {
+	.BC-LButton_cnk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bw {
+	#BC-RButton_cnl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bw {
+	.BC-RButton_cnl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bw {
+	#EvenTMapButton_cnm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bw {
+	.EvenTMapButton_cnm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#HelpButton_bw {
+	#HelpButton_cnn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bw {
+	.HelpButton_cnn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bw {
+	#TableButton_cno {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bw {
+	.TableButton_cno {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bw {
+	#HOMEBUTTON_cnp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bw {
+	.HOMEBUTTON_cnp {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bw {
+	#BackButton_cnq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bw {
+	.BackButton_cnq {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__11">
 	<img id="n_264" src="n_264.png" srcset="n_264.png 1x, n_264@2x.png 2x">
 		
-	<svg class="SJ-LButton_bwy">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cm">
+		<ellipse id="n_22_cm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bwz">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cna">
+		<ellipse id="n_72_cna" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bw">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cnb">
+		<ellipse id="n_73_cnb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bw">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cnc">
+		<ellipse id="n_74_cnc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bw" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75_cnd">
+		<ellipse id="n_75_cnd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cne">
+		<ellipse id="n_76_cne" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cnf">
+		<ellipse id="n_77_cnf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cng">
+		<ellipse id="n_78_cng" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cnh">
+		<ellipse id="n_79_cnh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cni">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cni" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cnj">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cnj" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cnk">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cnk" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cnl">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cnl" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cnm">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cnm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bw" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cnn">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cnn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bw" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cno">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cno" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bw">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bw" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cnp">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cnp" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bw" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cnq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cnq" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___12.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___12.html
old mode 100644
new mode 100755
index ebe3ece..11becc9
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___12.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bxa {
+	#n_22_cnu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cnu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cnv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cnv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cnw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cnw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cnx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cnx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cny {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cny {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cnz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cnz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxa {
+	.SJ-LButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bxb {
+	#SJ-LButton_coa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxb {
+	.SJ-LButton_coa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bxc {
+	#BC-LButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bxc {
+	.BC-LButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bxd {
+	#BC-RButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bxd {
+	.BC-RButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bxe {
+	#EvenTMapButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bxe {
+	.EvenTMapButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___12.html;
 		cursor: pointer;
 	}
-	#HelpButton_bxf {
+	#HelpButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bxf {
+	.HelpButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bxg {
+	#TableButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bxg {
+	.TableButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bxh {
+	#HOMEBUTTON_coa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bxh {
+	.HOMEBUTTON_coa {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bxi {
+	#BackButton_cob {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bxi {
+	.BackButton_cob {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__12">
 	<img id="n_266" src="n_266.png" srcset="n_266.png 1x, n_266@2x.png 2x">
 		
-	<svg class="SJ-LButton_bxa">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cnu">
+		<ellipse id="n_22_cnu" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bxb">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cnv">
+		<ellipse id="n_72_cnv" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bxc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bxc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cnw">
+		<ellipse id="n_73_cnw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bxd">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bxd" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cnx">
+		<ellipse id="n_74_cnx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bxe">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bxe" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75_cny">
+		<ellipse id="n_75_cny" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cnz">
+		<ellipse id="n_76_cnz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cn">
+		<ellipse id="n_77_cn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cn">
+		<ellipse id="n_78_cn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cn">
+		<ellipse id="n_79_cn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cn">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_coa">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_coa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cn">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cn">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cn">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cn" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bxf">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bxf" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cn">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bxg">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bxg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cn">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cn" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bxh">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bxh" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_coa">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_coa" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bxi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bxi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cob">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cob" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___13.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___13.html
old mode 100644
new mode 100755
index 4b915ba..317ec55
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___13.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bwa {
+	#n_22_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cmb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cmb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cmc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cmc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cmd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwa {
+	.SJ-LButton_cmd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bwb {
+	#SJ-LButton_cme {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwb {
+	.SJ-LButton_cme {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bwc {
+	#BC-LButton_cmf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bwc {
+	.BC-LButton_cmf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bwd {
+	#BC-RButton_cmg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bwd {
+	.BC-RButton_cmg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bwe {
+	#EvenTMapButton_cmh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bwe {
+	.EvenTMapButton_cmh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#HelpButton_bwf {
+	#HelpButton_cmi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bwf {
+	.HelpButton_cmi {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bwg {
+	#TableButton_cmj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bwg {
+	.TableButton_cmj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bwh {
+	#HOMEBUTTON_cmk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bwh {
+	.HOMEBUTTON_cmk {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bwi {
+	#BackButton_cml {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bwi {
+	.BackButton_cml {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__13">
 	<img id="n_265" src="n_265.png" srcset="n_265.png 1x, n_265@2x.png 2x">
 		
-	<svg class="SJ-LButton_bwa">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cl">
+		<ellipse id="n_22_cl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bwb">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cl">
+		<ellipse id="n_72_cl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bwc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bwc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cl">
+		<ellipse id="n_73_cl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bwd">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bwd" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cl">
+		<ellipse id="n_74_cl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bwe">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bwe" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75_cl">
+		<ellipse id="n_75_cl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cl">
+		<ellipse id="n_76_cl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cma">
+		<ellipse id="n_77_cma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cmb">
+		<ellipse id="n_78_cmb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cmc">
+		<ellipse id="n_79_cmc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cmd">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cmd" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cme">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cme" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cmf">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cmf" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cmg">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cmg" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cmh">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cmh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bwf">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bwf" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cmi">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cmi" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bwg">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bwg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cmj">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cmj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bwh">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bwh" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cmk">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cmk" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bwi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bwi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cml">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cml" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___2.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___2.html
old mode 100644
new mode 100755
index ba40040..c1f5ae7
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bci {
+	#n_22_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bci {
+	.SJ-LButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bcj {
+	#SJ-LButton_bqa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bcj {
+	.SJ-LButton_bqa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bck {
+	#BC-LButton_bqb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bck {
+	.BC-LButton_bqb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bcl {
+	#BC-RButton_bqc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bcl {
+	.BC-RButton_bqc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bcm {
+	#EvenTMapButton_bqd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bcm {
+	.EvenTMapButton_bqd {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bcn {
+	#TableButton_bqe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bcn {
+	.TableButton_bqe {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bco {
+	#HelpButton_bqf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bco {
+	.HelpButton_bqf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bcp {
+	#BackButton_bqg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcp {
+	.BackButton_bqg {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bcq {
+	#HOMEBUTTON_bqh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bcq {
+	.HOMEBUTTON_bqh {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__2">
 	<img id="n_281" src="n_281.png" srcset="n_281.png 1x, n_281@2x.png 2x">
 		
-	<svg class="SJ-LButton_bci">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bci" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bp">
+		<ellipse id="n_22_bp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bcj">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bcj" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_bp">
+		<ellipse id="n_25_bp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bck">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bck" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_bp">
+		<ellipse id="n_26_bp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bcl">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bcl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bp">
+		<ellipse id="n_27_bp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bcm">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bcm" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28_bp">
+		<ellipse id="n_28_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_bp">
+		<ellipse id="n_29_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_bp">
+		<ellipse id="n_30_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_bp">
+		<ellipse id="n_31_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_bp">
+		<ellipse id="n_32_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bp">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bp" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bqa">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bqb">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bqb" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bqc">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bqc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_bqd">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bqd" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bcn">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bcn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bqe">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bqe" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bco">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bco" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bqf">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bqf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bcp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bcp" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bqg">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bqg" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bcq">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bcq" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bqh">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bqh" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___3.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___3.html
old mode 100644
new mode 100755
index 5d4a37d..fe97f83
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bcu {
+	#n_22_bql {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bql {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_bqm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_bqm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_bqn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_bqn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bqo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bqo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_bqp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_bqp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_bqq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_bqq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_bqr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_bqr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_bqs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_bqs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_bqt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_bqt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bqu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bcu {
+	.SJ-LButton_bqu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bcv {
+	#SJ-LButton_bqv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bcv {
+	.SJ-LButton_bqv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bcw {
+	#BC-LButton_bqw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bcw {
+	.BC-LButton_bqw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bcx {
+	#BC-RButton_bqx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bcx {
+	.BC-RButton_bqx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bcy {
+	#EvenTMapButton_bqy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bcy {
+	.EvenTMapButton_bqy {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bcz {
+	#TableButton_bqz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bcz {
+	.TableButton_bqz {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bc {
+	#HelpButton_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bc {
+	.HelpButton_bq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bc {
+	#BackButton_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bc {
+	.BackButton_bq {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bc {
+	#HOMEBUTTON_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bc {
+	.HOMEBUTTON_bq {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__3">
 	<img id="n_137" src="n_137.png" srcset="n_137.png 1x, n_137@2x.png 2x">
 		
-	<svg class="SJ-LButton_bcu">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bcu" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bql">
+		<ellipse id="n_22_bql" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bcv">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bcv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_bqm">
+		<ellipse id="n_25_bqm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bcw">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bcw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_bqn">
+		<ellipse id="n_26_bqn" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bcx">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bcx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bqo">
+		<ellipse id="n_27_bqo" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bcy">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bcy" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28_bqp">
+		<ellipse id="n_28_bqp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_bqq">
+		<ellipse id="n_29_bqq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_bqr">
+		<ellipse id="n_30_bqr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_bqs">
+		<ellipse id="n_31_bqs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_bqt">
+		<ellipse id="n_32_bqt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bqu">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bqv">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqv" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bqw">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bqw" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bqx">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bqx" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_bqy">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bqy" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bcz">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bcz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bqz">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bqz" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bq">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bq" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bc">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bc" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bq">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bq" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___4.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___4.html
old mode 100644
new mode 100755
index 5aee458..ebac126
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bmv {
+	#n_24_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_bt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_bu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_bv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_bw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_bx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#HelpButton_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bmv {
+	.HelpButton_bz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_bmw {
+	#SJ-LButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bmw {
+	.SJ-LButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bmx {
+	#SJ-LButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bmx {
+	.SJ-LButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bmy {
+	#BC-LButton_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bmy {
+	.BC-LButton_bz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bmz {
+	#BC-RButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bmz {
+	.BC-RButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -160,7 +304,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bm {
+	#EvenTMapButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bm {
+	.EvenTMapButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#TableButton_bm {
+	#TableButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bm {
+	.TableButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bm {
+	#BackButton_caj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bm {
+	.BackButton_caj {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__4">
 	<img id="n_166" src="n_166.png" srcset="n_166.png 1x, n_166@2x.png 2x">
 		
-	<svg class="HelpButton_bmv">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bmv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_bp">
+		<ellipse id="n_24_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bq">
+		<ellipse id="n_24_bq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bs">
+		<ellipse id="n_24_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bt">
+		<ellipse id="n_24_bt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bu">
+		<ellipse id="n_24_bu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bv">
+		<ellipse id="n_24_bv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bw">
+		<ellipse id="n_24_bw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bx">
+		<ellipse id="n_24_bx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bz">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="SJ-LButton_bmw">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bmw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_bx">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bx" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bmx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bmx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_by">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_by" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bmy">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bmy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-LButton_bz">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bz" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bmz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bmz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-RButton_b">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_b" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bm">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bm" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_ba">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_ba" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bm">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bm" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_b">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bm">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bm" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_caj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_caj" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___5.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___5.html
old mode 100644
new mode 100755
index 139316c..0051c21
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bqm {
+	#n_24_ccv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_ccw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_ccx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_ccy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_ccz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cda {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cda {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cdb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cdb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bqm {
+	.SJ-LButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bqn {
+	#SJ-LButton_cda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bqn {
+	.SJ-LButton_cda {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bqo {
+	#BC-LButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bqo {
+	.BC-LButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bqp {
+	#BC-RButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bqp {
+	.BC-RButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bqq {
+	#EvenTMapButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bqq {
+	.EvenTMapButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#HelpButton_bqr {
+	#HelpButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bqr {
+	.HelpButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bqs {
+	#TableButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bqs {
+	.TableButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bqt {
+	#BackButton_cda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bqt {
+	.BackButton_cda {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__5">
 	<img id="n_167" src="n_167.png" srcset="n_167.png 1x, n_167@2x.png 2x">
 		
-	<svg class="SJ-LButton_bqm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ccv">
+		<ellipse id="n_24_ccv" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bqn">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ccw">
+		<ellipse id="n_24_ccw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bqo">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bqo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ccx">
+		<ellipse id="n_24_ccx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bqp">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bqp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ccy">
+		<ellipse id="n_24_ccy" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bqq">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bqq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_24_ccz">
+		<ellipse id="n_24_ccz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cc">
+		<ellipse id="n_24_cc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cda">
+		<ellipse id="n_24_cda" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cdb">
+		<ellipse id="n_24_cdb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cc">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cda">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cda" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cc">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cc">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bqr">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bqr" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bqs">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bqs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bqt">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bqt" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cda">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cda" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___6.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___6.html
old mode 100644
new mode 100755
index 5e49020..0fd42e1
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bvm {
+	#n_24_ckz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ckz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_ck {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ck {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cla {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cla {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_clb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_clb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_clc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_clc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cld {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cld {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cle {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cle {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_clf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_clf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bvm {
+	.SJ-LButton_ck {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bvn {
+	#SJ-LButton_cla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bvn {
+	.SJ-LButton_cla {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bvo {
+	#BC-LButton_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bvo {
+	.BC-LButton_ck {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bvp {
+	#BC-RButton_cla {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bvp {
+	.BC-RButton_cla {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bvt {
+	#EvenTMapButton_cle {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bvt {
+	.EvenTMapButton_cle {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#HelpButton_bvr {
+	#HelpButton_clc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bvr {
+	.HelpButton_clc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bvs {
+	#TableButton_cld {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bvs {
+	.TableButton_cld {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bvt {
+	#EvenTMapButton_cle {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bvt {
+	.EvenTMapButton_cle {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -226,7 +370,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#BackButton_bvu {
+	#BackButton_clf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +380,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bvu {
+	.BackButton_clf {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3164,40 +3308,72 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__6">
 	<img id="n_168" src="n_168.png" srcset="n_168.png 1x, n_168@2x.png 2x">
 		
-	<svg class="SJ-LButton_bvm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bvm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ckz">
+		<ellipse id="n_24_ckz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bvn">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bvn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ck">
+		<ellipse id="n_24_ck" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bvo">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bvo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cla">
+		<ellipse id="n_24_cla" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bvp">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bvp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_clb">
+		<ellipse id="n_24_clb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bvt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bvt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_24_clc">
+		<ellipse id="n_24_clc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cld">
+		<ellipse id="n_24_cld" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cle">
+		<ellipse id="n_24_cle" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_clf">
+		<ellipse id="n_24_clf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_ck">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ck" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cla">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cla" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_ck">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_ck" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cla">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cla" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cle">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cle" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bvr">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bvr" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_clc">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_clc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bvs">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bvs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cld">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cld" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bvt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bvt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cle">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cle" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bvu">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bvu" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_clf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_clf" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___7.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___7.html
old mode 100644
new mode 100755
index 1b7757a..3caca01
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___7.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bwm {
+	#n_24_cmp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cmq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cmr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_cms {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cms {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_cmt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cmu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cmv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cmw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cmw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cmx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwm {
+	.SJ-LButton_cmx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bwn {
+	#SJ-LButton_cmy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bwn {
+	.SJ-LButton_cmy {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bwo {
+	#BC-LButton_cmz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bwo {
+	.BC-LButton_cmz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bwp {
+	#BC-RButton_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bwp {
+	.BC-RButton_cm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bwt {
+	#EvenTMapButton_cna {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bwt {
+	.EvenTMapButton_cna {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#HelpButton_bwr {
+	#HelpButton_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bwr {
+	.HelpButton_cm {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bws {
+	#TableButton_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bws {
+	.TableButton_cm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bwt {
+	#EvenTMapButton_cna {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bwt {
+	.EvenTMapButton_cna {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -226,7 +370,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#BackButton_bwu {
+	#BackButton_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +380,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bwu {
+	.BackButton_cm {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3164,40 +3308,72 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__7">
 	<img id="n_169" src="n_169.png" srcset="n_169.png 1x, n_169@2x.png 2x">
 		
-	<svg class="SJ-LButton_bwm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cmp">
+		<ellipse id="n_24_cmp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bwn">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bwn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cmq">
+		<ellipse id="n_24_cmq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bwo">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bwo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cmr">
+		<ellipse id="n_24_cmr" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bwp">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bwp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cms">
+		<ellipse id="n_24_cms" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bwt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bwt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_24_cmt">
+		<ellipse id="n_24_cmt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cmu">
+		<ellipse id="n_24_cmu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cmv">
+		<ellipse id="n_24_cmv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cmw">
+		<ellipse id="n_24_cmw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cmx">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cmx" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cmy">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cmy" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cmz">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cmz" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cm">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cm" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cna">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cna" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bwr">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bwr" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cm">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cm" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bws">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bws" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cm">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bwt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bwt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cna">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cna" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bwu">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bwu" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cm" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___8.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___8.html
old mode 100644
new mode 100755
index 619e11c..bd41fc4
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___8.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bm {
+	#n_22_cbh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#HelpButton_caa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +222,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bm {
+	.HelpButton_caa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +234,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_bm {
+	#SJ-LButton_bh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bm {
+	.SJ-LButton_bh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bna {
+	#SJ-LButton_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bna {
+	.SJ-LButton_bi {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bm {
+	#BC-LButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bm {
+	.BC-LButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bna {
+	#BC-RButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bna {
+	.BC-RButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -160,7 +322,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bnb {
+	#EvenTMapButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bnb {
+	.EvenTMapButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#TableButton_bnc {
+	#TableButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bnc {
+	.TableButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bnd {
+	#HOMEBUTTON_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bnd {
+	.HOMEBUTTON_bn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bne {
+	#BackButton_cak {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bne {
+	.BackButton_cak {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__8">
 	<img id="n_261" src="n_261.png" srcset="n_261.png 1x, n_261@2x.png 2x">
 		
-	<svg class="HelpButton_bm">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bm" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="SJ-LButton_bm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cbh">
+		<ellipse id="n_22_cbh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bna">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bna" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72">
+		<ellipse id="n_72" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bm">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73">
+		<ellipse id="n_73" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bna">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bna" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74">
+		<ellipse id="n_74" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bnb">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bnb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75">
+		<ellipse id="n_75" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76">
+		<ellipse id="n_76" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77">
+		<ellipse id="n_77" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78">
+		<ellipse id="n_78" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79">
+		<ellipse id="n_79" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_caa">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_caa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bnc">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bnc" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="SJ-LButton_bh">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bh" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bi">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bi" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bj">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bj" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bk">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bk" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_bl">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bl" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bnd">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bnd" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="TableButton_bm">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bne">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bne" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="HOMEBUTTON_bn">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bn" rx="0" ry="0" x="0" y="0" width="63" height="51">
+		</rect>
+	</svg>
+	<svg class="BackButton_cak">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cak" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___9.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___9.html
old mode 100644
new mode 100755
index a7c4bd2..7d25ad8
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E1___9.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bqx {
+	#n_22_cde {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cde {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cdf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cdf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cdg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cdg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cdh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cdh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cdi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cdi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cdj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cdj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cdk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cdk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cdl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cdl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cdm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cdm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cdn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bqx {
+	.SJ-LButton_cdn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bqy {
+	#SJ-LButton_cdo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bqy {
+	.SJ-LButton_cdo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bqz {
+	#BC-LButton_cdp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bqz {
+	.BC-LButton_cdp {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bq {
+	#BC-RButton_cdq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bq {
+	.BC-RButton_cdq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bq {
+	#EvenTMapButton_cdr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bq {
+	.EvenTMapButton_cdr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#HelpButton_bq {
+	#HelpButton_cds {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bq {
+	.HelpButton_cds {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bq {
+	#TableButton_cdt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bq {
+	.TableButton_cdt {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bq {
+	#HOMEBUTTON_cdu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bq {
+	.HOMEBUTTON_cdu {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -226,7 +388,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bq {
+	#BackButton_cdv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bq {
+	.BackButton_cdv {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E1__9">
 	<img id="n_262" src="n_262.png" srcset="n_262.png 1x, n_262@2x.png 2x">
 		
-	<svg class="SJ-LButton_bqx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cde">
+		<ellipse id="n_22_cde" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bqy">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bqy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cdf">
+		<ellipse id="n_72_cdf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bqz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bqz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cdg">
+		<ellipse id="n_73_cdg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bq">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bq" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cdh">
+		<ellipse id="n_74_cdh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_75_cdi">
+		<ellipse id="n_75_cdi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cdj">
+		<ellipse id="n_76_cdj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cdk">
+		<ellipse id="n_77_cdk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cdl">
+		<ellipse id="n_78_cdl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cdm">
+		<ellipse id="n_79_cdm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cdn">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cdn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cdo">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cdo" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cdp">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cdp" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cdq">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cdq" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_cdr">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cdr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bq" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cds">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cds" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cdt">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cdt" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bq">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bq" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cdu">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cdu" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bq" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cdv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cdv" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E2.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E2.html
old mode 100644
new mode 100755
index 74f5a1b..5aaf786
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_hs {
+	#n_22_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_ia {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_ia {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_ib {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_ib {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_ic {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_ic {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_id {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_id {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_ie {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_ie {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_if {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_if {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_ig {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_ig {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_ih {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ih {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_ii {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ht {
+	#HelpButton_ij {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ht {
+	.HelpButton_ij {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_hu {
+	#SJ-LButton_ik {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_hv {
+	#SJ-LButton_il {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_hv {
+	.SJ-LButton_il {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_hw {
+	#SJ-LButton_im {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_hx {
+	#SJ-LButton_in {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_hx {
+	.SJ-LButton_in {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_hy {
+	#BC-LButton_io {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_hz {
+	#BC-LButton_ip {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_hz {
+	.BC-LButton_ip {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_h {
+	#BC-RButton_iq {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ia {
+	#BC-RButton_ir {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ia {
+	.BC-RButton_ir {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_h {
+	#EvenTMapButton_is {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_ia {
+	#EvenTMapButton_it {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_ia {
+	.EvenTMapButton_it {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_h {
+	#TableButton_iu {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ia {
+	#TableButton_iv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ia {
+	.TableButton_iv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_h {
+	#HOMEBUTTON_iw {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ia {
+	#HOMEBUTTON_ix {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ia {
+	.HOMEBUTTON_ix {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_h {
+	#BackButton_iy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_h {
+	.BackButton_iy {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E2">
 	<img id="n_212" src="n_212.png" srcset="n_212.png 1x, n_212@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_hs" class="HelpButton">
-		<svg class="HelpButton_ht">
-			<rect id="HelpButton_ht" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_h">
+		<ellipse id="n_22_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_ia">
+		<ellipse id="n_49_ia" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_ib">
+		<ellipse id="n_50_ib" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_ic">
+		<ellipse id="n_51_ic" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_id">
+		<ellipse id="n_52_id" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_ie">
+		<ellipse id="n_53_ie" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_if">
+		<ellipse id="n_54_if" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_ig">
+		<ellipse id="n_55_ig" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_ih">
+		<ellipse id="n_56_ih" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_ii" class="HelpButton">
+		<svg class="HelpButton_ij">
+			<rect id="HelpButton_ij" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_hu" class="SJ_LButton">
-		<svg class="SJ-LButton_hv">
-			<ellipse id="SJ-LButton_hv" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ik" class="SJ_LButton">
+		<svg class="SJ-LButton_il">
+			<ellipse id="SJ-LButton_il" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_hw" class="SJ_LButton">
-		<svg class="SJ-LButton_hx">
-			<ellipse id="SJ-LButton_hx" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_im" class="SJ_LButton">
+		<svg class="SJ-LButton_in">
+			<ellipse id="SJ-LButton_in" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_hy" class="BC_LButton">
-		<svg class="BC-LButton_hz">
-			<ellipse id="BC-LButton_hz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_io" class="BC_LButton">
+		<svg class="BC-LButton_ip">
+			<ellipse id="BC-LButton_ip" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_h" class="BC_RButton">
-		<svg class="BC-RButton_ia">
-			<ellipse id="BC-RButton_ia" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_iq" class="BC_RButton">
+		<svg class="BC-RButton_ir">
+			<ellipse id="BC-RButton_ir" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_h" class="EvenTMapButton">
-		<svg class="EvenTMapButton_ia">
-			<rect id="EvenTMapButton_ia" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_is" class="EvenTMapButton">
+		<svg class="EvenTMapButton_it">
+			<rect id="EvenTMapButton_it" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_h" class="TableButton">
-		<svg class="TableButton_ia">
-			<rect id="TableButton_ia" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_iu" class="TableButton">
+		<svg class="TableButton_iv">
+			<rect id="TableButton_iv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_h" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ia">
-			<rect id="HOMEBUTTON_ia" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_iw" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ix">
+			<rect id="HOMEBUTTON_ix" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_h">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_h" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_iy">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_iy" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E3.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E3.html
old mode 100644
new mode 100755
index 2d78bfa..1371678
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ic {
+	#n_22_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_ja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_jb {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_id {
+	#HelpButton_jc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_id {
+	.HelpButton_jc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ie {
+	#SJ-LButton_jd {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_if {
+	#SJ-LButton_je {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_if {
+	.SJ-LButton_je {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ig {
+	#SJ-LButton_jf {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ih {
+	#SJ-LButton_jg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ih {
+	.SJ-LButton_jg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ii {
+	#BC-LButton_jh {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ij {
+	#BC-LButton_ji {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ij {
+	.BC-LButton_ji {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ik {
+	#BC-RButton_jj {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_il {
+	#BC-RButton_jk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_il {
+	.BC-RButton_jk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_im {
+	#EvenTMapButton_jl {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_in {
+	#EvenTMapButton_jm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_in {
+	.EvenTMapButton_jm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_io {
+	#TableButton_jn {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ip {
+	#TableButton_jo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ip {
+	.TableButton_jo {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_iq {
+	#HOMEBUTTON_jp {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ir {
+	#HOMEBUTTON_jq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ir {
+	.HOMEBUTTON_jq {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_is {
+	#BackButton_jr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_is {
+	.BackButton_jr {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E3">
 	<img id="n_213" src="n_213.png" srcset="n_213.png 1x, n_213@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_ic" class="HelpButton">
-		<svg class="HelpButton_id">
-			<rect id="HelpButton_id" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_i">
+		<ellipse id="n_22_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_i">
+		<ellipse id="n_49_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_i">
+		<ellipse id="n_50_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_i">
+		<ellipse id="n_51_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_i">
+		<ellipse id="n_52_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_i">
+		<ellipse id="n_53_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_i">
+		<ellipse id="n_54_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_i">
+		<ellipse id="n_55_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_ja">
+		<ellipse id="n_56_ja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_jb" class="HelpButton">
+		<svg class="HelpButton_jc">
+			<rect id="HelpButton_jc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ie" class="SJ_LButton">
-		<svg class="SJ-LButton_if">
-			<ellipse id="SJ-LButton_if" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jd" class="SJ_LButton">
+		<svg class="SJ-LButton_je">
+			<ellipse id="SJ-LButton_je" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ig" class="SJ_LButton">
-		<svg class="SJ-LButton_ih">
-			<ellipse id="SJ-LButton_ih" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jf" class="SJ_LButton">
+		<svg class="SJ-LButton_jg">
+			<ellipse id="SJ-LButton_jg" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ii" class="BC_LButton">
-		<svg class="BC-LButton_ij">
-			<ellipse id="BC-LButton_ij" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_jh" class="BC_LButton">
+		<svg class="BC-LButton_ji">
+			<ellipse id="BC-LButton_ji" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ik" class="BC_RButton">
-		<svg class="BC-RButton_il">
-			<ellipse id="BC-RButton_il" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_jj" class="BC_RButton">
+		<svg class="BC-RButton_jk">
+			<ellipse id="BC-RButton_jk" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_im" class="EvenTMapButton">
-		<svg class="EvenTMapButton_in">
-			<rect id="EvenTMapButton_in" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_jl" class="EvenTMapButton">
+		<svg class="EvenTMapButton_jm">
+			<rect id="EvenTMapButton_jm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_io" class="TableButton">
-		<svg class="TableButton_ip">
-			<rect id="TableButton_ip" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_jn" class="TableButton">
+		<svg class="TableButton_jo">
+			<rect id="TableButton_jo" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_iq" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ir">
-			<rect id="HOMEBUTTON_ir" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_jp" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_jq">
+			<rect id="HOMEBUTTON_jq" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_is">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_is" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_jr">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_jr" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E4.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E4.html
old mode 100644
new mode 100755
index b5f2dec..9a2eac2
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E4.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_iw {
+	#n_22_jv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_jv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_jw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_jw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_jx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_jx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_jy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_jy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_jz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_jz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_j {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ix {
+	#HelpButton_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ix {
+	.HelpButton_ka {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_iy {
+	#SJ-LButton_j {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_iz {
+	#SJ-LButton_ka {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_iz {
+	.SJ-LButton_ka {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_i {
+	#SJ-LButton_kb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ja {
+	#SJ-LButton_kc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ja {
+	.SJ-LButton_kc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_i {
+	#BC-LButton_ka {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ja {
+	#BC-LButton_kb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ja {
+	.BC-LButton_kb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_i {
+	#BC-RButton_kc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ja {
+	#BC-RButton_kd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ja {
+	.BC-RButton_kd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_i {
+	#EvenTMapButton_ke {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_ja {
+	#EvenTMapButton_kf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_ja {
+	.EvenTMapButton_kf {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_i {
+	#TableButton_kg {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ja {
+	#TableButton_kh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ja {
+	.TableButton_kh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ja {
+	#HOMEBUTTON_ki {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_jb {
+	#HOMEBUTTON_kj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_jb {
+	.HOMEBUTTON_kj {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_jc {
+	#BackButton_kk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jc {
+	.BackButton_kk {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E4">
 	<img id="n_214" src="n_214.png" srcset="n_214.png 1x, n_214@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_iw" class="HelpButton">
-		<svg class="HelpButton_ix">
-			<rect id="HelpButton_ix" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_jv">
+		<ellipse id="n_22_jv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_jw">
+		<ellipse id="n_49_jw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_jx">
+		<ellipse id="n_50_jx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_jy">
+		<ellipse id="n_51_jy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_jz">
+		<ellipse id="n_52_jz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_j">
+		<ellipse id="n_53_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_j">
+		<ellipse id="n_54_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_j">
+		<ellipse id="n_55_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_j">
+		<ellipse id="n_56_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_j" class="HelpButton">
+		<svg class="HelpButton_ka">
+			<rect id="HelpButton_ka" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_iy" class="SJ_LButton">
-		<svg class="SJ-LButton_iz">
-			<ellipse id="SJ-LButton_iz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_j" class="SJ_LButton">
+		<svg class="SJ-LButton_ka">
+			<ellipse id="SJ-LButton_ka" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_i" class="SJ_LButton">
-		<svg class="SJ-LButton_ja">
-			<ellipse id="SJ-LButton_ja" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kb" class="SJ_LButton">
+		<svg class="SJ-LButton_kc">
+			<ellipse id="SJ-LButton_kc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_i" class="BC_LButton">
-		<svg class="BC-LButton_ja">
-			<ellipse id="BC-LButton_ja" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ka" class="BC_LButton">
+		<svg class="BC-LButton_kb">
+			<ellipse id="BC-LButton_kb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_i" class="BC_RButton">
-		<svg class="BC-RButton_ja">
-			<ellipse id="BC-RButton_ja" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_kc" class="BC_RButton">
+		<svg class="BC-RButton_kd">
+			<ellipse id="BC-RButton_kd" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_i" class="EvenTMapButton">
-		<svg class="EvenTMapButton_ja">
-			<rect id="EvenTMapButton_ja" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ke" class="EvenTMapButton">
+		<svg class="EvenTMapButton_kf">
+			<rect id="EvenTMapButton_kf" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_i" class="TableButton">
-		<svg class="TableButton_ja">
-			<rect id="TableButton_ja" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_kg" class="TableButton">
+		<svg class="TableButton_kh">
+			<rect id="TableButton_kh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ja" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_jb">
-			<rect id="HOMEBUTTON_jb" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ki" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_kj">
+			<rect id="HOMEBUTTON_kj" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_jc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_jc" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_kk">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_kk" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html
old mode 100644
new mode 100755
index 3a44c56..31cf10a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E5.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_jg {
+	#n_22_ko {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ko {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_kp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_kp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_kq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_kq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_kr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_kr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_ks {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_ks {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_kt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_kt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_ku {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_ku {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_kv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_kv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_kw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_kw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_kx {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_jh {
+	#HelpButton_ky {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_jh {
+	.HelpButton_ky {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ji {
+	#SJ-LButton_kz {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jj {
+	#SJ-LButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jj {
+	.SJ-LButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_jk {
+	#SJ-LButton_la {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_jl {
+	#SJ-LButton_lb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_jl {
+	.SJ-LButton_lb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_jm {
+	#BC-LButton_k {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_jn {
+	#BC-LButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_jn {
+	.BC-LButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_jo {
+	#BC-RButton_k {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_jp {
+	#BC-RButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_jp {
+	.BC-RButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_jq {
+	#EvenTMapButton_k {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_jr {
+	#EvenTMapButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_jr {
+	.EvenTMapButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_js {
+	#TableButton_k {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_jt {
+	#TableButton_la {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_jt {
+	.TableButton_la {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ju {
+	#HOMEBUTTON_lb {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_jv {
+	#HOMEBUTTON_lc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_jv {
+	.HOMEBUTTON_lc {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_jw {
+	#BackButton_ld {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_jw {
+	.BackButton_ld {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E5">
 	<img id="n_215" src="n_215.png" srcset="n_215.png 1x, n_215@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_jg" class="HelpButton">
-		<svg class="HelpButton_jh">
-			<rect id="HelpButton_jh" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_ko">
+		<ellipse id="n_22_ko" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_kp">
+		<ellipse id="n_49_kp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_kq">
+		<ellipse id="n_50_kq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_kr">
+		<ellipse id="n_51_kr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_ks">
+		<ellipse id="n_52_ks" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_kt">
+		<ellipse id="n_53_kt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_ku">
+		<ellipse id="n_54_ku" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_kv">
+		<ellipse id="n_55_kv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_kw">
+		<ellipse id="n_56_kw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_kx" class="HelpButton">
+		<svg class="HelpButton_ky">
+			<rect id="HelpButton_ky" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ji" class="SJ_LButton">
-		<svg class="SJ-LButton_jj">
-			<ellipse id="SJ-LButton_jj" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kz" class="SJ_LButton">
+		<svg class="SJ-LButton_k">
+			<ellipse id="SJ-LButton_k" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_jk" class="SJ_LButton">
-		<svg class="SJ-LButton_jl">
-			<ellipse id="SJ-LButton_jl" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_la" class="SJ_LButton">
+		<svg class="SJ-LButton_lb">
+			<ellipse id="SJ-LButton_lb" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_jm" class="BC_LButton">
-		<svg class="BC-LButton_jn">
-			<ellipse id="BC-LButton_jn" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_k" class="BC_LButton">
+		<svg class="BC-LButton_la">
+			<ellipse id="BC-LButton_la" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_jo" class="BC_RButton">
-		<svg class="BC-RButton_jp">
-			<ellipse id="BC-RButton_jp" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_k" class="BC_RButton">
+		<svg class="BC-RButton_la">
+			<ellipse id="BC-RButton_la" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_jq" class="EvenTMapButton">
-		<svg class="EvenTMapButton_jr">
-			<rect id="EvenTMapButton_jr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_k" class="EvenTMapButton">
+		<svg class="EvenTMapButton_la">
+			<rect id="EvenTMapButton_la" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_js" class="TableButton">
-		<svg class="TableButton_jt">
-			<rect id="TableButton_jt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_k" class="TableButton">
+		<svg class="TableButton_la">
+			<rect id="TableButton_la" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ju" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_jv">
-			<rect id="HOMEBUTTON_jv" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_lb" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_lc">
+			<rect id="HOMEBUTTON_lc" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_jw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_jw" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_ld">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ld" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E6.html b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E6.html
old mode 100644
new mode 100755
index 932dede..a425bda
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1310_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1310_E6.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_j {
+	#n_22_lh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_lh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_li {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_li {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_lj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_lj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_lk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_lk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_ll {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_ll {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_lm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_lm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_ln {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_ln {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_lo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_lo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_lp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_lp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_lq {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ka {
+	#HelpButton_lr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ka {
+	.HelpButton_lr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_j {
+	#SJ-LButton_ls {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ka {
+	#SJ-LButton_lt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ka {
+	.SJ-LButton_lt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_kb {
+	#SJ-LButton_lu {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kc {
+	#SJ-LButton_lv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kc {
+	.SJ-LButton_lv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_j {
+	#BC-LButton_lw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_ka {
+	#BC-LButton_lx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_ka {
+	.BC-LButton_lx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_j {
+	#BC-RButton_ly {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ka {
+	#BC-RButton_lz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ka {
+	.BC-RButton_lz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ka {
+	#EvenTMapButton_l {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_kb {
+	#EvenTMapButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_kb {
+	.EvenTMapButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_kc {
+	#TableButton_l {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_kd {
+	#TableButton_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_kd {
+	.TableButton_ma {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ke {
+	#HOMEBUTTON_l {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_kf {
+	#HOMEBUTTON_ma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_kf {
+	.HOMEBUTTON_ma {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_kg {
+	#BackButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_kg {
+	.BackButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1310-E6">
 	<img id="n_216" src="n_216.png" srcset="n_216.png 1x, n_216@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_j" class="HelpButton">
-		<svg class="HelpButton_ka">
-			<rect id="HelpButton_ka" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_lh">
+		<ellipse id="n_22_lh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_li">
+		<ellipse id="n_49_li" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_lj">
+		<ellipse id="n_50_lj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_lk">
+		<ellipse id="n_51_lk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_ll">
+		<ellipse id="n_52_ll" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_lm">
+		<ellipse id="n_53_lm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_ln">
+		<ellipse id="n_54_ln" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_lo">
+		<ellipse id="n_55_lo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_lp">
+		<ellipse id="n_56_lp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_lq" class="HelpButton">
+		<svg class="HelpButton_lr">
+			<rect id="HelpButton_lr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_j" class="SJ_LButton">
-		<svg class="SJ-LButton_ka">
-			<ellipse id="SJ-LButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ls" class="SJ_LButton">
+		<svg class="SJ-LButton_lt">
+			<ellipse id="SJ-LButton_lt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_kb" class="SJ_LButton">
-		<svg class="SJ-LButton_kc">
-			<ellipse id="SJ-LButton_kc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lu" class="SJ_LButton">
+		<svg class="SJ-LButton_lv">
+			<ellipse id="SJ-LButton_lv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_j" class="BC_LButton">
-		<svg class="BC-LButton_ka">
-			<ellipse id="BC-LButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_lw" class="BC_LButton">
+		<svg class="BC-LButton_lx">
+			<ellipse id="BC-LButton_lx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_j" class="BC_RButton">
-		<svg class="BC-RButton_ka">
-			<ellipse id="BC-RButton_ka" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ly" class="BC_RButton">
+		<svg class="BC-RButton_lz">
+			<ellipse id="BC-RButton_lz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ka" class="EvenTMapButton">
-		<svg class="EvenTMapButton_kb">
-			<rect id="EvenTMapButton_kb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_l" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ma">
+			<rect id="EvenTMapButton_ma" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_kc" class="TableButton">
-		<svg class="TableButton_kd">
-			<rect id="TableButton_kd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_l" class="TableButton">
+		<svg class="TableButton_ma">
+			<rect id="TableButton_ma" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ke" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_kf">
-			<rect id="HOMEBUTTON_kf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_l" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ma">
+			<rect id="HOMEBUTTON_ma" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_kg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_kg" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_l">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_l" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1.html
old mode 100644
new mode 100755
index 915f4a4..7d207c1
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_kk {
+	#n_22_ma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_mb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_mb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_mc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_mc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_md {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_md {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_me {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_me {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_mf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_mf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_mg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_mg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_mh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_mh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_mi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_mi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_mj {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_kl {
+	#HelpButton_mk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_kl {
+	.HelpButton_mk {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_km {
+	#SJ-LButton_ml {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kn {
+	#SJ-LButton_mm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kn {
+	.SJ-LButton_mm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ko {
+	#SJ-LButton_mn {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_kp {
+	#SJ-LButton_mo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_kp {
+	.SJ-LButton_mo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_kq {
+	#BC-LButton_mp {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_kr {
+	#BC-LButton_mq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_kr {
+	.BC-LButton_mq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ks {
+	#BC-RButton_mr {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_kt {
+	#BC-RButton_ms {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_kt {
+	.BC-RButton_ms {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ku {
+	#EvenTMapButton_mt {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_kv {
+	#EvenTMapButton_mu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_kv {
+	.EvenTMapButton_mu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_kw {
+	#TableButton_mv {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_kx {
+	#TableButton_mw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_kx {
+	.TableButton_mw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ky {
+	#HOMEBUTTON_mx {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_kz {
+	#HOMEBUTTON_my {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_kz {
+	.HOMEBUTTON_my {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_k {
+	#BackButton_mz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_k {
+	.BackButton_mz {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1">
 	<img id="n_217" src="n_217.png" srcset="n_217.png 1x, n_217@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_kk" class="HelpButton">
-		<svg class="HelpButton_kl">
-			<rect id="HelpButton_kl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_ma">
+		<ellipse id="n_22_ma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_mb">
+		<ellipse id="n_49_mb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_mc">
+		<ellipse id="n_50_mc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_md">
+		<ellipse id="n_51_md" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_me">
+		<ellipse id="n_52_me" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_mf">
+		<ellipse id="n_53_mf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_mg">
+		<ellipse id="n_54_mg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_mh">
+		<ellipse id="n_55_mh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_mi">
+		<ellipse id="n_56_mi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_mj" class="HelpButton">
+		<svg class="HelpButton_mk">
+			<rect id="HelpButton_mk" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_km" class="SJ_LButton">
-		<svg class="SJ-LButton_kn">
-			<ellipse id="SJ-LButton_kn" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ml" class="SJ_LButton">
+		<svg class="SJ-LButton_mm">
+			<ellipse id="SJ-LButton_mm" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ko" class="SJ_LButton">
-		<svg class="SJ-LButton_kp">
-			<ellipse id="SJ-LButton_kp" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mn" class="SJ_LButton">
+		<svg class="SJ-LButton_mo">
+			<ellipse id="SJ-LButton_mo" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_kq" class="BC_LButton">
-		<svg class="BC-LButton_kr">
-			<ellipse id="BC-LButton_kr" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_mp" class="BC_LButton">
+		<svg class="BC-LButton_mq">
+			<ellipse id="BC-LButton_mq" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ks" class="BC_RButton">
-		<svg class="BC-RButton_kt">
-			<ellipse id="BC-RButton_kt" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_mr" class="BC_RButton">
+		<svg class="BC-RButton_ms">
+			<ellipse id="BC-RButton_ms" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ku" class="EvenTMapButton">
-		<svg class="EvenTMapButton_kv">
-			<rect id="EvenTMapButton_kv" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_mt" class="EvenTMapButton">
+		<svg class="EvenTMapButton_mu">
+			<rect id="EvenTMapButton_mu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_kw" class="TableButton">
-		<svg class="TableButton_kx">
-			<rect id="TableButton_kx" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_mv" class="TableButton">
+		<svg class="TableButton_mw">
+			<rect id="TableButton_mw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ky" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_kz">
-			<rect id="HOMEBUTTON_kz" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_mx" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_my">
+			<rect id="HOMEBUTTON_my" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_k">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_k" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_mz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_mz" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___1.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___1.html
old mode 100644
new mode 100755
index c8d9ec5..43e03d7
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bc {
+	#n_22_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_bra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_bra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_brb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_brb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_brc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_brc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_brd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_brd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_bre {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_bre {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_brf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bc {
+	.SJ-LButton_brf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bda {
+	#SJ-LButton_brg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bda {
+	.SJ-LButton_brg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bc {
+	#BC-LButton_brh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bc {
+	.BC-LButton_brh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bc {
+	#BC-RButton_bri {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bc {
+	.BC-RButton_bri {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bda {
+	#EvenTMapButton_brj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bda {
+	.EvenTMapButton_brj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#TableButton_bdb {
+	#TableButton_brk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bdb {
+	.TableButton_brk {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bdc {
+	#HelpButton_brl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bdc {
+	.HelpButton_brl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bdd {
+	#BackButton_brm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdd {
+	.BackButton_brm {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bde {
+	#HOMEBUTTON_brn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bde {
+	.HOMEBUTTON_brn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__1">
 	<img id="n_131" src="n_131.png" srcset="n_131.png 1x, n_131@2x.png 2x">
 		
-	<svg class="SJ-LButton_bc">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bq">
+		<ellipse id="n_22_bq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bda">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bda" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_bq">
+		<ellipse id="n_25_bq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_bq">
+		<ellipse id="n_26_bq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bq">
+		<ellipse id="n_27_bq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bda">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bda" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28_bra">
+		<ellipse id="n_28_bra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_brb">
+		<ellipse id="n_29_brb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_brc">
+		<ellipse id="n_30_brc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_brd">
+		<ellipse id="n_31_brd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_bre">
+		<ellipse id="n_32_bre" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_brf">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_brf" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_brg">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_brg" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_brh">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_brh" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bri">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bri" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_brj">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_brj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bdb">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bdb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_brk">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_brk" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bdc">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bdc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_brl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_brl" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bdd">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bdd" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_brm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_brm" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bde">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bde" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_brn">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_brn" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___10.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___10.html
old mode 100644
new mode 100755
index 8625bb9..721bd73
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___10.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bxx {
+	#n_22_coy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_coy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_coz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_coz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxx {
+	.SJ-LButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bxy {
+	#SJ-LButton_cpa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxy {
+	.SJ-LButton_cpa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bxz {
+	#BC-LButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bxz {
+	.BC-LButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bx {
+	#BC-RButton_cpa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bx {
+	.BC-RButton_cpa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bx {
+	#HelpButton_cpb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bx {
+	.HelpButton_cpb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bx {
+	#TableButton_cpc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bx {
+	.TableButton_cpc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bx {
+	#HOMEBUTTON_cpd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bx {
+	.HOMEBUTTON_cpd {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bx {
+	#BackButton_cpe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bx {
+	.BackButton_cpe {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bx {
+	#EvenTMapButton_cpf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bx {
+	.EvenTMapButton_cpf {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__10">
 	<img id="n_274" src="n_274.png" srcset="n_274.png 1x, n_274@2x.png 2x">
 		
-	<svg class="SJ-LButton_bxx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_coy">
+		<ellipse id="n_22_coy" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bxy">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_coz">
+		<ellipse id="n_72_coz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bxz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bxz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_co">
+		<ellipse id="n_73_co" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bx">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_co">
+		<ellipse id="n_74_co" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bx" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_co">
+		<ellipse id="n_75_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_co">
+		<ellipse id="n_76_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_co">
+		<ellipse id="n_77_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_co">
+		<ellipse id="n_78_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_co">
+		<ellipse id="n_79_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_co">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_co" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cpa">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cpa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_co">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_co" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cpa">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cpa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cpb">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cpb" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bx" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cpc">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cpc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bx">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bx" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cpd">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cpd" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bx" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cpe">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cpe" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bx" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cpf">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cpf" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___11.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___11.html
old mode 100644
new mode 100755
index 85fb448..5301541
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___11.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_byw {
+	#n_22_cqn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cqn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cqo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cqo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cqp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cqp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cqq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cqq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cqr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cqr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cqs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cqs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cqt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cqt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cqu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cqu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cqv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cqv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cqw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_byw {
+	.SJ-LButton_cqw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_byx {
+	#SJ-LButton_cqx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_byx {
+	.SJ-LButton_cqx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_byy {
+	#BC-LButton_cqy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-LButton_byy {
+	.BC-LButton_cqy {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_byz {
+	#BC-RButton_cqz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-RButton_byz {
+	.BC-RButton_cqz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_by {
+	#HelpButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_by {
+	.HelpButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_by {
+	#TableButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_by {
+	.TableButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_by {
+	#HOMEBUTTON_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_by {
+	.HOMEBUTTON_cq {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_by {
+	#BackButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_by {
+	.BackButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_by {
+	#EvenTMapButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_by {
+	.EvenTMapButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__11">
 	<img id="n_269" src="n_269.png" srcset="n_269.png 1x, n_269@2x.png 2x">
 		
-	<svg class="SJ-LButton_byw">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_byw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cqn">
+		<ellipse id="n_22_cqn" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_byx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_byx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cqo">
+		<ellipse id="n_72_cqo" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_byy">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_byy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cqp">
+		<ellipse id="n_73_cqp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_byz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_byz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cqq">
+		<ellipse id="n_74_cqq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_by">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_by" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cqr">
+		<ellipse id="n_75_cqr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cqs">
+		<ellipse id="n_76_cqs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cqt">
+		<ellipse id="n_77_cqt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cqu">
+		<ellipse id="n_78_cqu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cqv">
+		<ellipse id="n_79_cqv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cqw">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cqw" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cqx">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cqx" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cqy">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cqy" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cqz">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cqz" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_by">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_by" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_by">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_by" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cq">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cq" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_by">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_by" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cq" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_by">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_by" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___12.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___12.html
old mode 100644
new mode 100755
index 116278e..b92f672
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___12.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_by {
+	#n_22_cq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_crb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_crb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_crc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_crc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_crd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_crd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cre {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cre {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_crf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_crf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_crg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_crg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_crh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_by {
+	.SJ-LButton_crh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bza {
+	#SJ-LButton_cri {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bza {
+	.SJ-LButton_cri {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bza {
+	#BC-LButton_crj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bza {
+	.BC-LButton_crj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bzb {
+	#BC-RButton_crk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bzb {
+	.BC-RButton_crk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bzc {
+	#HelpButton_crl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bzc {
+	.HelpButton_crl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bzd {
+	#TableButton_crm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bzd {
+	.TableButton_crm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bze {
+	#HOMEBUTTON_crn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bze {
+	.HOMEBUTTON_crn {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bzf {
+	#BackButton_cro {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bzf {
+	.BackButton_cro {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bzg {
+	#EvenTMapButton_crp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bzg {
+	.EvenTMapButton_crp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__12">
 	<img id="n_272" src="n_272.png" srcset="n_272.png 1x, n_272@2x.png 2x">
 		
-	<svg class="SJ-LButton_by">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_by" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cq">
+		<ellipse id="n_22_cq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bza">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bza" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cq">
+		<ellipse id="n_72_cq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bza">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bza" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cra">
+		<ellipse id="n_73_cra" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bzb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bzb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_crb">
+		<ellipse id="n_74_crb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bzc">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bzc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_crc">
+		<ellipse id="n_75_crc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_crd">
+		<ellipse id="n_76_crd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cre">
+		<ellipse id="n_77_cre" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_crf">
+		<ellipse id="n_78_crf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_crg">
+		<ellipse id="n_79_crg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_crh">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_crh" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cri">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cri" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_crj">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_crj" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_crk">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_crk" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_crl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_crl" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bzd">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bzd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_crm">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_crm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bze">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bze" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_crn">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_crn" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bzf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bzf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cro">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cro" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bzg">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bzg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_crp">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_crp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___13.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___13.html
old mode 100644
new mode 100755
index 6537d72..7dc528c
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___13.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bx {
+	#n_22_cpj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cpj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cpk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cpk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cpl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cpl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cpm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cpm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cpn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cpn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cpo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cpo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cpp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cpp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cpq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cpq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cpr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cpr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bx {
+	.SJ-LButton_cps {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bya {
+	#SJ-LButton_cpt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bya {
+	.SJ-LButton_cpt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_byb {
+	#BC-LButton_cpu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-LButton_byb {
+	.BC-LButton_cpu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_byc {
+	#BC-RButton_cpv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-RButton_byc {
+	.BC-RButton_cpv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_byd {
+	#HelpButton_cpw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_byd {
+	.HelpButton_cpw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bye {
+	#TableButton_cpx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bye {
+	.TableButton_cpx {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_byf {
+	#HOMEBUTTON_cpy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_byf {
+	.HOMEBUTTON_cpy {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_byg {
+	#BackButton_cpz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_byg {
+	.BackButton_cpz {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_byh {
+	#EvenTMapButton_cp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_byh {
+	.EvenTMapButton_cp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__13">
 	<img id="n_270" src="n_270.png" srcset="n_270.png 1x, n_270@2x.png 2x">
 		
-	<svg class="SJ-LButton_bx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cpj">
+		<ellipse id="n_22_cpj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bya">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bya" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cpk">
+		<ellipse id="n_72_cpk" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_byb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_byb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cpl">
+		<ellipse id="n_73_cpl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_byc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_byc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cpm">
+		<ellipse id="n_74_cpm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_byd">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_byd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cpn">
+		<ellipse id="n_75_cpn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cpo">
+		<ellipse id="n_76_cpo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cpp">
+		<ellipse id="n_77_cpp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cpq">
+		<ellipse id="n_78_cpq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cpr">
+		<ellipse id="n_79_cpr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cps">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cps" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cpt">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cpt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cpu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cpu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cpv">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cpv" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cpw">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cpw" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bye">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bye" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cpx">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cpx" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_byf">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_byf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cpy">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cpy" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_byg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_byg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cpz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cpz" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_byh">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_byh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cp">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___2.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___2.html
old mode 100644
new mode 100755
index da5eece..af1bfc5
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bdi {
+	#n_22_brr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_brr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_brs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_brs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_brt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_brt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bru {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bru {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_brv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_brv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_brw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_brw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_brx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_brx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_bry {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_bry {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_brz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_brz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bdi {
+	.SJ-LButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bdj {
+	#SJ-LButton_bsa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bdj {
+	.SJ-LButton_bsa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bdk {
+	#BC-LButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bdk {
+	.BC-LButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bdl {
+	#BC-RButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bdl {
+	.BC-RButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bdm {
+	#EvenTMapButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bdm {
+	.EvenTMapButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bdn {
+	#TableButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bdn {
+	.TableButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bdo {
+	#HelpButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bdo {
+	.HelpButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bdp {
+	#BackButton_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bdp {
+	.BackButton_br {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bdq {
+	#HOMEBUTTON_br {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bdq {
+	.HOMEBUTTON_br {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__2">
 	<img id="n_139" src="n_139.png" srcset="n_139.png 1x, n_139@2x.png 2x">
 		
-	<svg class="SJ-LButton_bdi">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bdi" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_brr">
+		<ellipse id="n_22_brr" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bdj">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bdj" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_brs">
+		<ellipse id="n_25_brs" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bdk">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bdk" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_brt">
+		<ellipse id="n_26_brt" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bdl">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bdl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bru">
+		<ellipse id="n_27_bru" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bdm">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bdm" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28_brv">
+		<ellipse id="n_28_brv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_brw">
+		<ellipse id="n_29_brw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_brx">
+		<ellipse id="n_30_brx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_bry">
+		<ellipse id="n_31_bry" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_brz">
+		<ellipse id="n_32_brz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_br">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_br" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bsa">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bsa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_br">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_br" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_br">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_br" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_br">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_br" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bdn">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bdn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_br">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_br" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bdo">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bdo" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_br">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_br" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bdp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bdp" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_br">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_br" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bdq">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bdq" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_br">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_br" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___3.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___3.html
old mode 100644
new mode 100755
index 30a4ca2..77ef79a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bdu {
+	#n_22_bsc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bsc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_bsd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_bsd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_bse {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_bse {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bsf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bsf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_bsg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_bsg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_bsh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_bsh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_bsi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_bsi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_bsj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_bsj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_bsk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_bsk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bsl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bdu {
+	.SJ-LButton_bsl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bdv {
+	#SJ-LButton_bsm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bdv {
+	.SJ-LButton_bsm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bdw {
+	#BC-LButton_bsn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bdw {
+	.BC-LButton_bsn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bdx {
+	#BC-RButton_bso {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bdx {
+	.BC-RButton_bso {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bdy {
+	#HelpButton_bsp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bdy {
+	.HelpButton_bsp {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bdz {
+	#EvenTMapButton_bsq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bdz {
+	.EvenTMapButton_bsq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bd {
+	#TableButton_bsr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bd {
+	.TableButton_bsr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bd {
+	#BackButton_bss {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bd {
+	.BackButton_bss {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bd {
+	#HOMEBUTTON_bst {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bd {
+	.HOMEBUTTON_bst {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__3">
 	<img id="n_138" src="n_138.png" srcset="n_138.png 1x, n_138@2x.png 2x">
 		
-	<svg class="SJ-LButton_bdu">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bdu" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bsc">
+		<ellipse id="n_22_bsc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bdv">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bdv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_bsd">
+		<ellipse id="n_25_bsd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bdw">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bdw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_bse">
+		<ellipse id="n_26_bse" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bdx">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bdx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bsf">
+		<ellipse id="n_27_bsf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bdy">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bdy" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_28_bsg">
+		<ellipse id="n_28_bsg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_bsh">
+		<ellipse id="n_29_bsh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_bsi">
+		<ellipse id="n_30_bsi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_bsj">
+		<ellipse id="n_31_bsj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_bsk">
+		<ellipse id="n_32_bsk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bsl">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bsl" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bsm">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bsm" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bsn">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bsn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bso">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bso" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bsp">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bsp" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bdz">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bdz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bsq">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bsq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bd">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bsr">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bsr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bd">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bd" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bss">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bss" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bd">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bd" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bst">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bst" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___4.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___4.html
old mode 100644
new mode 100755
index 821ef2b..f6861c6
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bni {
+	#n_24_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_ba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_bb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_bc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_bk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_bl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_bn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_caa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_caa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#HelpButton_cab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bni {
+	.HelpButton_cab {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_bnj {
+	#SJ-LButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bnj {
+	.SJ-LButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bnk {
+	#SJ-LButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bnk {
+	.SJ-LButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bnl {
+	#BC-LButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bnl {
+	.BC-LButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bnm {
+	#BC-RButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bnm {
+	.BC-RButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -160,7 +304,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#TableButton_bnn {
+	#TableButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bnn {
+	.TableButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bno {
+	#EvenTMapButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bno {
+	.EvenTMapButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#BackButton_bnp {
+	#BackButton_cal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bnp {
+	.BackButton_cal {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__4">
 	<img id="n_173" src="n_173.png" srcset="n_173.png 1x, n_173@2x.png 2x">
 		
-	<svg class="HelpButton_bni">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bni" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_b">
+		<ellipse id="n_24_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_ba">
+		<ellipse id="n_24_ba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bb">
+		<ellipse id="n_24_bb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bc">
+		<ellipse id="n_24_bc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bk">
+		<ellipse id="n_24_bk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bl">
+		<ellipse id="n_24_bl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bn">
+		<ellipse id="n_24_bn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_caa">
+		<ellipse id="n_24_caa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cab">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cab" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="SJ-LButton_bnj">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bnj" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_b">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_b" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bnk">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bnk" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_ba">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ba" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bnl">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bnl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-LButton_b">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_b" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bnm">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bnm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-RButton_ba">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_ba" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="TableButton_bnn">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bnn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_ba">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_ba" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bno">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bno" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bnp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bnp" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cal">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cal" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___5.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___5.html
old mode 100644
new mode 100755
index ed0089c..b0da21e
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bq {
+	#n_24_cdz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cdz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cea {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cea {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_ceb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ceb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_cec {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cec {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_ced {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ced {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cee {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cee {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cef {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cef {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bq {
+	.SJ-LButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bra {
+	#SJ-LButton_cea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bra {
+	.SJ-LButton_cea {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_brb {
+	#BC-LButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-LButton_brb {
+	.BC-LButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_brc {
+	#BC-RButton_cea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-RButton_brc {
+	.BC-RButton_cea {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#TableButton_brf {
+	#TableButton_ced {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_brf {
+	.TableButton_ced {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#HelpButton_bre {
+	#HelpButton_cec {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bre {
+	.HelpButton_cec {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_brf {
+	#TableButton_ced {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_brf {
+	.TableButton_ced {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_brg {
+	#EvenTMapButton_cee {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_brg {
+	.EvenTMapButton_cee {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -226,7 +370,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#BackButton_brh {
+	#BackButton_cef {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +380,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_brh {
+	.BackButton_cef {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3164,40 +3308,72 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__5">
 	<img id="n_172" src="n_172.png" srcset="n_172.png 1x, n_172@2x.png 2x">
 		
-	<svg class="SJ-LButton_bq">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bq" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cdz">
+		<ellipse id="n_24_cdz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bra">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bra" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cd">
+		<ellipse id="n_24_cd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_brb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_brb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cea">
+		<ellipse id="n_24_cea" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_brc">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_brc" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ceb">
+		<ellipse id="n_24_ceb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="TableButton_brf">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_brf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_24_cec">
+		<ellipse id="n_24_cec" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_ced">
+		<ellipse id="n_24_ced" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cee">
+		<ellipse id="n_24_cee" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cef">
+		<ellipse id="n_24_cef" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cd">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cd" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cea">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cea" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cd">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cd" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cea">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cea" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_ced">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_ced" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bre">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bre" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cec">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cec" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_brf">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_brf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_ced">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_ced" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_brg">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_brg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cee">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cee" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_brh">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_brh" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cef">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cef" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___6.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___6.html
old mode 100644
new mode 100755
index ea8f175..c31f275
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bxm {
+	#n_24_cof {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cof {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cog {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cog {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_coh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_coh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_coi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_coi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_coj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_coj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_col {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_col {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_com {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_com {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_con {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxm {
+	.SJ-LButton_con {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bxn {
+	#SJ-LButton_coo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bxn {
+	.SJ-LButton_coo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bxo {
+	#BC-LButton_cop {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bxo {
+	.BC-LButton_cop {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bxp {
+	#BC-RButton_coq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bxp {
+	.BC-RButton_coq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bxq {
+	#HelpButton_cor {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bxq {
+	.HelpButton_cor {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bxr {
+	#TableButton_cos {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bxr {
+	.TableButton_cos {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bxs {
+	#EvenTMapButton_cot {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bxs {
+	.EvenTMapButton_cot {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#BackButton_bxt {
+	#BackButton_cou {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bxt {
+	.BackButton_cou {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__6">
 	<img id="n_171" src="n_171.png" srcset="n_171.png 1x, n_171@2x.png 2x">
 		
-	<svg class="SJ-LButton_bxm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cof">
+		<ellipse id="n_24_cof" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bxn">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bxn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cog">
+		<ellipse id="n_24_cog" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bxo">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bxo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_coh">
+		<ellipse id="n_24_coh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bxp">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bxp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_coi">
+		<ellipse id="n_24_coi" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bxq">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bxq" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_coj">
+		<ellipse id="n_24_coj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cok">
+		<ellipse id="n_24_cok" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_col">
+		<ellipse id="n_24_col" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_com">
+		<ellipse id="n_24_com" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_con">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_con" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_coo">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_coo" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cop">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cop" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_coq">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_coq" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cor">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cor" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bxr">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bxr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cos">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cos" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bxs">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bxs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cot">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cot" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bxt">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bxt" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cou">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cou" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___7.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___7.html
old mode 100644
new mode 100755
index 4b6bdd7..d952537
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___7.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_byl {
+	#n_24_cp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cqa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cqb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_cqc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_cqd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cqe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cqf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cqg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cqg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cqc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_byl {
+	.SJ-LButton_cqc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bym {
+	#SJ-LButton_cqd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bym {
+	.SJ-LButton_cqd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_byn {
+	#BC-LButton_cqe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-LButton_byn {
+	.BC-LButton_cqe {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_byo {
+	#BC-RButton_cqf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-RButton_byo {
+	.BC-RButton_cqf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_byp {
+	#HelpButton_cqg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_byp {
+	.HelpButton_cqg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_byq {
+	#TableButton_cqh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_byq {
+	.TableButton_cqh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_byr {
+	#EvenTMapButton_cqi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_byr {
+	.EvenTMapButton_cqi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#BackButton_bys {
+	#BackButton_cqj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bys {
+	.BackButton_cqj {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__7">
 	<img id="n_170" src="n_170.png" srcset="n_170.png 1x, n_170@2x.png 2x">
 		
-	<svg class="SJ-LButton_byl">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_byl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cp">
+		<ellipse id="n_24_cp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bym">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bym" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cqa">
+		<ellipse id="n_24_cqa" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_byn">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_byn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cqb">
+		<ellipse id="n_24_cqb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_byo">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_byo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cqc">
+		<ellipse id="n_24_cqc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_byp">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_byp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_cqd">
+		<ellipse id="n_24_cqd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cqe">
+		<ellipse id="n_24_cqe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cqf">
+		<ellipse id="n_24_cqf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cqg">
+		<ellipse id="n_24_cqg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cqc">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cqc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cqd">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cqd" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cqe">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cqe" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cqf">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cqf" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cqg">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cqg" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_byq">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_byq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cqh">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cqh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_byr">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_byr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cqi">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cqi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bys">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bys" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cqj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cqj" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___8.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___8.html
old mode 100644
new mode 100755
index 6fe5cad..3ea8640
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___8.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bnt {
+	#n_22_cbi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_bc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_bc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_bd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_bd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_bf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_bf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bnt {
+	.SJ-LButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bnu {
+	#SJ-LButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bnu {
+	.SJ-LButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bnv {
+	#BC-LButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bnv {
+	.BC-LButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bnw {
+	#BC-RButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bnw {
+	.BC-RButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bnx {
+	#HelpButton_cac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bnx {
+	.HelpButton_cac {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bny {
+	#TableButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bny {
+	.TableButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bnz {
+	#HOMEBUTTON_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bnz {
+	.HOMEBUTTON_bu {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bn {
+	#BackButton_cam {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bn {
+	.BackButton_cam {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_boa {
+	#EvenTMapButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_boa {
+	.EvenTMapButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -248,7 +410,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_boa {
+	#EvenTMapButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -258,7 +420,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_boa {
+	.EvenTMapButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3186,44 +3348,80 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__8">
 	<img id="n_267" src="n_267.png" srcset="n_267.png 1x, n_267@2x.png 2x">
 		
-	<svg class="SJ-LButton_bnt">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bnt" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cbi">
+		<ellipse id="n_22_cbi" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bnu">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bnu" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_bc">
+		<ellipse id="n_72_bc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bnv">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bnv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_bd">
+		<ellipse id="n_73_bd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bnw">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bnw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_be">
+		<ellipse id="n_74_be" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bnx">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bnx" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_bf">
+		<ellipse id="n_75_bf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_bg">
+		<ellipse id="n_76_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_bh">
+		<ellipse id="n_77_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_bi">
+		<ellipse id="n_78_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_bj">
+		<ellipse id="n_79_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bk">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bk" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bl">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bl" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bm">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bm" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bn">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cac">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cac" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bny">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bny" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bnz">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bnz" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bu">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bu" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bn">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bn" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cam">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cam" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_boa">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_boa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bt">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bt" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_boa">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_boa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bt">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bt" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___9.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___9.html
old mode 100644
new mode 100755
index 54c259b..524f164
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E1___9.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_brl {
+	#n_22_cej {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cej {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cek {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cek {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cel {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cel {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cem {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cem {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cen {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cen {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_ceo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_ceo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cep {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cep {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_ceq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_ceq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cer {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cer {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_ces {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_brl {
+	.SJ-LButton_ces {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_brm {
+	#SJ-LButton_cet {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_brm {
+	.SJ-LButton_cet {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_brn {
+	#BC-LButton_ceu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-LButton_brn {
+	.BC-LButton_ceu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bro {
+	#BC-RButton_cev {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bro {
+	.BC-RButton_cev {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_brp {
+	#HelpButton_cew {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_brp {
+	.HelpButton_cew {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_brq {
+	#TableButton_cex {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_brq {
+	.TableButton_cex {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_brr {
+	#HOMEBUTTON_cey {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_brr {
+	.HOMEBUTTON_cey {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_brs {
+	#BackButton_cez {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_brs {
+	.BackButton_cez {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_brt {
+	#EvenTMapButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_brt {
+	.EvenTMapButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E1__9">
 	<img id="n_273" src="n_273.png" srcset="n_273.png 1x, n_273@2x.png 2x">
 		
-	<svg class="SJ-LButton_brl">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_brl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cej">
+		<ellipse id="n_22_cej" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_brm">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_brm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cek">
+		<ellipse id="n_72_cek" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_brn">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_brn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cel">
+		<ellipse id="n_73_cel" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bro">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bro" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cem">
+		<ellipse id="n_74_cem" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_brp">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_brp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cen">
+		<ellipse id="n_75_cen" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_ceo">
+		<ellipse id="n_76_ceo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cep">
+		<ellipse id="n_77_cep" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_ceq">
+		<ellipse id="n_78_ceq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cer">
+		<ellipse id="n_79_cer" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_ces">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ces" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cet">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cet" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_ceu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_ceu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cev">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cev" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cew">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cew" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_brq">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_brq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cex">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cex" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_brr">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_brr" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cey">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cey" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_brs">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_brs" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cez">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cez" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_brt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_brt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_ce" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E2.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E2.html
old mode 100644
new mode 100755
index cf6e648..ca5995e
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_k {
+	#n_22_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_na {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_na {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_nb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_nb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_nc {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_la {
+	#HelpButton_nd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_la {
+	.HelpButton_nd {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_k {
+	#SJ-LButton_ne {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_la {
+	#SJ-LButton_nf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_la {
+	.SJ-LButton_nf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_lb {
+	#SJ-LButton_ng {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_lc {
+	#SJ-LButton_nh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_lc {
+	.SJ-LButton_nh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_la {
+	#BC-LButton_ni {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_lb {
+	#BC-LButton_nj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_lb {
+	.BC-LButton_nj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_lc {
+	#BC-RButton_nk {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_ld {
+	#BC-RButton_nl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_ld {
+	.BC-RButton_nl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_le {
+	#EvenTMapButton_nm {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_lf {
+	#EvenTMapButton_nn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_lf {
+	.EvenTMapButton_nn {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_lg {
+	#TableButton_no {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_lh {
+	#TableButton_np {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_lh {
+	.TableButton_np {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_li {
+	#HOMEBUTTON_nq {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_lj {
+	#HOMEBUTTON_nr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_lj {
+	.HOMEBUTTON_nr {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_lk {
+	#BackButton_ns {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_lk {
+	.BackButton_ns {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E2">
 	<img id="n_218" src="n_218.png" srcset="n_218.png 1x, n_218@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_k" class="HelpButton">
-		<svg class="HelpButton_la">
-			<rect id="HelpButton_la" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_m">
+		<ellipse id="n_22_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_m">
+		<ellipse id="n_49_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_m">
+		<ellipse id="n_50_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_m">
+		<ellipse id="n_51_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_m">
+		<ellipse id="n_52_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_m">
+		<ellipse id="n_53_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_m">
+		<ellipse id="n_54_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_na">
+		<ellipse id="n_55_na" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_nb">
+		<ellipse id="n_56_nb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_nc" class="HelpButton">
+		<svg class="HelpButton_nd">
+			<rect id="HelpButton_nd" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_k" class="SJ_LButton">
-		<svg class="SJ-LButton_la">
-			<ellipse id="SJ-LButton_la" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ne" class="SJ_LButton">
+		<svg class="SJ-LButton_nf">
+			<ellipse id="SJ-LButton_nf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lb" class="SJ_LButton">
-		<svg class="SJ-LButton_lc">
-			<ellipse id="SJ-LButton_lc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ng" class="SJ_LButton">
+		<svg class="SJ-LButton_nh">
+			<ellipse id="SJ-LButton_nh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_la" class="BC_LButton">
-		<svg class="BC-LButton_lb">
-			<ellipse id="BC-LButton_lb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ni" class="BC_LButton">
+		<svg class="BC-LButton_nj">
+			<ellipse id="BC-LButton_nj" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_lc" class="BC_RButton">
-		<svg class="BC-RButton_ld">
-			<ellipse id="BC-RButton_ld" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_nk" class="BC_RButton">
+		<svg class="BC-RButton_nl">
+			<ellipse id="BC-RButton_nl" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_le" class="EvenTMapButton">
-		<svg class="EvenTMapButton_lf">
-			<rect id="EvenTMapButton_lf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_nm" class="EvenTMapButton">
+		<svg class="EvenTMapButton_nn">
+			<rect id="EvenTMapButton_nn" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_lg" class="TableButton">
-		<svg class="TableButton_lh">
-			<rect id="TableButton_lh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_no" class="TableButton">
+		<svg class="TableButton_np">
+			<rect id="TableButton_np" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_li" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_lj">
-			<rect id="HOMEBUTTON_lj" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_nq" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_nr">
+			<rect id="HOMEBUTTON_nr" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_lk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_lk" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_ns">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ns" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E3.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E3.html
old mode 100644
new mode 100755
index c4862c1..ce0e48a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_lo {
+	#n_22_nw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_nw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_nx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_nx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_ny {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_ny {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_nz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_nz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_n {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_lp {
+	#HelpButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_lp {
+	.HelpButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_lq {
+	#SJ-LButton_n {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_lr {
+	#SJ-LButton_oa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_lr {
+	.SJ-LButton_oa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ls {
+	#SJ-LButton_ob {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_lt {
+	#SJ-LButton_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_lt {
+	.SJ-LButton_oc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_lu {
+	#BC-LButton_ob {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_lv {
+	#BC-LButton_oc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_lv {
+	.BC-LButton_oc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_lw {
+	#BC-RButton_od {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_lx {
+	#BC-RButton_oe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_lx {
+	.BC-RButton_oe {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_ly {
+	#EvenTMapButton_of {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_lz {
+	#EvenTMapButton_og {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_lz {
+	.EvenTMapButton_og {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_l {
+	#TableButton_oh {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ma {
+	#TableButton_oi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ma {
+	.TableButton_oi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_l {
+	#HOMEBUTTON_oj {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ma {
+	#HOMEBUTTON_ok {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ma {
+	.HOMEBUTTON_ok {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_l {
+	#BackButton_ol {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_l {
+	.BackButton_ol {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E3">
 	<img id="n_219" src="n_219.png" srcset="n_219.png 1x, n_219@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_lo" class="HelpButton">
-		<svg class="HelpButton_lp">
-			<rect id="HelpButton_lp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_nw">
+		<ellipse id="n_22_nw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_nx">
+		<ellipse id="n_49_nx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_ny">
+		<ellipse id="n_50_ny" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_nz">
+		<ellipse id="n_51_nz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_n">
+		<ellipse id="n_52_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_n">
+		<ellipse id="n_53_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_n">
+		<ellipse id="n_54_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_n">
+		<ellipse id="n_55_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_n">
+		<ellipse id="n_56_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_n" class="HelpButton">
+		<svg class="HelpButton_oa">
+			<rect id="HelpButton_oa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_lq" class="SJ_LButton">
-		<svg class="SJ-LButton_lr">
-			<ellipse id="SJ-LButton_lr" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_n" class="SJ_LButton">
+		<svg class="SJ-LButton_oa">
+			<ellipse id="SJ-LButton_oa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ls" class="SJ_LButton">
-		<svg class="SJ-LButton_lt">
-			<ellipse id="SJ-LButton_lt" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ob" class="SJ_LButton">
+		<svg class="SJ-LButton_oc">
+			<ellipse id="SJ-LButton_oc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_lu" class="BC_LButton">
-		<svg class="BC-LButton_lv">
-			<ellipse id="BC-LButton_lv" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ob" class="BC_LButton">
+		<svg class="BC-LButton_oc">
+			<ellipse id="BC-LButton_oc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_lw" class="BC_RButton">
-		<svg class="BC-RButton_lx">
-			<ellipse id="BC-RButton_lx" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_od" class="BC_RButton">
+		<svg class="BC-RButton_oe">
+			<ellipse id="BC-RButton_oe" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_ly" class="EvenTMapButton">
-		<svg class="EvenTMapButton_lz">
-			<rect id="EvenTMapButton_lz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_of" class="EvenTMapButton">
+		<svg class="EvenTMapButton_og">
+			<rect id="EvenTMapButton_og" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_l" class="TableButton">
-		<svg class="TableButton_ma">
-			<rect id="TableButton_ma" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_oh" class="TableButton">
+		<svg class="TableButton_oi">
+			<rect id="TableButton_oi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_l" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ma">
-			<rect id="HOMEBUTTON_ma" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_oj" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ok">
+			<rect id="HOMEBUTTON_ok" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_l">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_l" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_ol">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ol" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E4.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E4.html
old mode 100644
new mode 100755
index d0978c5..df32454
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E4.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_l {
+	#n_22_op {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_op {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_oq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_oq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_or {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_or {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_os {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_os {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_ot {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_ot {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_ou {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_ou {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_ov {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_ov {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_ow {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_ow {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_ox {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_ox {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_oy {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_ma {
+	#HelpButton_oz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ma {
+	.HelpButton_oz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ma {
+	#SJ-LButton_o {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mb {
+	#SJ-LButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mb {
+	.SJ-LButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_mc {
+	#SJ-LButton_pb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_md {
+	#SJ-LButton_pc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_md {
+	.SJ-LButton_pc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_me {
+	#BC-LButton_o {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_mf {
+	#BC-LButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_mf {
+	.BC-LButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_mg {
+	#BC-RButton_o {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_mh {
+	#BC-RButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_mh {
+	.BC-RButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_mi {
+	#EvenTMapButton_o {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_mj {
+	#EvenTMapButton_pa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_mj {
+	.EvenTMapButton_pa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_mk {
+	#TableButton_pa {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ml {
+	#TableButton_pb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ml {
+	.TableButton_pb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_mm {
+	#HOMEBUTTON_pc {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_mn {
+	#HOMEBUTTON_pd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_mn {
+	.HOMEBUTTON_pd {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_mo {
+	#BackButton_pe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_mo {
+	.BackButton_pe {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E4">
 	<img id="n_220" src="n_220.png" srcset="n_220.png 1x, n_220@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_l" class="HelpButton">
-		<svg class="HelpButton_ma">
-			<rect id="HelpButton_ma" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_op">
+		<ellipse id="n_22_op" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_oq">
+		<ellipse id="n_49_oq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_or">
+		<ellipse id="n_50_or" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_os">
+		<ellipse id="n_51_os" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_ot">
+		<ellipse id="n_52_ot" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_ou">
+		<ellipse id="n_53_ou" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_ov">
+		<ellipse id="n_54_ov" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_ow">
+		<ellipse id="n_55_ow" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_ox">
+		<ellipse id="n_56_ox" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_oy" class="HelpButton">
+		<svg class="HelpButton_oz">
+			<rect id="HelpButton_oz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ma" class="SJ_LButton">
-		<svg class="SJ-LButton_mb">
-			<ellipse id="SJ-LButton_mb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_o" class="SJ_LButton">
+		<svg class="SJ-LButton_pa">
+			<ellipse id="SJ-LButton_pa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mc" class="SJ_LButton">
-		<svg class="SJ-LButton_md">
-			<ellipse id="SJ-LButton_md" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pb" class="SJ_LButton">
+		<svg class="SJ-LButton_pc">
+			<ellipse id="SJ-LButton_pc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_me" class="BC_LButton">
-		<svg class="BC-LButton_mf">
-			<ellipse id="BC-LButton_mf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_o" class="BC_LButton">
+		<svg class="BC-LButton_pa">
+			<ellipse id="BC-LButton_pa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_mg" class="BC_RButton">
-		<svg class="BC-RButton_mh">
-			<ellipse id="BC-RButton_mh" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_o" class="BC_RButton">
+		<svg class="BC-RButton_pa">
+			<ellipse id="BC-RButton_pa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_mi" class="EvenTMapButton">
-		<svg class="EvenTMapButton_mj">
-			<rect id="EvenTMapButton_mj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_o" class="EvenTMapButton">
+		<svg class="EvenTMapButton_pa">
+			<rect id="EvenTMapButton_pa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_mk" class="TableButton">
-		<svg class="TableButton_ml">
-			<rect id="TableButton_ml" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_pa" class="TableButton">
+		<svg class="TableButton_pb">
+			<rect id="TableButton_pb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_mm" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_mn">
-			<rect id="HOMEBUTTON_mn" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_pc" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_pd">
+			<rect id="HOMEBUTTON_pd" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_mo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_mo" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_pe">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_pe" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E5.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E5.html
old mode 100644
new mode 100755
index 63f76ff..4af7329
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E5.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ms {
+	#n_22_pi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_pi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_pj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_pj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_pk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_pk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_pl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_pl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_pm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_pm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_pn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_pn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_po {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_po {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_pp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_pp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_pq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_pq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_pr {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_mt {
+	#HelpButton_ps {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_mt {
+	.HelpButton_ps {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_mu {
+	#SJ-LButton_pt {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mv {
+	#SJ-LButton_pu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mv {
+	.SJ-LButton_pu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_mw {
+	#SJ-LButton_pv {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_mx {
+	#SJ-LButton_pw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_mx {
+	.SJ-LButton_pw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_my {
+	#BC-LButton_px {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_mz {
+	#BC-LButton_py {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_mz {
+	.BC-LButton_py {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_m {
+	#BC-RButton_pz {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_na {
+	#BC-RButton_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_na {
+	.BC-RButton_p {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_m {
+	#EvenTMapButton_p {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_na {
+	#EvenTMapButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_na {
+	.EvenTMapButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_m {
+	#TableButton_p {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_na {
+	#TableButton_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_na {
+	.TableButton_qa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_m {
+	#HOMEBUTTON_p {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_na {
+	#HOMEBUTTON_qa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_na {
+	.HOMEBUTTON_qa {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_m {
+	#BackButton_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_m {
+	.BackButton_p {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E5">
 	<img id="n_221" src="n_221.png" srcset="n_221.png 1x, n_221@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_ms" class="HelpButton">
-		<svg class="HelpButton_mt">
-			<rect id="HelpButton_mt" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_pi">
+		<ellipse id="n_22_pi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_pj">
+		<ellipse id="n_49_pj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_pk">
+		<ellipse id="n_50_pk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_pl">
+		<ellipse id="n_51_pl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_pm">
+		<ellipse id="n_52_pm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_pn">
+		<ellipse id="n_53_pn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_po">
+		<ellipse id="n_54_po" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_pp">
+		<ellipse id="n_55_pp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_pq">
+		<ellipse id="n_56_pq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_pr" class="HelpButton">
+		<svg class="HelpButton_ps">
+			<rect id="HelpButton_ps" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mu" class="SJ_LButton">
-		<svg class="SJ-LButton_mv">
-			<ellipse id="SJ-LButton_mv" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pt" class="SJ_LButton">
+		<svg class="SJ-LButton_pu">
+			<ellipse id="SJ-LButton_pu" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_mw" class="SJ_LButton">
-		<svg class="SJ-LButton_mx">
-			<ellipse id="SJ-LButton_mx" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pv" class="SJ_LButton">
+		<svg class="SJ-LButton_pw">
+			<ellipse id="SJ-LButton_pw" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_my" class="BC_LButton">
-		<svg class="BC-LButton_mz">
-			<ellipse id="BC-LButton_mz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_px" class="BC_LButton">
+		<svg class="BC-LButton_py">
+			<ellipse id="BC-LButton_py" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_m" class="BC_RButton">
-		<svg class="BC-RButton_na">
-			<ellipse id="BC-RButton_na" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_pz" class="BC_RButton">
+		<svg class="BC-RButton_p">
+			<ellipse id="BC-RButton_p" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_m" class="EvenTMapButton">
-		<svg class="EvenTMapButton_na">
-			<rect id="EvenTMapButton_na" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_p" class="EvenTMapButton">
+		<svg class="EvenTMapButton_qa">
+			<rect id="EvenTMapButton_qa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_m" class="TableButton">
-		<svg class="TableButton_na">
-			<rect id="TableButton_na" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_p" class="TableButton">
+		<svg class="TableButton_qa">
+			<rect id="TableButton_qa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_m" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_na">
-			<rect id="HOMEBUTTON_na" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_p" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_qa">
+			<rect id="HOMEBUTTON_qa" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_m">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_m" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_p">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_p" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E6.html b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E6.html
old mode 100644
new mode 100755
index 6757d31..c70a76b
--- a/public/flukemoni/Ex5/OTDR_1_Curve_1550_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_1550_E6.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_nc {
+	#n_22_qb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_qb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_qc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_qc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_qd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_qd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_qe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_qe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_qf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_qf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_qg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_qg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_qh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_qh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_qi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_qi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_qj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_qj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_qk {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_nd {
+	#HelpButton_ql {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_nd {
+	.HelpButton_ql {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ne {
+	#SJ-LButton_qm {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_nf {
+	#SJ-LButton_qn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_nf {
+	.SJ-LButton_qn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ng {
+	#SJ-LButton_qo {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_nh {
+	#SJ-LButton_qp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_nh {
+	.SJ-LButton_qp {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_ni {
+	#BC-LButton_qq {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_nj {
+	#BC-LButton_qr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_nj {
+	.BC-LButton_qr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_nk {
+	#BC-RButton_qs {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_nl {
+	#BC-RButton_qt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_nl {
+	.BC-RButton_qt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_nm {
+	#EvenTMapButton_qu {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_nn {
+	#EvenTMapButton_qv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_nn {
+	.EvenTMapButton_qv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_no {
+	#TableButton_qw {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_np {
+	#TableButton_qx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_np {
+	.TableButton_qx {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_nq {
+	#HOMEBUTTON_qy {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_nr {
+	#HOMEBUTTON_qz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_nr {
+	.HOMEBUTTON_qz {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_ns {
+	#BackButton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ns {
+	.BackButton_q {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-1550-E6">
 	<img id="n_222" src="n_222.png" srcset="n_222.png 1x, n_222@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_nc" class="HelpButton">
-		<svg class="HelpButton_nd">
-			<rect id="HelpButton_nd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_qb">
+		<ellipse id="n_22_qb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_qc">
+		<ellipse id="n_49_qc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_qd">
+		<ellipse id="n_50_qd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_qe">
+		<ellipse id="n_51_qe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_qf">
+		<ellipse id="n_52_qf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_qg">
+		<ellipse id="n_53_qg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_qh">
+		<ellipse id="n_54_qh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_qi">
+		<ellipse id="n_55_qi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_qj">
+		<ellipse id="n_56_qj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_qk" class="HelpButton">
+		<svg class="HelpButton_ql">
+			<rect id="HelpButton_ql" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ne" class="SJ_LButton">
-		<svg class="SJ-LButton_nf">
-			<ellipse id="SJ-LButton_nf" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qm" class="SJ_LButton">
+		<svg class="SJ-LButton_qn">
+			<ellipse id="SJ-LButton_qn" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ng" class="SJ_LButton">
-		<svg class="SJ-LButton_nh">
-			<ellipse id="SJ-LButton_nh" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qo" class="SJ_LButton">
+		<svg class="SJ-LButton_qp">
+			<ellipse id="SJ-LButton_qp" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_ni" class="BC_LButton">
-		<svg class="BC-LButton_nj">
-			<ellipse id="BC-LButton_nj" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_qq" class="BC_LButton">
+		<svg class="BC-LButton_qr">
+			<ellipse id="BC-LButton_qr" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_nk" class="BC_RButton">
-		<svg class="BC-RButton_nl">
-			<ellipse id="BC-RButton_nl" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_qs" class="BC_RButton">
+		<svg class="BC-RButton_qt">
+			<ellipse id="BC-RButton_qt" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_nm" class="EvenTMapButton">
-		<svg class="EvenTMapButton_nn">
-			<rect id="EvenTMapButton_nn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_qu" class="EvenTMapButton">
+		<svg class="EvenTMapButton_qv">
+			<rect id="EvenTMapButton_qv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_no" class="TableButton">
-		<svg class="TableButton_np">
-			<rect id="TableButton_np" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_qw" class="TableButton">
+		<svg class="TableButton_qx">
+			<rect id="TableButton_qx" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_nq" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_nr">
-			<rect id="HOMEBUTTON_nr" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_qy" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_qz">
+			<rect id="HOMEBUTTON_qz" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_ns">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_ns" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_q">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_q" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1.html
old mode 100644
new mode 100755
index 4397237..9a7c102
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_nw {
+	#n_22_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_ra {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_ra {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_rb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_rb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_rc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_rc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_rd {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_nx {
+	#HelpButton_re {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_nx {
+	.HelpButton_re {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ny {
+	#SJ-LButton_rf {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_nz {
+	#SJ-LButton_rg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_nz {
+	.SJ-LButton_rg {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_n {
+	#SJ-LButton_rh {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_oa {
+	#SJ-LButton_ri {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_oa {
+	.SJ-LButton_ri {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_n {
+	#BC-LButton_rj {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1.html;
 		cursor: pointer;
 	}
-	#BC-LButton_oa {
+	#BC-LButton_rk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_oa {
+	.BC-LButton_rk {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_n {
+	#BC-RButton_rl {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BC-RButton_oa {
+	#BC-RButton_rm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_oa {
+	.BC-RButton_rm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_n {
+	#EvenTMapButton_rn {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_oa {
+	#EvenTMapButton_ro {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_oa {
+	.EvenTMapButton_ro {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_n {
+	#TableButton_rp {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_oa {
+	#TableButton_rq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_oa {
+	.TableButton_rq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_oa {
+	#HOMEBUTTON_rr {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ob {
+	#HOMEBUTTON_rs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ob {
+	.HOMEBUTTON_rs {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_oc {
+	#BackButton_rt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_oc {
+	.BackButton_rt {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1">
 	<img id="n_223" src="n_223.png" srcset="n_223.png 1x, n_223@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_nw" class="HelpButton">
-		<svg class="HelpButton_nx">
-			<rect id="HelpButton_nx" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_q">
+		<ellipse id="n_22_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_q">
+		<ellipse id="n_49_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_q">
+		<ellipse id="n_50_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_q">
+		<ellipse id="n_51_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_q">
+		<ellipse id="n_52_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_q">
+		<ellipse id="n_53_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_ra">
+		<ellipse id="n_54_ra" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_rb">
+		<ellipse id="n_55_rb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_rc">
+		<ellipse id="n_56_rc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_rd" class="HelpButton">
+		<svg class="HelpButton_re">
+			<rect id="HelpButton_re" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ny" class="SJ_LButton">
-		<svg class="SJ-LButton_nz">
-			<ellipse id="SJ-LButton_nz" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_rf" class="SJ_LButton">
+		<svg class="SJ-LButton_rg">
+			<ellipse id="SJ-LButton_rg" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_n" class="SJ_LButton">
-		<svg class="SJ-LButton_oa">
-			<ellipse id="SJ-LButton_oa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_rh" class="SJ_LButton">
+		<svg class="SJ-LButton_ri">
+			<ellipse id="SJ-LButton_ri" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_n" class="BC_LButton">
-		<svg class="BC-LButton_oa">
-			<ellipse id="BC-LButton_oa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_rj" class="BC_LButton">
+		<svg class="BC-LButton_rk">
+			<ellipse id="BC-LButton_rk" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_n" class="BC_RButton">
-		<svg class="BC-RButton_oa">
-			<ellipse id="BC-RButton_oa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_rl" class="BC_RButton">
+		<svg class="BC-RButton_rm">
+			<ellipse id="BC-RButton_rm" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_n" class="EvenTMapButton">
-		<svg class="EvenTMapButton_oa">
-			<rect id="EvenTMapButton_oa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_rn" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ro">
+			<rect id="EvenTMapButton_ro" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_n" class="TableButton">
-		<svg class="TableButton_oa">
-			<rect id="TableButton_oa" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_rp" class="TableButton">
+		<svg class="TableButton_rq">
+			<rect id="TableButton_rq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_oa" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ob">
-			<rect id="HOMEBUTTON_ob" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_rr" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_rs">
+			<rect id="HOMEBUTTON_rs" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_oc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_oc" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_rt">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_rt" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___1.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___1.html
old mode 100644
new mode 100755
index 2bcd4c4..4d9d548
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___1.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bd {
+	#n_22_bsx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bsx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_bsy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_bsy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_bsz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_bsz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bd {
+	.SJ-LButton_bs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bea {
+	#SJ-LButton_bta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bea {
+	.SJ-LButton_bta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bd {
+	#BC-LButton_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bd {
+	.BC-LButton_bs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bd {
+	#BC-RButton_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bd {
+	.BC-RButton_bs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#EvenTMapButton_bea {
+	#EvenTMapButton_bta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bea {
+	.EvenTMapButton_bta {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#TableButton_beb {
+	#TableButton_btb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_beb {
+	.TableButton_btb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bec {
+	#HelpButton_btc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bec {
+	.HelpButton_btc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bed {
+	#BackButton_btd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bed {
+	.BackButton_btd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bee {
+	#HOMEBUTTON_bte {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bee {
+	.HOMEBUTTON_bte {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__1">
 	<img id="n_140" src="n_140.png" srcset="n_140.png 1x, n_140@2x.png 2x">
 		
-	<svg class="SJ-LButton_bd">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bd" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bsx">
+		<ellipse id="n_22_bsx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bea">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bea" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_bsy">
+		<ellipse id="n_25_bsy" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bd">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bd" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_bsz">
+		<ellipse id="n_26_bsz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bd">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bd" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_bs">
+		<ellipse id="n_27_bs" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EvenTMapButton_bea">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bea" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_28_bs">
+		<ellipse id="n_28_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_bs">
+		<ellipse id="n_29_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_bs">
+		<ellipse id="n_30_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_bs">
+		<ellipse id="n_31_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_bs">
+		<ellipse id="n_32_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bs">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bta">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bta" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bs">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bs">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="EvenTMapButton_bta">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bta" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_beb">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_beb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_btb">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_btb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bec">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bec" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_btc">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_btc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bed">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bed" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_btd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_btd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bee">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bee" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bte">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bte" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___10.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___10.html
old mode 100644
new mode 100755
index 9e051f5..8981dbf
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___10.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bzv {
+	#n_22_csc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_csc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_csd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_csd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cse {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cse {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_csf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_csf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_csg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_csg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_csh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_csh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_csi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_csi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_csj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_csj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_csk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_csk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_csl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bzv {
+	.SJ-LButton_csl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bzw {
+	#SJ-LButton_csm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bzw {
+	.SJ-LButton_csm {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bzx {
+	#BC-LButton_csn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bzx {
+	.BC-LButton_csn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bzy {
+	#BC-RButton_cso {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___10.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bzy {
+	.BC-RButton_cso {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bzz {
+	#HelpButton_csp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bzz {
+	.HelpButton_csp {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bz {
+	#TableButton_csq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bz {
+	.TableButton_csq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bz {
+	#HOMEBUTTON_csr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bz {
+	.HOMEBUTTON_csr {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bz {
+	#BackButton_css {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bz {
+	.BackButton_css {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bz {
+	#EvenTMapButton_cst {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bz {
+	.EvenTMapButton_cst {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__10">
 	<img id="n_277" src="n_277.png" srcset="n_277.png 1x, n_277@2x.png 2x">
 		
-	<svg class="SJ-LButton_bzv">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bzv" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_csc">
+		<ellipse id="n_22_csc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bzw">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bzw" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_csd">
+		<ellipse id="n_72_csd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bzx">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bzx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cse">
+		<ellipse id="n_73_cse" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bzy">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bzy" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_csf">
+		<ellipse id="n_74_csf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bzz">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bzz" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_csg">
+		<ellipse id="n_75_csg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_csh">
+		<ellipse id="n_76_csh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_csi">
+		<ellipse id="n_77_csi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_csj">
+		<ellipse id="n_78_csj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_csk">
+		<ellipse id="n_79_csk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_csl">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_csl" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_csm">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_csm" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_csn">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_csn" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cso">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cso" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_csp">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_csp" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bz">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_csq">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_csq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bz">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bz" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_csr">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_csr" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bz">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bz" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_css">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_css" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bz">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cst">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cst" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___11.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___11.html
old mode 100644
new mode 100755
index e10af47..8b88af4
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___11.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_b {
+	#n_22_ct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_ct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_ct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_ct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_ct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_ct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_ct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cua {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cua {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cub {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cub {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cuc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cuc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cud {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cud {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cue {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cue {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cuf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_b {
+	.SJ-LButton_cuf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_be {
+	#SJ-LButton_cug {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_be {
+	.SJ-LButton_cug {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_b {
+	#BC-LButton_cuh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-LButton_b {
+	.BC-LButton_cuh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_b {
+	#BC-RButton_cui {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___11.html;
 		cursor: pointer;
 	}
-	.BC-RButton_b {
+	.BC-RButton_cui {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_be {
+	#HelpButton_cuj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_be {
+	.HelpButton_cuj {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_b {
+	#TableButton_cuk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_b {
+	.TableButton_cuk {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_b {
+	#HOMEBUTTON_cul {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_b {
+	.HOMEBUTTON_cul {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_cad {
+	#BackButton_cum {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cad {
+	.BackButton_cum {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_b {
+	#EvenTMapButton_cun {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_b {
+	.EvenTMapButton_cun {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__11">
 	<img id="n_278" src="n_278.png" srcset="n_278.png 1x, n_278@2x.png 2x">
 		
-	<svg class="SJ-LButton_b">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_b" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_ct">
+		<ellipse id="n_22_ct" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_be">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_be" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_ct">
+		<ellipse id="n_72_ct" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_b">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_b" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_ct">
+		<ellipse id="n_73_ct" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_b">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_b" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_ct">
+		<ellipse id="n_74_ct" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_be">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_be" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cua">
+		<ellipse id="n_75_cua" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cub">
+		<ellipse id="n_76_cub" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cuc">
+		<ellipse id="n_77_cuc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cud">
+		<ellipse id="n_78_cud" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cue">
+		<ellipse id="n_79_cue" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cuf">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cuf" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cug">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cug" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cuh">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cuh" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cui">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cui" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cuj">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cuj" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_b">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cuk">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cuk" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_b">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_b" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cul">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cul" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cad">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cad" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cum">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cum" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_b">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cun">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cun" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___12.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___12.html
old mode 100644
new mode 100755
index 8b26f90..e015336
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___12.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bf {
+	#n_22_cur {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cur {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cus {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cus {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cut {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cut {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cuu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cuu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cuv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cuv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cuw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cuw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cux {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cux {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cuy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cuy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cuz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cuz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___13.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bf {
+	.SJ-LButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bg {
+	#SJ-LButton_cva {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bg {
+	.SJ-LButton_cva {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_be {
+	#BC-LButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-LButton_be {
+	.BC-LButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_be {
+	#BC-RButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___12.html;
 		cursor: pointer;
 	}
-	.BC-RButton_be {
+	.BC-RButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bh {
+	#HelpButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bh {
+	.HelpButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bf {
+	#TableButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bf {
+	.TableButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bg {
+	#HOMEBUTTON_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bg {
+	.HOMEBUTTON_cu {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_cae {
+	#BackButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cae {
+	.BackButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bi {
+	#EvenTMapButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bi {
+	.EvenTMapButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__12">
 	<img id="n_280" src="n_280.png" srcset="n_280.png 1x, n_280@2x.png 2x">
 		
-	<svg class="SJ-LButton_bf">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bf" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cur">
+		<ellipse id="n_22_cur" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bg">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bg" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cus">
+		<ellipse id="n_72_cus" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_be">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_be" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cut">
+		<ellipse id="n_73_cut" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_be">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_be" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cuu">
+		<ellipse id="n_74_cuu" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bh" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cuv">
+		<ellipse id="n_75_cuv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cuw">
+		<ellipse id="n_76_cuw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cux">
+		<ellipse id="n_77_cux" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cuy">
+		<ellipse id="n_78_cuy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cuz">
+		<ellipse id="n_79_cuz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cu">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cva">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cva" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cu">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cu" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cu">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bg">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bg" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cu">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cu" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cae">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cae" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bi" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cu">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___13.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___13.html
old mode 100644
new mode 100755
index 0b442d0..6d2e441
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___13.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bz {
+	#n_22_csx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_csx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_csy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_csy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_csz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_csz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___11.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bz {
+	.SJ-LButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_ba {
+	#SJ-LButton_cta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_ba {
+	.SJ-LButton_cta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bz {
+	#BC-LButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bz {
+	.BC-LButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_ba {
+	#BC-RButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___13.html;
 		cursor: pointer;
 	}
-	.BC-RButton_ba {
+	.BC-RButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bd {
+	#HelpButton_cta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bd {
+	.HelpButton_cta {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bc {
+	#TableButton_ctb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bc {
+	.TableButton_ctb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bf {
+	#HOMEBUTTON_ctc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bf {
+	.HOMEBUTTON_ctc {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_caa {
+	#BackButton_ctd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caa {
+	.BackButton_ctd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bf {
+	#EvenTMapButton_cte {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bf {
+	.EvenTMapButton_cte {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__13">
 	<img id="n_279" src="n_279.png" srcset="n_279.png 1x, n_279@2x.png 2x">
 		
-	<svg class="SJ-LButton_bz">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_csx">
+		<ellipse id="n_22_csx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_ba">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ba" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_csy">
+		<ellipse id="n_72_csy" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_csz">
+		<ellipse id="n_73_csz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_ba">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_ba" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cs">
+		<ellipse id="n_74_cs" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bd">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cs">
+		<ellipse id="n_75_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cs">
+		<ellipse id="n_76_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cs">
+		<ellipse id="n_77_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cs">
+		<ellipse id="n_78_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cs">
+		<ellipse id="n_79_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cs">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cta">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cta" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cs">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cs">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cs" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cta">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cta" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bc" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_ctb">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_ctb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bf">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_ctc">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_ctc" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_caa">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caa" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_ctd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ctd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cte">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cte" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___2.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___2.html
old mode 100644
new mode 100755
index 048eea9..f55d09e
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bei {
+	#n_22_bti {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bti {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25_btj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25_btj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26_btk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26_btk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27_btl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27_btl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28_btm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28_btm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29_btn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29_btn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30_bto {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30_bto {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31_btp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31_btp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32_btq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32_btq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_btr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bei {
+	.SJ-LButton_btr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bej {
+	#SJ-LButton_bts {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___3.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bej {
+	.SJ-LButton_bts {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bek {
+	#BC-LButton_btt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bek {
+	.BC-LButton_btt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bel {
+	#BC-RButton_btu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___2.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bel {
+	.BC-RButton_btu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bem {
+	#HelpButton_btv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bem {
+	.HelpButton_btv {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_ben {
+	#EvenTMapButton_btw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_ben {
+	.EvenTMapButton_btw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___2.html;
 		cursor: pointer;
 	}
-	#TableButton_beo {
+	#TableButton_btx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_beo {
+	.TableButton_btx {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bep {
+	#BackButton_bty {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bep {
+	.BackButton_bty {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_beq {
+	#HOMEBUTTON_btz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_beq {
+	.HOMEBUTTON_btz {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__2">
 	<img id="n_133" src="n_133.png" srcset="n_133.png 1x, n_133@2x.png 2x">
 		
-	<svg class="SJ-LButton_bei">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bei" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_bti">
+		<ellipse id="n_22_bti" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bej">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bej" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25_btj">
+		<ellipse id="n_25_btj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bek">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bek" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26_btk">
+		<ellipse id="n_26_btk" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bel">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bel" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27_btl">
+		<ellipse id="n_27_btl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bem">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bem" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_28_btm">
+		<ellipse id="n_28_btm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29_btn">
+		<ellipse id="n_29_btn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30_bto">
+		<ellipse id="n_30_bto" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31_btp">
+		<ellipse id="n_31_btp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32_btq">
+		<ellipse id="n_32_btq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_btr">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_btr" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bts">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bts" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_btt">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_btt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_btu">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_btu" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_btv">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_btv" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_ben">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_ben" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_btw">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_btw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_beo">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_beo" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_btx">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_btx" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bep">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bep" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bty">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bty" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_beq">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_beq" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_btz">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_btz" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___3.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___3.html
old mode 100644
new mode 100755
index 0d2620a..2596e08
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_beu {
+	#n_22 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_25 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_25 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 69px;
+		top: 97px;
+	}
+	#n_26 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_26 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 255px;
+		top: 97px;
+	}
+	#n_27 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_27 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 537px;
+	}
+	#n_28 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_28 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_29 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_29 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_30 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_30 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_31 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_31 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_32 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_32 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___2.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_beu {
+	.SJ-LButton {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bev {
+	#SJ-LButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___1.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bev {
+	.SJ-LButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bew {
+	#BC-LButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bew {
+	.BC-LButton {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bex {
+	#BC-RButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___3.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bex {
+	.BC-RButton {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bey {
+	#HelpButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bey {
+	.HelpButton {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bez {
+	#EvenTMapButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bez {
+	.EvenTMapButton {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___3.html;
 		cursor: pointer;
 	}
-	#TableButton_be {
+	#TableButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_be {
+	.TableButton {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +366,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_be {
+	#BackButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_be {
+	.BackButton {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_be {
+	#HOMEBUTTON {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_be {
+	.HOMEBUTTON {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__3">
 	<img id="n_136" src="n_136.png" srcset="n_136.png 1x, n_136@2x.png 2x">
 		
-	<svg class="SJ-LButton_beu">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_beu" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22">
+		<ellipse id="n_22" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bev">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bev" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_25">
+		<ellipse id="n_25" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bew">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bew" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_26">
+		<ellipse id="n_26" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bex">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bex" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_27">
+		<ellipse id="n_27" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bey">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bey" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_28">
+		<ellipse id="n_28" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_29">
+		<ellipse id="n_29" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_30">
+		<ellipse id="n_30" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_31">
+		<ellipse id="n_31" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_32">
+		<ellipse id="n_32" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_g">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_g" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bez">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bez" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_be">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_be" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton">
+		<rect onclick="application.goToTargetView(event)" id="TableButton" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_be">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_be" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton">
+		<rect onclick="application.goToTargetView(event)" id="BackButton" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_be">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_be" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___4.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___4.html
old mode 100644
new mode 100755
index 12e4e32..1185214
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bn {
+	#n_24_cab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_cae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_caf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_caf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#HelpButton_cad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bn {
+	.HelpButton_cad {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_bn {
+	#SJ-LButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bn {
+	.SJ-LButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_boa {
+	#SJ-LButton_bc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_boa {
+	.SJ-LButton_bc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bn {
+	#BC-LButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bn {
+	.BC-LButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_boa {
+	#BC-RButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	.BC-RButton_boa {
+	.BC-RButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -160,7 +304,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#TableButton_bob {
+	#TableButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bob {
+	.TableButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_boc {
+	#EvenTMapButton_bc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_boc {
+	.EvenTMapButton_bc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#BackButton_bod {
+	#BackButton_can {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bod {
+	.BackButton_can {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__4">
 	<img id="n_174" src="n_174.png" srcset="n_174.png 1x, n_174@2x.png 2x">
 		
-	<svg class="HelpButton_bn">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bn" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_cab">
+		<ellipse id="n_24_cab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cac">
+		<ellipse id="n_24_cac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cad">
+		<ellipse id="n_24_cad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cae">
+		<ellipse id="n_24_cae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_caf">
+		<ellipse id="n_24_caf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cag">
+		<ellipse id="n_24_cag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cah">
+		<ellipse id="n_24_cah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cai">
+		<ellipse id="n_24_cai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cad">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cad" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="SJ-LButton_bn">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_bb">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bb" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_boa">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_boa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="SJ-LButton_bc">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bc" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bn">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-LButton_ba">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_ba" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_boa">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_boa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="BC-RButton_bb">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bb" rx="19" ry="19" cx="19" cy="19">
 		</ellipse>
 	</svg>
-	<svg class="TableButton_bob">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bob" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_boc">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_boc" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bc">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bod">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bod" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_can">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_can" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___5.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___5.html
old mode 100644
new mode 100755
index 158f2cd..b972a1a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_brx {
+	#n_24_ce {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ce {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cfa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_cfb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_cfc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_cfd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cfe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_cff {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cff {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cfg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cfg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cfc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_brx {
+	.SJ-LButton_cfc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bry {
+	#SJ-LButton_cfd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bry {
+	.SJ-LButton_cfd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_brz {
+	#BC-LButton_cfe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-LButton_brz {
+	.BC-LButton_cfe {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_br {
+	#BC-RButton_cff {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___5.html;
 		cursor: pointer;
 	}
-	.BC-RButton_br {
+	.BC-RButton_cff {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_br {
+	#HelpButton_cfg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_br {
+	.HelpButton_cfg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -156,7 +300,7 @@
 		left: 10px;
 		top: 532px;
 	}
-	#TableButton_br {
+	#TableButton_cfh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_br {
+	.TableButton_cfh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +322,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_br {
+	#EvenTMapButton_cfi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_br {
+	.EvenTMapButton_cfi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -200,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#BackButton_br {
+	#BackButton_cfj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_br {
+	.BackButton_cfj {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3138,36 +3282,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__5">
 	<img id="n_175" src="n_175.png" srcset="n_175.png 1x, n_175@2x.png 2x">
 		
-	<svg class="SJ-LButton_brx">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_brx" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ce">
+		<ellipse id="n_24_ce" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bry">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bry" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cfa">
+		<ellipse id="n_24_cfa" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_brz">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_brz" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cfb">
+		<ellipse id="n_24_cfb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_br">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_br" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cfc">
+		<ellipse id="n_24_cfc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_br">
-		<rect id="HelpButton_br" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_cfd">
+		<ellipse id="n_24_cfd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cfe">
+		<ellipse id="n_24_cfe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cff">
+		<ellipse id="n_24_cff" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cfg">
+		<ellipse id="n_24_cfg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cfc">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cfc" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cfd">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cfd" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cfe">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cfe" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cff">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cff" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cfg">
+		<rect id="HelpButton_cfg" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_br">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_br" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cfh">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cfh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_br">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_br" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cfi">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cfi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_br">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_br" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cfj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cfj" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___6.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___6.html
old mode 100644
new mode 100755
index 3c6a874..5433a3d
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bzk {
+	#n_24_crt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_crt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cru {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cru {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_crv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_crv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_crw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_crw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_crx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_crx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cry {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cry {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_crz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_crz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_cr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___5.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bzk {
+	.SJ-LButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bzl {
+	#SJ-LButton_csa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___7.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bzl {
+	.SJ-LButton_csa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bzm {
+	#BC-LButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bzm {
+	.BC-LButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bzn {
+	#BC-RButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___6.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bzn {
+	.BC-RButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bzo {
+	#HelpButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bzo {
+	.HelpButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bzp {
+	#TableButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bzp {
+	.TableButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bzq {
+	#EvenTMapButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bzq {
+	.EvenTMapButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#BackButton_bzr {
+	#BackButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bzr {
+	.BackButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__6">
 	<img id="n_176" src="n_176.png" srcset="n_176.png 1x, n_176@2x.png 2x">
 		
-	<svg class="SJ-LButton_bzk">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bzk" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_crt">
+		<ellipse id="n_24_crt" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bzl">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bzl" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cru">
+		<ellipse id="n_24_cru" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bzm">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bzm" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_crv">
+		<ellipse id="n_24_crv" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bzn">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bzn" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_crw">
+		<ellipse id="n_24_crw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bzo">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bzo" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_crx">
+		<ellipse id="n_24_crx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cry">
+		<ellipse id="n_24_cry" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_crz">
+		<ellipse id="n_24_crz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cr">
+		<ellipse id="n_24_cr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cr">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cr" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_csa">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_csa" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cr">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cr" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cr">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cr" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bzp">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bzp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bzq">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bzq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bzr">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bzr" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cr" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___7.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___7.html
old mode 100644
new mode 100755
index c739560..4707f64
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___7.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_bo {
+	#n_24_ctn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cto {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cto {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_24_ctp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_24_ctq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_24_ctr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_24_cts {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cts {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_24_ctt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_24_ctu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ctu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#SJ-LButton_ctv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +208,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___6.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bo {
+	.SJ-LButton_ctv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +216,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bp {
+	#SJ-LButton_ctw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +230,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___4.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bp {
+	.SJ-LButton_ctw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +238,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bp {
+	#BC-LButton_ctx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bp {
+	.BC-LButton_ctx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +260,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bs {
+	#BC-RButton_cty {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___7.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bs {
+	.BC-RButton_cty {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +282,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bs {
+	#HelpButton_ctz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bs {
+	.HelpButton_ctz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +304,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___2.html;
 		cursor: pointer;
 	}
-	#TableButton_bt {
+	#TableButton_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bt {
+	.TableButton_ct {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bt {
+	#EvenTMapButton_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bt {
+	.EvenTMapButton_ct {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -204,7 +348,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#BackButton_cac {
+	#BackButton_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +358,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cac {
+	.BackButton_ct {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3142,36 +3286,68 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__7">
 	<img id="n_177" src="n_177.png" srcset="n_177.png 1x, n_177@2x.png 2x">
 		
-	<svg class="SJ-LButton_bo">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bo" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ctn">
+		<ellipse id="n_24_ctn" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_cto">
+		<ellipse id="n_24_cto" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bp" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ctp">
+		<ellipse id="n_24_ctp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bs">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bs" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_24_ctq">
+		<ellipse id="n_24_ctq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bs" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_ctr">
+		<ellipse id="n_24_ctr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cts">
+		<ellipse id="n_24_cts" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_ctt">
+		<ellipse id="n_24_ctt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_ctu">
+		<ellipse id="n_24_ctu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_ctv">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ctv" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_ctw">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_ctw" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_ctx">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_ctx" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cty">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cty" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ctz">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ctz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bt">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_ct">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_ct" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bt">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_ct">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_ct" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_cac">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cac" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_ct">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ct" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___8.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___8.html
old mode 100644
new mode 100755
index 7889817..223d6e6
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___8.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_boh {
+	#n_22_cbj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_bk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_bk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_bl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_bl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_bm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_bm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_bn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_bn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_bo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_bo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___12.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_boh {
+	.SJ-LButton_bq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_boi {
+	#SJ-LButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___9.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_boi {
+	.SJ-LButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_boj {
+	#BC-LButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-LButton_boj {
+	.BC-LButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bok {
+	#BC-RButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bok {
+	.BC-RButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bol {
+	#HelpButton_cae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bol {
+	.HelpButton_cae {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bom {
+	#TableButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bom {
+	.TableButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bon {
+	#HOMEBUTTON_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bon {
+	.HOMEBUTTON_bv {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_boo {
+	#BackButton_cao {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_boo {
+	.BackButton_cao {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_boq {
+	#EvenTMapButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_boq {
+	.EvenTMapButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -248,7 +410,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_boq {
+	#EvenTMapButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -258,7 +420,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_boq {
+	.EvenTMapButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3186,44 +3348,80 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__8">
 	<img id="n_275" src="n_275.png" srcset="n_275.png 1x, n_275@2x.png 2x">
 		
-	<svg class="SJ-LButton_boh">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_boh" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cbj">
+		<ellipse id="n_22_cbj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_boi">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_boi" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_bh">
+		<ellipse id="n_72_bh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_boj">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_boj" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_bi">
+		<ellipse id="n_73_bi" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bok">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bok" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_bj">
+		<ellipse id="n_74_bj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bol">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bol" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_bk">
+		<ellipse id="n_75_bk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_bl">
+		<ellipse id="n_76_bl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_bm">
+		<ellipse id="n_77_bm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_bn">
+		<ellipse id="n_78_bn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_bo">
+		<ellipse id="n_79_bo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bq">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bq" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_bt">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_bt">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_bt">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bt" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cae">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cae" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bom">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bom" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bon">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bon" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bv">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bv" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_boo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_boo" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cao">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cao" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_boq">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_boq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_by">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_by" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_boq">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_boq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_by">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_by" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___9.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___9.html
old mode 100644
new mode 100755
index b8f6eb1..6a16f32
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E1___9.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#SJ-LButton_br {
+	#n_22_cfn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cfn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_72_cfo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_72_cfo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 99px;
+	}
+	#n_73_cfp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_73_cfp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 252px;
+		top: 97px;
+	}
+	#n_74_cfq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_74_cfq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_75_cfr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_75_cfr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_76_cfs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_76_cfs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 190px;
+		top: 537px;
+	}
+	#n_77_cft {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_77_cft {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_78_cfu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_78_cfu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_79_cfv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_79_cfv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#SJ-LButton_cfw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +226,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___8.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_br {
+	.SJ-LButton_cfw {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -72,7 +234,7 @@
 		left: 84px;
 		top: 529px;
 	}
-	#SJ-LButton_bsa {
+	#SJ-LButton_cfx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +248,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1___10.html;
 		cursor: pointer;
 	}
-	.SJ-LButton_bsa {
+	.SJ-LButton_cfx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -94,7 +256,7 @@
 		left: 182px;
 		top: 529px;
 	}
-	#BC-LButton_bsa {
+	#BC-LButton_cfy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -108,7 +270,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-LButton_bsa {
+	.BC-LButton_cfy {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -116,7 +278,7 @@
 		left: 284px;
 		top: 529px;
 	}
-	#BC-RButton_bsb {
+	#BC-RButton_cfz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +292,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___9.html;
 		cursor: pointer;
 	}
-	.BC-RButton_bsb {
+	.BC-RButton_cfz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -138,7 +300,7 @@
 		left: 418px;
 		top: 529px;
 	}
-	#HelpButton_bsc {
+	#HelpButton_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bsc {
+	.HelpButton_cf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -160,7 +322,7 @@
 		--web-action-target: OTDR_1_Curve_HELP___3.html;
 		cursor: pointer;
 	}
-	#TableButton_bsd {
+	#TableButton_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bsd {
+	.TableButton_cf {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bse {
+	#HOMEBUTTON_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bse {
+	.HOMEBUTTON_cf {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -204,7 +366,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bsf {
+	#BackButton_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -214,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bsf {
+	.BackButton_cf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -226,7 +388,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bsg {
+	#EvenTMapButton_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -236,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bsg {
+	.EvenTMapButton_cf {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3164,40 +3326,76 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E1__9">
 	<img id="n_276" src="n_276.png" srcset="n_276.png 1x, n_276@2x.png 2x">
 		
-	<svg class="SJ-LButton_br">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_br" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_22_cfn">
+		<ellipse id="n_22_cfn" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="SJ-LButton_bsa">
-		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_bsa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_72_cfo">
+		<ellipse id="n_72_cfo" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-LButton_bsa">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_bsa" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_73_cfp">
+		<ellipse id="n_73_cfp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BC-RButton_bsb">
-		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_bsb" rx="19" ry="19" cx="19" cy="19">
+	<svg class="n_74_cfq">
+		<ellipse id="n_74_cfq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bsc">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bsc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_75_cfr">
+		<ellipse id="n_75_cfr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_76_cfs">
+		<ellipse id="n_76_cfs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_77_cft">
+		<ellipse id="n_77_cft" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_78_cfu">
+		<ellipse id="n_78_cfu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_79_cfv">
+		<ellipse id="n_79_cfv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cfw">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cfw" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="SJ-LButton_cfx">
+		<ellipse onclick="application.goToTargetView(event)" id="SJ-LButton_cfx" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-LButton_cfy">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-LButton_cfy" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="BC-RButton_cfz">
+		<ellipse onclick="application.goToTargetView(event)" id="BC-RButton_cfz" rx="19" ry="19" cx="19" cy="19">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cf">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="TableButton_bsd">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bsd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cf">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cf" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bse">
-		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_bse" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cf">
+		<rect onclick="application.goToTargetView(event)" id="HOMEBUTTON_cf" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bsf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bsf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bsg">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bsg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cf">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cf" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E2.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E2.html
old mode 100644
new mode 100755
index f8711bf..e4e070f
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E2.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_og {
+	#n_22_rx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_rx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_ry {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_ry {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_rz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_rz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_r {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_oh {
+	#HelpButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_oh {
+	.HelpButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_oi {
+	#SJ-LButton_r {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_oj {
+	#SJ-LButton_sa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_oj {
+	.SJ-LButton_sa {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_ok {
+	#SJ-LButton_sb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_ol {
+	#SJ-LButton_sc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_ol {
+	.SJ-LButton_sc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_om {
+	#BC-LButton_sc {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E2.html;
 		cursor: pointer;
 	}
-	#BC-LButton_on {
+	#BC-LButton_sd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_on {
+	.BC-LButton_sd {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_oo {
+	#BC-RButton_se {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#BC-RButton_op {
+	#BC-RButton_sf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_op {
+	.BC-RButton_sf {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_oq {
+	#EvenTMapButton_sg {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_or {
+	#EvenTMapButton_sh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_or {
+	.EvenTMapButton_sh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_os {
+	#TableButton_si {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ot {
+	#TableButton_sj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ot {
+	.TableButton_sj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ou {
+	#HOMEBUTTON_sk {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ov {
+	#HOMEBUTTON_sl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ov {
+	.HOMEBUTTON_sl {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_ow {
+	#BackButton_sm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ow {
+	.BackButton_sm {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E2">
 	<img id="n_224" src="n_224.png" srcset="n_224.png 1x, n_224@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_og" class="HelpButton">
-		<svg class="HelpButton_oh">
-			<rect id="HelpButton_oh" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_rx">
+		<ellipse id="n_22_rx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_ry">
+		<ellipse id="n_49_ry" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_rz">
+		<ellipse id="n_50_rz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_r">
+		<ellipse id="n_51_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_r">
+		<ellipse id="n_52_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_r">
+		<ellipse id="n_53_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_r">
+		<ellipse id="n_54_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_r">
+		<ellipse id="n_55_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_r">
+		<ellipse id="n_56_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_r" class="HelpButton">
+		<svg class="HelpButton_sa">
+			<rect id="HelpButton_sa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_oi" class="SJ_LButton">
-		<svg class="SJ-LButton_oj">
-			<ellipse id="SJ-LButton_oj" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_r" class="SJ_LButton">
+		<svg class="SJ-LButton_sa">
+			<ellipse id="SJ-LButton_sa" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_ok" class="SJ_LButton">
-		<svg class="SJ-LButton_ol">
-			<ellipse id="SJ-LButton_ol" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_sb" class="SJ_LButton">
+		<svg class="SJ-LButton_sc">
+			<ellipse id="SJ-LButton_sc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_om" class="BC_LButton">
-		<svg class="BC-LButton_on">
-			<ellipse id="BC-LButton_on" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_sc" class="BC_LButton">
+		<svg class="BC-LButton_sd">
+			<ellipse id="BC-LButton_sd" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_oo" class="BC_RButton">
-		<svg class="BC-RButton_op">
-			<ellipse id="BC-RButton_op" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_se" class="BC_RButton">
+		<svg class="BC-RButton_sf">
+			<ellipse id="BC-RButton_sf" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_oq" class="EvenTMapButton">
-		<svg class="EvenTMapButton_or">
-			<rect id="EvenTMapButton_or" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_sg" class="EvenTMapButton">
+		<svg class="EvenTMapButton_sh">
+			<rect id="EvenTMapButton_sh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_os" class="TableButton">
-		<svg class="TableButton_ot">
-			<rect id="TableButton_ot" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_si" class="TableButton">
+		<svg class="TableButton_sj">
+			<rect id="TableButton_sj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ou" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ov">
-			<rect id="HOMEBUTTON_ov" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_sk" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_sl">
+			<rect id="HOMEBUTTON_sl" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_ow">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_ow" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_sm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_sm" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E3.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E3.html
old mode 100644
new mode 100755
index 3dd949b..f53fcf6
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E3.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_o {
+	#n_22_sq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_sq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_sr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_sr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_ss {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_ss {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_st {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_st {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_su {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_su {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_sv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_sv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_sw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_sw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_sx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_sx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_sy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_sy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_sz {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_pa {
+	#HelpButton_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_pa {
+	.HelpButton_s {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_o {
+	#SJ-LButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E2.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pa {
+	#SJ-LButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pa {
+	.SJ-LButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_pb {
+	#SJ-LButton_tb {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pc {
+	#SJ-LButton_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pc {
+	.SJ-LButton_tc {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_o {
+	#BC-LButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E3.html;
 		cursor: pointer;
 	}
-	#BC-LButton_pa {
+	#BC-LButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_pa {
+	.BC-LButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_o {
+	#BC-RButton_s {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#BC-RButton_pa {
+	#BC-RButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_pa {
+	.BC-RButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_pa {
+	#EvenTMapButton_s {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_pb {
+	#EvenTMapButton_ta {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_pb {
+	.EvenTMapButton_ta {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_pc {
+	#TableButton_tb {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_pd {
+	#TableButton_tc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_pd {
+	.TableButton_tc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_pe {
+	#HOMEBUTTON_td {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_pf {
+	#HOMEBUTTON_te {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_pf {
+	.HOMEBUTTON_te {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_pg {
+	#BackButton_tf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_pg {
+	.BackButton_tf {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E3">
 	<img id="n_225" src="n_225.png" srcset="n_225.png 1x, n_225@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_o" class="HelpButton">
-		<svg class="HelpButton_pa">
-			<rect id="HelpButton_pa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_sq">
+		<ellipse id="n_22_sq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_sr">
+		<ellipse id="n_49_sr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_ss">
+		<ellipse id="n_50_ss" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_st">
+		<ellipse id="n_51_st" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_su">
+		<ellipse id="n_52_su" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_sv">
+		<ellipse id="n_53_sv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_sw">
+		<ellipse id="n_54_sw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_sx">
+		<ellipse id="n_55_sx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_sy">
+		<ellipse id="n_56_sy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_sz" class="HelpButton">
+		<svg class="HelpButton_s">
+			<rect id="HelpButton_s" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_o" class="SJ_LButton">
-		<svg class="SJ-LButton_pa">
-			<ellipse id="SJ-LButton_pa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_s" class="SJ_LButton">
+		<svg class="SJ-LButton_ta">
+			<ellipse id="SJ-LButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pb" class="SJ_LButton">
-		<svg class="SJ-LButton_pc">
-			<ellipse id="SJ-LButton_pc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tb" class="SJ_LButton">
+		<svg class="SJ-LButton_tc">
+			<ellipse id="SJ-LButton_tc" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_o" class="BC_LButton">
-		<svg class="BC-LButton_pa">
-			<ellipse id="BC-LButton_pa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_s" class="BC_LButton">
+		<svg class="BC-LButton_ta">
+			<ellipse id="BC-LButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_o" class="BC_RButton">
-		<svg class="BC-RButton_pa">
-			<ellipse id="BC-RButton_pa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_s" class="BC_RButton">
+		<svg class="BC-RButton_ta">
+			<ellipse id="BC-RButton_ta" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_pa" class="EvenTMapButton">
-		<svg class="EvenTMapButton_pb">
-			<rect id="EvenTMapButton_pb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_s" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ta">
+			<rect id="EvenTMapButton_ta" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_pc" class="TableButton">
-		<svg class="TableButton_pd">
-			<rect id="TableButton_pd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_tb" class="TableButton">
+		<svg class="TableButton_tc">
+			<rect id="TableButton_tc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_pe" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_pf">
-			<rect id="HOMEBUTTON_pf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_td" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_te">
+			<rect id="HOMEBUTTON_te" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_pg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_pg" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_tf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_tf" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E4.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E4.html
old mode 100644
new mode 100755
index 796b681..d08385a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E4.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_pk {
+	#n_22_tj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_tj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_tk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_tk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_tl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_tl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_tm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_tm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_tn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_tn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_to {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_to {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_tp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_tp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_tq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_tq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_tr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_tr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_ts {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_pl {
+	#HelpButton_tt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_pl {
+	.HelpButton_tt {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_pm {
+	#SJ-LButton_tu {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E3.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pn {
+	#SJ-LButton_tv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pn {
+	.SJ-LButton_tv {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_po {
+	#SJ-LButton_tw {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_pp {
+	#SJ-LButton_tx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_pp {
+	.SJ-LButton_tx {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_pq {
+	#BC-LButton_ty {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E4.html;
 		cursor: pointer;
 	}
-	#BC-LButton_pr {
+	#BC-LButton_tz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_pr {
+	.BC-LButton_tz {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_ps {
+	#BC-RButton_t {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#BC-RButton_pt {
+	#BC-RButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_pt {
+	.BC-RButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_pu {
+	#EvenTMapButton_t {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_pv {
+	#EvenTMapButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_pv {
+	.EvenTMapButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_pw {
+	#TableButton_t {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_px {
+	#TableButton_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_px {
+	.TableButton_ua {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_py {
+	#HOMEBUTTON_t {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_pz {
+	#HOMEBUTTON_ua {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_pz {
+	.HOMEBUTTON_ua {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_p {
+	#BackButton_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_p {
+	.BackButton_t {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E4">
 	<img id="n_226" src="n_226.png" srcset="n_226.png 1x, n_226@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_pk" class="HelpButton">
-		<svg class="HelpButton_pl">
-			<rect id="HelpButton_pl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_tj">
+		<ellipse id="n_22_tj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_tk">
+		<ellipse id="n_49_tk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_tl">
+		<ellipse id="n_50_tl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_tm">
+		<ellipse id="n_51_tm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_tn">
+		<ellipse id="n_52_tn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_to">
+		<ellipse id="n_53_to" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_tp">
+		<ellipse id="n_54_tp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_tq">
+		<ellipse id="n_55_tq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_tr">
+		<ellipse id="n_56_tr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_ts" class="HelpButton">
+		<svg class="HelpButton_tt">
+			<rect id="HelpButton_tt" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_pm" class="SJ_LButton">
-		<svg class="SJ-LButton_pn">
-			<ellipse id="SJ-LButton_pn" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tu" class="SJ_LButton">
+		<svg class="SJ-LButton_tv">
+			<ellipse id="SJ-LButton_tv" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_po" class="SJ_LButton">
-		<svg class="SJ-LButton_pp">
-			<ellipse id="SJ-LButton_pp" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_tw" class="SJ_LButton">
+		<svg class="SJ-LButton_tx">
+			<ellipse id="SJ-LButton_tx" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_pq" class="BC_LButton">
-		<svg class="BC-LButton_pr">
-			<ellipse id="BC-LButton_pr" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ty" class="BC_LButton">
+		<svg class="BC-LButton_tz">
+			<ellipse id="BC-LButton_tz" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_ps" class="BC_RButton">
-		<svg class="BC-RButton_pt">
-			<ellipse id="BC-RButton_pt" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_t" class="BC_RButton">
+		<svg class="BC-RButton_ua">
+			<ellipse id="BC-RButton_ua" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_pu" class="EvenTMapButton">
-		<svg class="EvenTMapButton_pv">
-			<rect id="EvenTMapButton_pv" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_t" class="EvenTMapButton">
+		<svg class="EvenTMapButton_ua">
+			<rect id="EvenTMapButton_ua" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_pw" class="TableButton">
-		<svg class="TableButton_px">
-			<rect id="TableButton_px" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_t" class="TableButton">
+		<svg class="TableButton_ua">
+			<rect id="TableButton_ua" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_py" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_pz">
-			<rect id="HOMEBUTTON_pz" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_t" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_ua">
+			<rect id="HOMEBUTTON_ua" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_p">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_p" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_t">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_t" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E5.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E5.html
old mode 100644
new mode 100755
index f25acd5..1462134
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E5.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_p {
+	#n_22_uc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_uc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_ud {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_ud {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_ue {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_ue {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_uf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_uf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_ug {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_ug {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_uh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_uh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_ui {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_ui {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_uj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_uj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_uk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_uk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_ul {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_qa {
+	#HelpButton_um {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_qa {
+	.HelpButton_um {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_p {
+	#SJ-LButton_un {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E4.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qa {
+	#SJ-LButton_uo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qa {
+	.SJ-LButton_uo {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_qb {
+	#SJ-LButton_up {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E6.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qc {
+	#SJ-LButton_uq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qc {
+	.SJ-LButton_uq {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_qa {
+	#BC-LButton_ur {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E5.html;
 		cursor: pointer;
 	}
-	#BC-LButton_qb {
+	#BC-LButton_us {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_qb {
+	.BC-LButton_us {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_qc {
+	#BC-RButton_ut {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#BC-RButton_qd {
+	#BC-RButton_uu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_qd {
+	.BC-RButton_uu {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_qe {
+	#EvenTMapButton_uv {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_qf {
+	#EvenTMapButton_uw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_qf {
+	.EvenTMapButton_uw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_qg {
+	#TableButton_ux {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_qh {
+	#TableButton_uy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_qh {
+	.TableButton_uy {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_qi {
+	#HOMEBUTTON_uz {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_qj {
+	#HOMEBUTTON_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_qj {
+	.HOMEBUTTON_u {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_qk {
+	#BackButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_qk {
+	.BackButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E5">
 	<img id="n_227" src="n_227.png" srcset="n_227.png 1x, n_227@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_p" class="HelpButton">
-		<svg class="HelpButton_qa">
-			<rect id="HelpButton_qa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_uc">
+		<ellipse id="n_22_uc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_ud">
+		<ellipse id="n_49_ud" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_ue">
+		<ellipse id="n_50_ue" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_uf">
+		<ellipse id="n_51_uf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_ug">
+		<ellipse id="n_52_ug" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_uh">
+		<ellipse id="n_53_uh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_ui">
+		<ellipse id="n_54_ui" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_uj">
+		<ellipse id="n_55_uj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_uk">
+		<ellipse id="n_56_uk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_ul" class="HelpButton">
+		<svg class="HelpButton_um">
+			<rect id="HelpButton_um" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_p" class="SJ_LButton">
-		<svg class="SJ-LButton_qa">
-			<ellipse id="SJ-LButton_qa" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_un" class="SJ_LButton">
+		<svg class="SJ-LButton_uo">
+			<ellipse id="SJ-LButton_uo" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qb" class="SJ_LButton">
-		<svg class="SJ-LButton_qc">
-			<ellipse id="SJ-LButton_qc" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_up" class="SJ_LButton">
+		<svg class="SJ-LButton_uq">
+			<ellipse id="SJ-LButton_uq" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_qa" class="BC_LButton">
-		<svg class="BC-LButton_qb">
-			<ellipse id="BC-LButton_qb" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_ur" class="BC_LButton">
+		<svg class="BC-LButton_us">
+			<ellipse id="BC-LButton_us" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_qc" class="BC_RButton">
-		<svg class="BC-RButton_qd">
-			<ellipse id="BC-RButton_qd" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_ut" class="BC_RButton">
+		<svg class="BC-RButton_uu">
+			<ellipse id="BC-RButton_uu" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_qe" class="EvenTMapButton">
-		<svg class="EvenTMapButton_qf">
-			<rect id="EvenTMapButton_qf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_uv" class="EvenTMapButton">
+		<svg class="EvenTMapButton_uw">
+			<rect id="EvenTMapButton_uw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_qg" class="TableButton">
-		<svg class="TableButton_qh">
-			<rect id="TableButton_qh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_ux" class="TableButton">
+		<svg class="TableButton_uy">
+			<rect id="TableButton_uy" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_qi" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_qj">
-			<rect id="HOMEBUTTON_qj" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_uz" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_u">
+			<rect id="HOMEBUTTON_u" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_qk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_qk" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_u">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_u" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E6.html b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E6.html
old mode 100644
new mode 100755
index dee2069..0673b6a
--- a/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_ALL_E6.html
@@ -50,7 +50,169 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_qo {
+	#n_22_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 50px;
+	}
+	#n_49_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_49_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 122px;
+		top: 100px;
+	}
+	#n_50_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_50_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_51_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_51_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 21px;
+		top: 537px;
+	}
+	#n_52_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_52_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 537px;
+	}
+	#n_53_va {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_53_va {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 193px;
+		top: 537px;
+	}
+	#n_54_vb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_54_vb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 292px;
+		top: 537px;
+	}
+	#n_55_vc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_55_vc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 537px;
+	}
+	#n_56_vd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_56_vd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 423px;
+		top: 600px;
+	}
+	#HelpButton_ve {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +224,7 @@
 		--web-action-target: OTDR_1_Curve_HELP.html;
 		cursor: pointer;
 	}
-	#HelpButton_qp {
+	#HelpButton_vf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_qp {
+	.HelpButton_vf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +242,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_qq {
+	#SJ-LButton_vg {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -92,7 +254,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E5.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qr {
+	#SJ-LButton_vh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +264,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qr {
+	.SJ-LButton_vh {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -110,7 +272,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#SJ-LButton_qs {
+	#SJ-LButton_vi {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -122,7 +284,7 @@
 		--web-action-target: OTDR_1_Curve_ALL_E1.html;
 		cursor: pointer;
 	}
-	#SJ-LButton_qt {
+	#SJ-LButton_vj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +294,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.SJ-LButton_qt {
+	.SJ-LButton_vj {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -140,7 +302,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-LButton_qu {
+	#BC-LButton_vk {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -152,7 +314,7 @@
 		--web-action-target: OTDR_1_Curve_1550_E6.html;
 		cursor: pointer;
 	}
-	#BC-LButton_qv {
+	#BC-LButton_vl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-LButton_qv {
+	.BC-LButton_vl {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -170,7 +332,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BC-RButton_qw {
+	#BC-RButton_vm {
 		position: absolute;
 		width: 38px;
 		height: 38px;
@@ -182,7 +344,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#BC-RButton_qx {
+	#BC-RButton_vn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BC-RButton_qx {
+	.BC-RButton_vn {
 		position: absolute;
 		overflow: visible;
 		width: 38px;
@@ -200,7 +362,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_qy {
+	#EvenTMapButton_vo {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +374,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_qz {
+	#EvenTMapButton_vp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +384,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_qz {
+	.EvenTMapButton_vp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +392,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_q {
+	#TableButton_vq {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -242,7 +404,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ra {
+	#TableButton_vr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ra {
+	.TableButton_vr {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -260,7 +422,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_q {
+	#HOMEBUTTON_vs {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -272,7 +434,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ra {
+	#HOMEBUTTON_vt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -282,7 +444,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ra {
+	.HOMEBUTTON_vt {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -290,7 +452,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_q {
+	#BackButton_vu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -300,7 +462,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_q {
+	.BackButton_vu {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3228,56 +3390,92 @@ window.application = new Application();
 <div id="OTDR-1-Curve-ALL-E6">
 	<img id="n_228" src="n_228.png" srcset="n_228.png 1x, n_228@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_qo" class="HelpButton">
-		<svg class="HelpButton_qp">
-			<rect id="HelpButton_qp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_u">
+		<ellipse id="n_22_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_49_u">
+		<ellipse id="n_49_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_50_u">
+		<ellipse id="n_50_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_51_u">
+		<ellipse id="n_51_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_52_u">
+		<ellipse id="n_52_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_53_va">
+		<ellipse id="n_53_va" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_54_vb">
+		<ellipse id="n_54_vb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_55_vc">
+		<ellipse id="n_55_vc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_56_vd">
+		<ellipse id="n_56_vd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_ve" class="HelpButton">
+		<svg class="HelpButton_vf">
+			<rect id="HelpButton_vf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qq" class="SJ_LButton">
-		<svg class="SJ-LButton_qr">
-			<ellipse id="SJ-LButton_qr" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vg" class="SJ_LButton">
+		<svg class="SJ-LButton_vh">
+			<ellipse id="SJ-LButton_vh" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="SJ-LButton_qs" class="SJ_LButton">
-		<svg class="SJ-LButton_qt">
-			<ellipse id="SJ-LButton_qt" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="SJ-LButton_vi" class="SJ_LButton">
+		<svg class="SJ-LButton_vj">
+			<ellipse id="SJ-LButton_vj" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-LButton_qu" class="BC_LButton">
-		<svg class="BC-LButton_qv">
-			<ellipse id="BC-LButton_qv" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-LButton_vk" class="BC_LButton">
+		<svg class="BC-LButton_vl">
+			<ellipse id="BC-LButton_vl" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BC-RButton_qw" class="BC_RButton">
-		<svg class="BC-RButton_qx">
-			<ellipse id="BC-RButton_qx" rx="19" ry="19" cx="19" cy="19">
+	<div onclick="application.goToTargetView(event)" id="BC-RButton_vm" class="BC_RButton">
+		<svg class="BC-RButton_vn">
+			<ellipse id="BC-RButton_vn" rx="19" ry="19" cx="19" cy="19">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_qy" class="EvenTMapButton">
-		<svg class="EvenTMapButton_qz">
-			<rect id="EvenTMapButton_qz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_vo" class="EvenTMapButton">
+		<svg class="EvenTMapButton_vp">
+			<rect id="EvenTMapButton_vp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_q" class="TableButton">
-		<svg class="TableButton_ra">
-			<rect id="TableButton_ra" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_vq" class="TableButton">
+		<svg class="TableButton_vr">
+			<rect id="TableButton_vr" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_q" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ra">
-			<rect id="HOMEBUTTON_ra" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_vs" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_vt">
+			<rect id="HOMEBUTTON_vt" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_q">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_q" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_vu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_vu" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_HELP.html b/public/flukemoni/Ex5/OTDR_1_Curve_HELP.html
old mode 100644
new mode 100755
index 7ec09c5..48131eb
--- a/public/flukemoni/Ex5/OTDR_1_Curve_HELP.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_HELP.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbg {
+	#n_22_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bi {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbh {
+	#BackButton_bja {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbh {
+	.BackButton_bja {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Curve-HELP">
 	<img id="n_89" src="n_89.png" srcset="n_89.png 1x, n_89@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbg" class="BackButton">
-		<svg class="BackButton_bbh">
-			<rect id="BackButton_bbh" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bi">
+		<ellipse id="n_22_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bi" class="BackButton">
+		<svg class="BackButton_bja">
+			<rect id="BackButton_bja" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___1.html b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___1.html
old mode 100644
new mode 100755
index 7d5dc0d..f1c9d28
--- a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_89_bbz {
+	#n_89_bo {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bcg {
+	#n_22_bo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bpa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcg {
+	.BackButton_bpa {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Curve-HELP__1">
-	<img id="n_89_bbz" src="n_89_bbz.png" srcset="n_89_bbz.png 1x, n_89_bbz@2x.png 2x">
+	<img id="n_89_bo" src="n_89_bo.png" srcset="n_89_bo.png 1x, n_89_bo@2x.png 2x">
 		
-	<svg class="BackButton_bcg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bcg" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bo">
+		<ellipse id="n_22_bo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bpa">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bpa" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___2.html b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___2.html
old mode 100644
new mode 100755
index d9e9424..6b4e0f1
--- a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_89_bh {
+	#n_89_by {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bia {
+	#n_24_by {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_by {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bza {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bia {
+	.BackButton_bza {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Curve-HELP__2">
-	<img id="n_89_bh" src="n_89_bh.png" srcset="n_89_bh.png 1x, n_89_bh@2x.png 2x">
+	<img id="n_89_by" src="n_89_by.png" srcset="n_89_by.png 1x, n_89_by@2x.png 2x">
 		
-	<svg class="BackButton_bia">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bia" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_by">
+		<ellipse id="n_24_by" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bza">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bza" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___3.html b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___3.html
old mode 100644
new mode 100755
index eb04c95..718de72
--- a/public/flukemoni/Ex5/OTDR_1_Curve_HELP___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Curve_HELP___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_89_bia {
+	#n_89_bzc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bib {
+	#n_22_bzd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bzd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bze {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bib {
+	.BackButton_bze {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -68,7 +86,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#BackButton_bic {
+	#BackButton_bzf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -78,7 +96,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bic {
+	.BackButton_bzf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3004,14 +3022,18 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Curve-HELP__3">
-	<img id="n_89_bia" src="n_89_bia.png" srcset="n_89_bia.png 1x, n_89_bia@2x.png 2x">
+	<img id="n_89_bzc" src="n_89_bzc.png" srcset="n_89_bzc.png 1x, n_89_bzc@2x.png 2x">
 		
-	<svg class="BackButton_bib">
-		<rect id="BackButton_bib" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bzd">
+		<ellipse id="n_22_bzd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bze">
+		<rect id="BackButton_bze" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="BackButton_bic">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bic" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bzf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bzf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1.html
old mode 100644
new mode 100755
index 34f68cc..669952c
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_zd {
+	#n_71_b {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ze {
+	#n_22_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bag {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_zf {
+	#BackButton_bah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zf {
+	.BackButton_bah {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1">
-	<img id="n_71_zd" src="n_71_zd.png" srcset="n_71_zd.png 1x, n_71_zd@2x.png 2x">
+	<img id="n_71_b" src="n_71_b.png" srcset="n_71_b.png 1x, n_71_b@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ze" class="BackButton">
-		<svg class="BackButton_zf">
-			<rect id="BackButton_zf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_baa">
+		<ellipse id="n_22_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bag" class="BackButton">
+		<svg class="BackButton_bah">
+			<rect id="BackButton_bah" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___1.html
old mode 100644
new mode 100755
index 56c36ea..d5b549b
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_ {
+	#n_71_bkr {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbn {
+	#n_22_bks {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bks {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bkt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbn {
+	.BackButton_bkt {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__1">
-	<img id="n_71_" src="n_71_.png" srcset="n_71_.png 1x, n_71_@2x.png 2x">
+	<img id="n_71_bkr" src="n_71_bkr.png" srcset="n_71_bkr.png 1x, n_71_bkr@2x.png 2x">
 		
-	<svg class="BackButton_bbn">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbn" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bks">
+		<ellipse id="n_22_bks" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bkt">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bkt" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___10.html
old mode 100644
new mode 100755
index abcbb80..fa76b30
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___10.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bw {
+	#n_71_c {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_caw {
+	#n_22_dab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caw {
+	.BackButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__10">
-	<img id="n_71_bw" src="n_71_bw.png" srcset="n_71_bw.png 1x, n_71_bw@2x.png 2x">
+	<img id="n_71_c" src="n_71_c.png" srcset="n_71_c.png 1x, n_71_c@2x.png 2x">
 		
-	<svg class="BackButton_caw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caw" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dab">
+		<ellipse id="n_22_dab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___11.html
old mode 100644
new mode 100755
index a215ac6..badcff3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___11.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bd {
+	#n_71_cv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_caz {
+	#n_22_dae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caz {
+	.BackButton_cx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__11">
-	<img id="n_71_bd" src="n_71_bd.png" srcset="n_71_bd.png 1x, n_71_bd@2x.png 2x">
+	<img id="n_71_cv" src="n_71_cv.png" srcset="n_71_cv.png 1x, n_71_cv@2x.png 2x">
 		
-	<svg class="BackButton_caz">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caz" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dae">
+		<ellipse id="n_22_dae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cx">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___12.html
old mode 100644
new mode 100755
index fe2cf25..c3c9e61
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___12.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bh {
+	#n_71_ca {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ca {
+	#n_22_daf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ca {
+	.BackButton_ck {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__12">
-	<img id="n_71_bh" src="n_71_bh.png" srcset="n_71_bh.png 1x, n_71_bh@2x.png 2x">
+	<img id="n_71_ca" src="n_71_ca.png" srcset="n_71_ca.png 1x, n_71_ca@2x.png 2x">
 		
-	<svg class="BackButton_ca">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_ca" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_daf">
+		<ellipse id="n_22_daf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ck">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ck" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___13.html
old mode 100644
new mode 100755
index 3aee40d..c1f76bb
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___13.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_ba {
+	#n_71_cb {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cax {
+	#n_22_dac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cax {
+	.BackButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__13">
-	<img id="n_71_ba" src="n_71_ba.png" srcset="n_71_ba.png 1x, n_71_ba@2x.png 2x">
+	<img id="n_71_cb" src="n_71_cb.png" srcset="n_71_cb.png 1x, n_71_cb@2x.png 2x">
 		
-	<svg class="BackButton_cax">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cax" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dac">
+		<ellipse id="n_22_dac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ce" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___2.html
old mode 100644
new mode 100755
index c2b676b..148f86c
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bgf {
+	#n_71_bwp {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bgg {
+	#n_22_bwq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bwr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bgg {
+	.BackButton_bwr {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__2">
-	<img id="n_71_bgf" src="n_71_bgf.png" srcset="n_71_bgf.png 1x, n_71_bgf@2x.png 2x">
+	<img id="n_71_bwp" src="n_71_bwp.png" srcset="n_71_bwp.png 1x, n_71_bwp@2x.png 2x">
 		
-	<svg class="BackButton_bgg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bgg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bwq">
+		<ellipse id="n_22_bwq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bwr">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bwr" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___3.html
old mode 100644
new mode 100755
index b1ecbda..2149533
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bgj {
+	#n_71_bwu {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bgk {
+	#n_22_bwv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bww {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bgk {
+	.BackButton_bww {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__3">
-	<img id="n_71_bgj" src="n_71_bgj.png" srcset="n_71_bgj.png 1x, n_71_bgj@2x.png 2x">
+	<img id="n_71_bwu" src="n_71_bwu.png" srcset="n_71_bwu.png 1x, n_71_bwu@2x.png 2x">
 		
-	<svg class="BackButton_bgk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bgk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bwv">
+		<ellipse id="n_22_bwv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bww">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bww" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___4.html
old mode 100644
new mode 100755
index 34b219e..5063d34
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_blm {
+	#n_71_bp {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bln {
+	#n_22_cas {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cas {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bln {
+	.BackButton_cad {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__4">
-	<img id="n_71_blm" src="n_71_blm.png" srcset="n_71_blm.png 1x, n_71_blm@2x.png 2x">
+	<img id="n_71_bp" src="n_71_bp.png" srcset="n_71_bp.png 1x, n_71_bp@2x.png 2x">
 		
-	<svg class="BackButton_bln">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bln" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cas">
+		<ellipse id="n_22_cas" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cad">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cad" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___5.html
old mode 100644
new mode 100755
index f588fed..7e439be
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bt {
+	#n_71_cil {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bt {
+	#n_22_cim {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cim {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cin {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bt {
+	.BackButton_cin {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__5">
-	<img id="n_71_bt" src="n_71_bt.png" srcset="n_71_bt.png 1x, n_71_bt@2x.png 2x">
+	<img id="n_71_cil" src="n_71_cil.png" srcset="n_71_cil.png 1x, n_71_cil@2x.png 2x">
 		
-	<svg class="BackButton_bt">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bt" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cim">
+		<ellipse id="n_22_cim" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cin">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cin" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___6.html
old mode 100644
new mode 100755
index 77468e2..9c83b84
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bm {
+	#n_71_cc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cba {
+	#n_22_dag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cba {
+	.BackButton_cn {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__6">
-	<img id="n_71_bm" src="n_71_bm.png" srcset="n_71_bm.png 1x, n_71_bm@2x.png 2x">
+	<img id="n_71_cc" src="n_71_cc.png" srcset="n_71_cc.png 1x, n_71_cc@2x.png 2x">
 		
-	<svg class="BackButton_cba">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cba" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dag">
+		<ellipse id="n_22_dag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cn">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cn" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___7.html
old mode 100644
new mode 100755
index 550b29d..01c5b48
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___7.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bq {
+	#n_71_cd {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cbc {
+	#n_22_dah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbc {
+	.BackButton_cz {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -72,7 +90,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#BackButton_cbc {
+	#BackButton_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +100,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbc {
+	.BackButton_cz {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3008,14 +3026,18 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__7">
-	<img id="n_71_bq" src="n_71_bq.png" srcset="n_71_bq.png 1x, n_71_bq@2x.png 2x">
+	<img id="n_71_cd" src="n_71_cd.png" srcset="n_71_cd.png 1x, n_71_cd@2x.png 2x">
 		
-	<svg class="BackButton_cbc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dah">
+		<ellipse id="n_22_dah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cz" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_cbc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cz" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___8.html
old mode 100644
new mode 100755
index 59929e5..8cbe579
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___8.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_blq {
+	#n_71_bu {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_blr {
+	#n_22_cat {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cat {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_blr {
+	.BackButton_cae {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__8">
-	<img id="n_71_blq" src="n_71_blq.png" srcset="n_71_blq.png 1x, n_71_blq@2x.png 2x">
+	<img id="n_71_bu" src="n_71_bu.png" srcset="n_71_bu.png 1x, n_71_bu@2x.png 2x">
 		
-	<svg class="BackButton_blr">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_blr" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cat">
+		<ellipse id="n_22_cat" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cae">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cae" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___9.html
old mode 100644
new mode 100755
index 4efbb89..ed89d24
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E1___9.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bua {
+	#n_71_ciq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bua {
+	#n_22_cir {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cir {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cis {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bua {
+	.BackButton_cis {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E1__9">
-	<img id="n_71_bua" src="n_71_bua.png" srcset="n_71_bua.png 1x, n_71_bua@2x.png 2x">
+	<img id="n_71_ciq" src="n_71_ciq.png" srcset="n_71_ciq.png 1x, n_71_ciq@2x.png 2x">
 		
-	<svg class="BackButton_bua">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bua" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cir">
+		<ellipse id="n_22_cir" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cis">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cis" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E2.html
old mode 100644
new mode 100755
index 44f5999..e332dff
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_70_zi {
+	#n_70_h {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zj {
+	#n_22_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bai {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_zk {
+	#BackButton_baj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zk {
+	.BackButton_baj {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E2">
-	<img id="n_70_zi" src="n_70_zi.png" srcset="n_70_zi.png 1x, n_70_zi@2x.png 2x">
+	<img id="n_70_h" src="n_70_h.png" srcset="n_70_h.png 1x, n_70_h@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zj" class="BackButton">
-		<svg class="BackButton_zk">
-			<rect id="BackButton_zk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bab">
+		<ellipse id="n_22_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bai" class="BackButton">
+		<svg class="BackButton_baj">
+			<rect id="BackButton_baj" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E3.html
old mode 100644
new mode 100755
index 68094e7..2566ab3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_69_zn {
+	#n_69_n {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zo {
+	#n_22_bac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bak {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_zp {
+	#BackButton_bal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zp {
+	.BackButton_bal {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E3">
-	<img id="n_69_zn" src="n_69_zn.png" srcset="n_69_zn.png 1x, n_69_zn@2x.png 2x">
+	<img id="n_69_n" src="n_69_n.png" srcset="n_69_n.png 1x, n_69_n@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zo" class="BackButton">
-		<svg class="BackButton_zp">
-			<rect id="BackButton_zp" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bac">
+		<ellipse id="n_22_bac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bak" class="BackButton">
+		<svg class="BackButton_bal">
+			<rect id="BackButton_bal" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E4.html
old mode 100644
new mode 100755
index b029801..a8e20cb
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_68_zs {
+	#n_68_t {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zt {
+	#n_22_bad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bam {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_zu {
+	#BackButton_ban {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zu {
+	.BackButton_ban {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E4">
-	<img id="n_68_zs" src="n_68_zs.png" srcset="n_68_zs.png 1x, n_68_zs@2x.png 2x">
+	<img id="n_68_t" src="n_68_t.png" srcset="n_68_t.png 1x, n_68_t@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zt" class="BackButton">
-		<svg class="BackButton_zu">
-			<rect id="BackButton_zu" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bad">
+		<ellipse id="n_22_bad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bam" class="BackButton">
+		<svg class="BackButton_ban">
+			<rect id="BackButton_ban" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E5.html
old mode 100644
new mode 100755
index 77b3aa8..c22588b
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_67_zx {
+	#n_67_z {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_zy {
+	#n_22_bae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bao {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_zz {
+	#BackButton_bap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_zz {
+	.BackButton_bap {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E5">
-	<img id="n_67_zx" src="n_67_zx.png" srcset="n_67_zx.png 1x, n_67_zx@2x.png 2x">
+	<img id="n_67_z" src="n_67_z.png" srcset="n_67_z.png 1x, n_67_z@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_zy" class="BackButton">
-		<svg class="BackButton_zz">
-			<rect id="BackButton_zz" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bae">
+		<ellipse id="n_22_bae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bao" class="BackButton">
+		<svg class="BackButton_bap">
+			<rect id="BackButton_bap" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E6.html
old mode 100644
new mode 100755
index 99429c0..2fa2f05
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detai_HELPl_E6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_66_z {
+	#n_66_ {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_z {
+	#n_22_baf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_baf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_baq {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_a {
+	#BackButton_bar {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_a {
+	.BackButton_bar {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-Detai-HELPl-E6">
-	<img id="n_66_z" src="n_66_z.png" srcset="n_66_z.png 1x, n_66_z@2x.png 2x">
+	<img id="n_66_" src="n_66_.png" srcset="n_66_.png 1x, n_66_@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_z" class="BackButton">
-		<svg class="BackButton_a">
-			<rect id="BackButton_a" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_baf">
+		<ellipse id="n_22_baf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_baq" class="BackButton">
+		<svg class="BackButton_bar">
+			<rect id="BackButton_bar" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1.html
old mode 100644
new mode 100755
index c786ca0..0191a4e
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_m {
+	#n_22_baj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_baj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_baa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_baa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bac {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1.html;
 		cursor: pointer;
 	}
-	#HelpButton_r {
+	#HelpButton_bad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_r {
+	.HelpButton_bad {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_l {
+	#ReflectivityButton_bae {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_m {
+	#ReflectivityButton_baf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_m {
+	.ReflectivityButton_baf {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_n {
+	#LossButton_bag {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#LossButton_o {
+	#LossButton_bah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_o {
+	.LossButton_bah {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_p {
+	#EventButtion-L_bai {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_q {
+	#EventButtion-L_baj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_q {
+	.EventButtion-L_baj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_r {
+	#EventButtion-R_bak {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_s {
+	#EventButtion-R_bal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_s {
+	.EventButtion-R_bal {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_c {
+	#BackButton_bay {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_d {
+	#BackButton_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_d {
+	.BackButton_baz {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1">
 	<img id="n_186" src="n_186.png" srcset="n_186.png 1x, n_186@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_m" class="HelpButton">
-		<svg class="HelpButton_r">
-			<rect id="HelpButton_r" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_baj">
+		<ellipse id="n_22_baj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_baa">
+		<ellipse id="n_36_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_baa">
+		<ellipse id="n_37_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_baa">
+		<ellipse id="n_38_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_baa">
+		<ellipse id="n_39_baa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bab">
+		<ellipse id="n_40_bab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bac" class="HelpButton">
+		<svg class="HelpButton_bad">
+			<rect id="HelpButton_bad" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_l" class="ReflectivityButton">
-		<svg class="ReflectivityButton_m">
-			<rect id="ReflectivityButton_m" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bae" class="ReflectivityButton">
+		<svg class="ReflectivityButton_baf">
+			<rect id="ReflectivityButton_baf" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_n" class="LossButton">
-		<svg class="LossButton_o">
-			<rect id="LossButton_o" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bag" class="LossButton">
+		<svg class="LossButton_bah">
+			<rect id="LossButton_bah" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_p" class="EventButtion_L">
-		<svg class="EventButtion-L_q">
-			<ellipse id="EventButtion-L_q" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bai" class="EventButtion_L">
+		<svg class="EventButtion-L_baj">
+			<ellipse id="EventButtion-L_baj" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_r" class="EventButtion_R">
-		<svg class="EventButtion-R_s">
-			<ellipse id="EventButtion-R_s" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bak" class="EventButtion_R">
+		<svg class="EventButtion-R_bal">
+			<ellipse id="EventButtion-R_bal" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_c" class="BackButton">
-		<svg class="BackButton_d">
-			<rect id="BackButton_d" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bay" class="BackButton">
+		<svg class="BackButton_baz">
+			<rect id="BackButton_baz" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___1.html
old mode 100644
new mode 100755
index dae7eb4..a0451f9
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_baw {
+	#n_22_blc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_blc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bld {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bld {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_ble {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ble {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_blf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_blf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_blg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_blg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_blh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_blh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bli {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baw {
+	.HelpButton_bli {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_h {
+	#ReflectivityButton_blj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_h {
+	.ReflectivityButton_blj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___1.html;
 		cursor: pointer;
 	}
-	#LossButton_bad {
+	#LossButton_blk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bad {
+	.LossButton_blk {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bad {
+	#EventButtion-L_bll {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bad {
+	.EventButtion-L_bll {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bad {
+	#EventButtion-R_blm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bad {
+	.EventButtion-R_blm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bbp {
+	#BackButton_bln {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbp {
+	.BackButton_bln {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__1">
 	<img id="n_115" src="n_115.png" srcset="n_115.png 1x, n_115@2x.png 2x">
 		
-	<svg class="HelpButton_baw">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_baw" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_h">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bad">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bad" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bad">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bad" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_blc">
+		<ellipse id="n_22_blc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bad">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bad" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bld">
+		<ellipse id="n_22_bld" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bbp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbp" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_ble">
+		<ellipse id="n_22_ble" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_blf">
+		<ellipse id="n_22_blf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_blg">
+		<ellipse id="n_22_blg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_blh">
+		<ellipse id="n_22_blh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bli">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bli" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_blj">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_blj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_blk">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_blk" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bll">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bll" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_blm">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_blm" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bln">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bln" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___10.html
old mode 100644
new mode 100755
index 15ea2d3..d5e47ce
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___10.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cak {
+	#n_22_dbd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64_ch {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_ch {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_ci {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_ci {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cak {
+	.HelpButton_cv {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___10.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bn {
+	#ReflectivityButton_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bn {
+	.ReflectivityButton_cl {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___10.html;
 		cursor: pointer;
 	}
-	#LossButton_bp {
+	#LossButton_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bp {
+	.LossButton_cm {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___10.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bq {
+	#EventButtion-L_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bq {
+	.EventButtion-L_cn {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_br {
+	#EventButtion-R_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_br {
+	.EventButtion-R_co {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbk {
+	#BackButton_dah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbk {
+	.BackButton_dah {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__10">
 	<img id="n_246" src="n_246.png" srcset="n_246.png 1x, n_246@2x.png 2x">
 		
-	<svg class="HelpButton_cak">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cak" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bn">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bn" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bp" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bq">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bq" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dbd">
+		<ellipse id="n_22_dbd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_br">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_br" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cf">
+		<ellipse id="n_62_cf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cg">
+		<ellipse id="n_63_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_ch">
+		<ellipse id="n_64_ch" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_ci">
+		<ellipse id="n_65_ci" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cj">
+		<ellipse id="n_66_cj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cv">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cl">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cl" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_cm">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cm" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cn">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cn" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_co">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_co" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dah">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dah" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___11.html
old mode 100644
new mode 100755
index e15fdfb..28cf9a4
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___11.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cal {
+	#n_22_dbe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64_cw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cal {
+	.HelpButton_cz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___11.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bw {
+	#ReflectivityButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bw {
+	.ReflectivityButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___11.html;
 		cursor: pointer;
 	}
-	#LossButton_by {
+	#LossButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_by {
+	.LossButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bm {
+	#EventButtion-L_cg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bm {
+	.EventButtion-L_cg {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bn {
+	#EventButtion-R_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bn {
+	.EventButtion-R_ck {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbl {
+	#BackButton_dai {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbl {
+	.BackButton_dai {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__11">
 	<img id="n_243" src="n_243.png" srcset="n_243.png 1x, n_243@2x.png 2x">
 		
-	<svg class="HelpButton_cal">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cal" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bw" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_by">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_by" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bm">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bm" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dbe">
+		<ellipse id="n_22_dbe" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bn">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bn" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cu">
+		<ellipse id="n_62_cu" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbl">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbl" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cv">
+		<ellipse id="n_63_cv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cw">
+		<ellipse id="n_64_cw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cx">
+		<ellipse id="n_65_cx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cy">
+		<ellipse id="n_66_cy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cz">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cz" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cd">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cd" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_cd">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cd" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cg">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cg" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ck">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ck" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dai">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dai" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___12.html
old mode 100644
new mode 100755
index 30eb4c0..997d002
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___12.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cao {
+	#n_22_dbm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_dab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cao {
+	.HelpButton_dab {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___12.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bo {
+	#ReflectivityButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bo {
+	.ReflectivityButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___12.html;
 		cursor: pointer;
 	}
-	#LossButton_bq {
+	#LossButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bq {
+	.LossButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___12.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bt {
+	#EventButtion-L_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bt {
+	.EventButtion-L_cl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bv {
+	#EventButtion-R_cp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bv {
+	.EventButtion-R_cp {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbo {
+	#BackButton_dal {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbo {
+	.BackButton_dal {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__12">
 	<img id="n_237" src="n_237.png" srcset="n_237.png 1x">
 		
-	<svg class="HelpButton_cao">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cao" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bo" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bq" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bt">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bt" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dbm">
+		<ellipse id="n_22_dbm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bv">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bv" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cb">
+		<ellipse id="n_62_cb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbo" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cc">
+		<ellipse id="n_63_cc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cc">
+		<ellipse id="n_64_cc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cd">
+		<ellipse id="n_65_cd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cc">
+		<ellipse id="n_66_cc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_dab">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_dab" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_ce" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_ce" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cp">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cp" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dal">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dal" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___13.html
old mode 100644
new mode 100755
index 044b875..931465f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___13.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cam {
+	#n_22 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cam {
+	.HelpButton {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___13.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bc {
+	#ReflectivityButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bc {
+	.ReflectivityButton {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___13.html;
 		cursor: pointer;
 	}
-	#LossButton_bd {
+	#LossButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bd {
+	.LossButton {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___13.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bn {
+	#EventButtion-L {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bn {
+	.EventButtion-L {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bo {
+	#EventButtion-R {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bo {
+	.EventButtion-R {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbm {
+	#BackButton {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbm {
+	.BackButton {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__13">
 	<img id="n_240" src="n_240.png" srcset="n_240.png 1x, n_240@2x.png 2x">
 		
-	<svg class="HelpButton_cam">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cam" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bc" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bd">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bd" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bn">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bn" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22">
+		<ellipse id="n_22" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bo">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bo" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62">
+		<ellipse id="n_62" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbm">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbm" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63">
+		<ellipse id="n_63" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64">
+		<ellipse id="n_64" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65">
+		<ellipse id="n_65" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66">
+		<ellipse id="n_66" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton">
+		<rect onclick="application.goToTargetView(event)" id="LossButton" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton">
+		<rect onclick="application.goToTargetView(event)" id="BackButton" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___2.html
old mode 100644
new mode 100755
index 188c6bf..5aceb98
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bg {
+	#n_22_bxu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bxv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_bxw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_bxx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bxy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bxz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bg {
+	.HelpButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bg {
+	#ReflectivityButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bg {
+	.ReflectivityButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bg {
+	#LossButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bg {
+	.LossButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bha {
+	#EventButtion-L_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bha {
+	.EventButtion-L_bx {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bha {
+	#EventButtion-R_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bha {
+	.EventButtion-R_bx {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bhb {
+	#BackButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bhb {
+	.BackButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__2">
 	<img id="n_116" src="n_116.png" srcset="n_116.png 1x, n_116@2x.png 2x">
 		
-	<svg class="HelpButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bg" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bg" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bg" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bha">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bha" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bxu">
+		<ellipse id="n_22_bxu" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bha">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bha" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bxv">
+		<ellipse id="n_22_bxv" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bhb">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bhb" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bxw">
+		<ellipse id="n_22_bxw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxx">
+		<ellipse id="n_22_bxx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxy">
+		<ellipse id="n_22_bxy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxz">
+		<ellipse id="n_22_bxz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bx">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bx" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bx">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bx" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_bx">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bx" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bx">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bx" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bx">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bx" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bx">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___3.html
old mode 100644
new mode 100755
index c7875de..8298b53
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bhf {
+	#n_22_bx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bya {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_byb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_byb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_byc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_byc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_byd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_byd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bye {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bye {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_byf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bhf {
+	.HelpButton_byf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bhg {
+	#ReflectivityButton_byg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bhg {
+	.ReflectivityButton_byg {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___3.html;
 		cursor: pointer;
 	}
-	#LossButton_bhh {
+	#LossButton_byh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bhh {
+	.LossButton_byh {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bhi {
+	#EventButtion-L_byi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bhi {
+	.EventButtion-L_byi {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bhj {
+	#EventButtion-R_byj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bhj {
+	.EventButtion-R_byj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bhk {
+	#BackButton_byk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bhk {
+	.BackButton_byk {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__3">
 	<img id="n_121" src="n_121.png" srcset="n_121.png 1x">
 		
-	<svg class="HelpButton_bhf">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bhf" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bhg">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bhg" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bhh">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bhh" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bhi">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bhi" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bx">
+		<ellipse id="n_22_bx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bhj">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bhj" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bya">
+		<ellipse id="n_22_bya" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bhk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bhk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_byb">
+		<ellipse id="n_22_byb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_byc">
+		<ellipse id="n_22_byc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_byd">
+		<ellipse id="n_22_byd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bye">
+		<ellipse id="n_22_bye" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_byf">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_byf" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_byg">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_byg" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_byh">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_byh" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_byi">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_byi" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_byj">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_byj" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_byk">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_byk" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___4.html
old mode 100644
new mode 100755
index 92e9ce0..6b25121
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bmd {
+	#n_22_cba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cbb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_cbc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_cbd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_cbe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_cbf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bmd {
+	.HelpButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bme {
+	#ReflectivityButton_bc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bme {
+	.ReflectivityButton_bc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___4.html;
 		cursor: pointer;
 	}
-	#LossButton_bmf {
+	#LossButton_be {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bmf {
+	.LossButton_be {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bmg {
+	#EventButtion-L_bf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bmg {
+	.EventButtion-L_bf {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bmh {
+	#EventButtion-R_bg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bmh {
+	.EventButtion-R_bg {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bmi {
+	#BackButton_cah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bmi {
+	.BackButton_cah {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__4">
 	<img id="n_144" src="n_144.png" srcset="n_144.png 1x, n_144@2x.png 2x">
 		
-	<svg class="HelpButton_bmd">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bmd" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bme">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bme" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bmf">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bmf" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bmg">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bmg" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cba">
+		<ellipse id="n_22_cba" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bmh">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bmh" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cbb">
+		<ellipse id="n_22_cbb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bmi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bmi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cbc">
+		<ellipse id="n_22_cbc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbd">
+		<ellipse id="n_22_cbd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbe">
+		<ellipse id="n_22_cbe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbf">
+		<ellipse id="n_22_cbf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bt">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bt" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bc">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_be">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_be" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bf">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bf" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bg">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bg" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cah">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cah" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___5.html
old mode 100644
new mode 100755
index 9cd662f..e3edb1d
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bus {
+	#n_22_cjq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cjr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_cjs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_cjt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_cju {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cju {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_cjv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cjw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bus {
+	.HelpButton_cjw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___5.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_but {
+	#ReflectivityButton_cjx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_but {
+	.ReflectivityButton_cjx {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___5.html;
 		cursor: pointer;
 	}
-	#LossButton_buu {
+	#LossButton_cjy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_buu {
+	.LossButton_cjy {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_buv {
+	#EventButtion-L_cjz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_buv {
+	.EventButtion-L_cjz {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_buw {
+	#EventButtion-R_cj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_buw {
+	.EventButtion-R_cj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bux {
+	#BackButton_cj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bux {
+	.BackButton_cj {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__5">
 	<img id="n_147" src="n_147.png" srcset="n_147.png 1x, n_147@2x.png 2x">
 		
-	<svg class="HelpButton_bus">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bus" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_but">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_but" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_buu">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_buu" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_buv">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_buv" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cjq">
+		<ellipse id="n_22_cjq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_buw">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_buw" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cjr">
+		<ellipse id="n_22_cjr" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bux">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bux" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cjs">
+		<ellipse id="n_22_cjs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cjt">
+		<ellipse id="n_22_cjt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cju">
+		<ellipse id="n_22_cju" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cjv">
+		<ellipse id="n_22_cjv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cjw">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cjw" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cjx">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cjx" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_cjy">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cjy" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cjz">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cjz" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cj">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cj" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cj" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___6.html
old mode 100644
new mode 100755
index 510c8b4..7a5f03a
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_caj {
+	#n_22_day {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_day {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_daz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_da {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_da {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_dba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_dbb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_dbc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_caj {
+	.HelpButton_cl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_be {
+	#ReflectivityButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_be {
+	.ReflectivityButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___6.html;
 		cursor: pointer;
 	}
-	#LossButton_bf {
+	#LossButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bf {
+	.LossButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bj {
+	#EventButtion-L_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bj {
+	.EventButtion-L_cf {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bm {
+	#EventButtion-R_cg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bm {
+	.EventButtion-R_cg {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbj {
+	#BackButton_dag {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbj {
+	.BackButton_dag {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__6">
 	<img id="n_151" src="n_151.png" srcset="n_151.png 1x, n_151@2x.png 2x">
 		
-	<svg class="HelpButton_caj">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_caj" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_be">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_be" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bf" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bj">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bj" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_day">
+		<ellipse id="n_22_day" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bm">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bm" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_daz">
+		<ellipse id="n_22_daz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbj">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbj" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_da">
+		<ellipse id="n_22_da" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dba">
+		<ellipse id="n_22_dba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dbb">
+		<ellipse id="n_22_dbb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dbc">
+		<ellipse id="n_22_dbc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cb" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cf">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cf" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cg">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cg" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dag">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dag" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___7.html
old mode 100644
new mode 100755
index 4457028..0166f5f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___7.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_can {
+	#n_22_dbg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_dbh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_dbi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_dbj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_dbk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_dbl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dbl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_daa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_can {
+	.HelpButton_daa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___7.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bi {
+	#ReflectivityButton_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bi {
+	.ReflectivityButton_cu {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___7.html;
 		cursor: pointer;
 	}
-	#LossButton_bh {
+	#LossButton_cv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bh {
+	.LossButton_cv {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___7.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bo {
+	#EventButtion-L_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bo {
+	.EventButtion-L_cw {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bp {
+	#EventButtion-R_cx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bp {
+	.EventButtion-R_cx {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbn {
+	#BackButton_dak {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbn {
+	.BackButton_dak {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__7">
 	<img id="n_157" src="n_157.png" srcset="n_157.png 1x, n_157@2x.png 2x">
 		
-	<svg class="HelpButton_can">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_can" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bi" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bh" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bo">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bo" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dbg">
+		<ellipse id="n_22_dbg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bp" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dbh">
+		<ellipse id="n_22_dbh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbn">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbn" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dbi">
+		<ellipse id="n_22_dbi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dbj">
+		<ellipse id="n_22_dbj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dbk">
+		<ellipse id="n_22_dbk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dbl">
+		<ellipse id="n_22_dbl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_daa">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_daa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cu">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cu" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_cv">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cv" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cw">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cw" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cx">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cx" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dak">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dak" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___8.html
old mode 100644
new mode 100755
index 9fe6204..4dba3a2
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___8.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bmm {
+	#n_22_cbg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_ba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_ba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_bb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_bb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64_bc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_bc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_bd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_bd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bmm {
+	.HelpButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___8.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bmn {
+	#ReflectivityButton_bg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bmn {
+	.ReflectivityButton_bg {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___8.html;
 		cursor: pointer;
 	}
-	#LossButton_bmo {
+	#LossButton_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bmo {
+	.LossButton_bi {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___8.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bmp {
+	#EventButtion-L_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bmp {
+	.EventButtion-L_bi {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bmq {
+	#EventButtion-R_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bmq {
+	.EventButtion-R_bj {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bmr {
+	#BackButton_cai {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bmr {
+	.BackButton_cai {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__8">
 	<img id="n_252" src="n_252.png" srcset="n_252.png 1x, n_252@2x.png 2x">
 		
-	<svg class="HelpButton_bmm">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bmm" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bmn">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bmn" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bmo">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bmo" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bmp">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bmp" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cbg">
+		<ellipse id="n_22_cbg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bmq">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bmq" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_ba">
+		<ellipse id="n_62_ba" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bmr">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bmr" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_bb">
+		<ellipse id="n_63_bb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_bc">
+		<ellipse id="n_64_bc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_bd">
+		<ellipse id="n_65_bd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_be">
+		<ellipse id="n_66_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bu" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bg">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bg" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_bi">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bi" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bi">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bi" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bj">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bj" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cai">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cai" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___9.html
old mode 100644
new mode 100755
index 0c4db08..fdf731e
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E1___9.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bu {
+	#n_22_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_64_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cka {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cka {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ckb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bu {
+	.HelpButton_ckb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___9.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bu {
+	#ReflectivityButton_ckc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bu {
+	.ReflectivityButton_ckc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___9.html;
 		cursor: pointer;
 	}
-	#LossButton_bu {
+	#LossButton_ckd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bu {
+	.LossButton_ckd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bu {
+	#EventButtion-L_cke {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bu {
+	.EventButtion-L_cke {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bu {
+	#EventButtion-R_ckf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bu {
+	.EventButtion-R_ckf {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bu {
+	#BackButton_ckg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bu {
+	.BackButton_ckg {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E1__9">
 	<img id="n_249" src="n_249.png" srcset="n_249.png 1x, n_249@2x.png 2x">
 		
-	<svg class="HelpButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bu" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bu" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="LossButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bu" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bu">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bu" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cj">
+		<ellipse id="n_22_cj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bu">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bu" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cj">
+		<ellipse id="n_62_cj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bu" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cj">
+		<ellipse id="n_63_cj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cj">
+		<ellipse id="n_64_cj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cj">
+		<ellipse id="n_65_cj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cka">
+		<ellipse id="n_66_cka" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ckb">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ckb" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_ckc">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_ckc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="LossButton_ckd">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_ckd" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cke">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cke" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ckf">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ckf" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ckg">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ckg" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E2.html
old mode 100644
new mode 100755
index afa0b7c..e22155d
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bac {
+	#n_22_bef {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bef {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_beg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_beg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_beh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_beh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_bei {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bei {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bej {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bej {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bek {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bek {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bel {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bad {
+	#HelpButton_bem {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bad {
+	.HelpButton_bem {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bah {
+	#BackButton_ben {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bai {
+	#BackButton_beo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bai {
+	.BackButton_beo {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_o {
+	#ReflectivityButton_bep {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_p {
+	#ReflectivityButton_beq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_p {
+	.ReflectivityButton_beq {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_v {
+	#EventButtion-L_ber {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_l {
+	#EventButtion-L_bes {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_l {
+	.EventButtion-L_bes {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_m {
+	#EventButtion-R_bet {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_n {
+	#EventButtion-R_beu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_n {
+	.EventButtion-R_beu {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_u {
+	#LossButton_bev {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#LossButton_v {
+	#LossButton_bew {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_v {
+	.LossButton_bew {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E2">
 	<img id="n_189" src="n_189.png" srcset="n_189.png 1x, n_189@2x.png 2x">
 		
-	<div id="HelpButton_bac" class="HelpButton">
-		<svg class="HelpButton_bad">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bad" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bef">
+		<ellipse id="n_22_bef" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_beg">
+		<ellipse id="n_36_beg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_beh">
+		<ellipse id="n_37_beh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bei">
+		<ellipse id="n_38_bei" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bej">
+		<ellipse id="n_39_bej" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bek">
+		<ellipse id="n_40_bek" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bel" class="HelpButton">
+		<svg class="HelpButton_bem">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bem" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bah" class="BackButton">
-		<svg class="BackButton_bai">
-			<rect id="BackButton_bai" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_ben" class="BackButton">
+		<svg class="BackButton_beo">
+			<rect id="BackButton_beo" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_o" class="ReflectivityButton">
-		<svg class="ReflectivityButton_p">
-			<rect id="ReflectivityButton_p" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bep" class="ReflectivityButton">
+		<svg class="ReflectivityButton_beq">
+			<rect id="ReflectivityButton_beq" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_v" class="EventButtion_L">
-		<svg class="EventButtion-L_l">
-			<ellipse id="EventButtion-L_l" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_ber" class="EventButtion_L">
+		<svg class="EventButtion-L_bes">
+			<ellipse id="EventButtion-L_bes" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_m" class="EventButtion_R">
-		<svg class="EventButtion-R_n">
-			<ellipse id="EventButtion-R_n" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bet" class="EventButtion_R">
+		<svg class="EventButtion-R_beu">
+			<ellipse id="EventButtion-R_beu" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_u" class="LossButton">
-		<svg class="LossButton_v">
-			<rect id="LossButton_v" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bev" class="LossButton">
+		<svg class="LossButton_bew">
+			<rect id="LossButton_bew" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E3.html
old mode 100644
new mode 100755
index 1f51c9f..c984a88
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E3.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_c {
+	#n_22_bar {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bar {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bas {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bas {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bat {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bat {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_bau {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bau {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bav {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bav {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_baw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_baw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_41_bax {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_41_bax {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 438px;
+	}
+	#HelpButton_bay {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +184,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_d {
+	#HelpButton_baz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_d {
+	.HelpButton_baz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +206,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_e {
+	#BackButton_ba {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +218,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_f {
+	#BackButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_f {
+	.BackButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +236,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_ {
+	#ReflectivityButton_ba {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +248,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_a {
+	#ReflectivityButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +258,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_a {
+	.ReflectivityButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +266,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_ {
+	#EventButtion-L_ba {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +278,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_c {
+	#EventButtion-L_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_c {
+	.EventButtion-L_bba {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +296,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_ {
+	#EventButtion-R_ba {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_a {
+	#EventButtion-R_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_a {
+	.EventButtion-R_bba {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +326,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_ {
+	#LossButton_ba {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +338,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#LossButton_a {
+	#LossButton_bba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +348,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_a {
+	.LossButton_bba {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -230,7 +356,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#WQButton_a {
+	#WQButton_bba {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -242,7 +368,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_WQ_E3.html;
 		cursor: pointer;
 	}
-	#WQButton_b {
+	#WQButton_bbb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +378,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.WQButton_b {
+	.WQButton_bbb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3176,45 +3302,73 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E3">
 	<img id="n_192" src="n_192.png" srcset="n_192.png 1x, n_192@2x.png 2x">
 		
-	<div id="HelpButton_c" class="HelpButton">
-		<svg class="HelpButton_d">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_d" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bar">
+		<ellipse id="n_22_bar" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bas">
+		<ellipse id="n_36_bas" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bat">
+		<ellipse id="n_37_bat" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bau">
+		<ellipse id="n_38_bau" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bav">
+		<ellipse id="n_39_bav" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_baw">
+		<ellipse id="n_40_baw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_41_bax">
+		<ellipse id="n_41_bax" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bay" class="HelpButton">
+		<svg class="HelpButton_baz">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_baz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_e" class="BackButton">
-		<svg class="BackButton_f">
-			<rect id="BackButton_f" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_ba" class="BackButton">
+		<svg class="BackButton_bba">
+			<rect id="BackButton_bba" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_" class="ReflectivityButton">
-		<svg class="ReflectivityButton_a">
-			<rect id="ReflectivityButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_ba" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bba">
+			<rect id="ReflectivityButton_bba" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_" class="EventButtion_L">
-		<svg class="EventButtion-L_c">
-			<ellipse id="EventButtion-L_c" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_ba" class="EventButtion_L">
+		<svg class="EventButtion-L_bba">
+			<ellipse id="EventButtion-L_bba" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_" class="EventButtion_R">
-		<svg class="EventButtion-R_a">
-			<ellipse id="EventButtion-R_a" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_ba" class="EventButtion_R">
+		<svg class="EventButtion-R_bba">
+			<ellipse id="EventButtion-R_bba" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_" class="LossButton">
-		<svg class="LossButton_a">
-			<rect id="LossButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_ba" class="LossButton">
+		<svg class="LossButton_bba">
+			<rect id="LossButton_bba" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="WQButton_a" class="WQButton">
-		<svg class="WQButton_b">
-			<rect id="WQButton_b" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="WQButton_bba" class="WQButton">
+		<svg class="WQButton_bbb">
+			<rect id="WQButton_bbb" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E4.html
old mode 100644
new mode 100755
index ddff629..efad7c6
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bae {
+	#n_22_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_be {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_baf {
+	#HelpButton_bfa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baf {
+	.HelpButton_bfa {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_baj {
+	#BackButton_be {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bak {
+	#BackButton_bfa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bak {
+	.BackButton_bfa {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_d {
+	#ReflectivityButton_bfa {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_e {
+	#ReflectivityButton_bfb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_e {
+	.ReflectivityButton_bfb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_m {
+	#EventButtion-L_bfc {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_n {
+	#EventButtion-L_bfd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_n {
+	.EventButtion-L_bfd {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_o {
+	#EventButtion-R_bfe {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_p {
+	#EventButtion-R_bff {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_p {
+	.EventButtion-R_bff {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_k {
+	#LossButton_bfg {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#LossButton_r {
+	#LossButton_bfh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_r {
+	.LossButton_bfh {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E4">
 	<img id="n_196" src="n_196.png" srcset="n_196.png 1x, n_196@2x.png 2x">
 		
-	<div id="HelpButton_bae" class="HelpButton">
-		<svg class="HelpButton_baf">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_baf" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_be">
+		<ellipse id="n_22_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_be">
+		<ellipse id="n_36_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_be">
+		<ellipse id="n_37_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_be">
+		<ellipse id="n_38_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_be">
+		<ellipse id="n_39_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_be">
+		<ellipse id="n_40_be" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_be" class="HelpButton">
+		<svg class="HelpButton_bfa">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bfa" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baj" class="BackButton">
-		<svg class="BackButton_bak">
-			<rect id="BackButton_bak" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_be" class="BackButton">
+		<svg class="BackButton_bfa">
+			<rect id="BackButton_bfa" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_d" class="ReflectivityButton">
-		<svg class="ReflectivityButton_e">
-			<rect id="ReflectivityButton_e" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bfa" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bfb">
+			<rect id="ReflectivityButton_bfb" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_m" class="EventButtion_L">
-		<svg class="EventButtion-L_n">
-			<ellipse id="EventButtion-L_n" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bfc" class="EventButtion_L">
+		<svg class="EventButtion-L_bfd">
+			<ellipse id="EventButtion-L_bfd" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_o" class="EventButtion_R">
-		<svg class="EventButtion-R_p">
-			<ellipse id="EventButtion-R_p" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bfe" class="EventButtion_R">
+		<svg class="EventButtion-R_bff">
+			<ellipse id="EventButtion-R_bff" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_k" class="LossButton">
-		<svg class="LossButton_r">
-			<rect id="LossButton_r" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bfg" class="LossButton">
+		<svg class="LossButton_bfh">
+			<rect id="LossButton_bfh" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E5.html
deleted file mode 100644
index 7566dc5..0000000
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E5.html
+++ /dev/null
@@ -1,3187 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8"/>
-<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>OTDR-1-EventMap-Detail-AC-E5</title>
-<style id="applicationStylesheet" type="text/css">
-	.mediaViewInfo {
-		--web-view-name: OTDR-1-EventMap-Detail-AC-E5;
-		--web-view-id: OTDR-1-EventMap-Detail-AC-E5;
-		--web-scale-on-resize: true;
-		--web-enable-deep-linking: true;
-	}
-	:root {
-		--web-view-ids: OTDR-1-EventMap-Detail-AC-E5;
-	}
-	* {
-		margin: 0;
-		padding: 0;
-		box-sizing: border-box;
-		border: none;
-	}
-	#OTDR-1-EventMap-Detail-AC-E5 {
-		position: absolute;
-		width: 480px;
-		height: 640px;
-		background-color: rgba(255,255,255,1);
-		overflow: hidden;
-		--web-view-name: OTDR-1-EventMap-Detail-AC-E5;
-		--web-view-id: OTDR-1-EventMap-Detail-AC-E5;
-		--web-scale-on-resize: true;
-		--web-enable-deep-linking: true;
-	}
-	@keyframes fadein {
-	
-		0% {
-			opacity: 0;
-		}
-		100% {
-			opacity: 1;
-		}
-	
-	}
-	#n_199 {
-		position: absolute;
-		width: 480px;
-		height: 640px;
-		left: 0px;
-		top: 0px;
-		overflow: visible;
-	}
-	#HelpButton_e {
-		position: absolute;
-		width: 43px;
-		height: 32px;
-		left: 20px;
-		top: 544px;
-		overflow: visible;
-	}
-	#HelpButton_i {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.HelpButton_i {
-		position: absolute;
-		overflow: visible;
-		width: 43px;
-		height: 32px;
-		left: 0px;
-		top: 0px;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
-		cursor: pointer;
-	}
-	#BackButton_g {
-		position: absolute;
-		width: 58px;
-		height: 34px;
-		left: 15px;
-		top: 45px;
-		overflow: visible;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_E5.html;
-		cursor: pointer;
-	}
-	#BackButton_baa {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.BackButton_baa {
-		position: absolute;
-		overflow: visible;
-		width: 58px;
-		height: 34px;
-		left: 0px;
-		top: 0px;
-	}
-	#ReflectivityButton_b {
-		position: absolute;
-		width: 154px;
-		height: 34px;
-		left: 307px;
-		top: 347px;
-		overflow: visible;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
-		cursor: pointer;
-	}
-	#ReflectivityButton_c {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.ReflectivityButton_c {
-		position: absolute;
-		overflow: visible;
-		width: 154px;
-		height: 34px;
-		left: 0px;
-		top: 0px;
-	}
-	#EventButtion-L_d {
-		position: absolute;
-		width: 36px;
-		height: 40px;
-		left: 91px;
-		top: 540px;
-		overflow: visible;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
-		cursor: pointer;
-	}
-	#EventButtion-L_g {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.EventButtion-L_g {
-		position: absolute;
-		overflow: visible;
-		width: 36px;
-		height: 40px;
-		left: 0px;
-		top: 0px;
-	}
-	#EventButtion-R_b {
-		position: absolute;
-		width: 36px;
-		height: 40px;
-		left: 172px;
-		top: 540px;
-		overflow: visible;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
-		cursor: pointer;
-	}
-	#EventButtion-R_e {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.EventButtion-R_e {
-		position: absolute;
-		overflow: visible;
-		width: 36px;
-		height: 40px;
-		left: 0px;
-		top: 0px;
-	}
-	#LossButton_c {
-		position: absolute;
-		width: 154px;
-		height: 34px;
-		left: 307px;
-		top: 303px;
-		overflow: visible;
-		--web-animation: fadein 0.3s ease-out;
-		--web-action-type: page;
-		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
-		cursor: pointer;
-	}
-	#LossButton_d {
-		opacity: 0;
-		fill: rgba(255,255,255,1);
-		stroke: rgba(112,112,112,1);
-		stroke-width: 1px;
-		stroke-linejoin: miter;
-		stroke-linecap: butt;
-		stroke-miterlimit: 4;
-		shape-rendering: auto;
-	}
-	.LossButton_d {
-		position: absolute;
-		overflow: visible;
-		width: 154px;
-		height: 34px;
-		left: 0px;
-		top: 0px;
-	}
-</style>
-<script id="applicationScript">
-///////////////////////////////////////
-// INITIALIZATION
-///////////////////////////////////////
-
-/**
- * Functionality for scaling, showing by media query, and navigation between multiple pages on a single page. 
- * Code subject to change.
- **/
-
-if (window.console==null) { window["console"] = { log : function() {} } }; // some browsers do not set console
-
-var Application = function() {
-	// event constants
-	this.prefix = "--web-";
-	this.NAVIGATION_CHANGE = "viewChange";
-	this.VIEW_NOT_FOUND = "viewNotFound";
-	this.VIEW_CHANGE = "viewChange";
-	this.VIEW_CHANGING = "viewChanging";
-	this.STATE_NOT_FOUND = "stateNotFound";
-	this.APPLICATION_COMPLETE = "applicationComplete";
-	this.APPLICATION_RESIZE = "applicationResize";
-	this.SIZE_STATE_NAME = "data-is-view-scaled";
-	this.STATE_NAME = this.prefix + "state";
-
-	this.lastTrigger = null;
-	this.lastView = null;
-	this.lastState = null;
-	this.lastOverlay = null;
-	this.currentView = null;
-	this.currentState = null;
-	this.currentOverlay = null;
-	this.currentQuery = {index: 0, rule: null, mediaText: null, id: null};
-	this.inclusionQuery = "(min-width: 0px)";
-	this.exclusionQuery = "none and (min-width: 99999px)";
-	this.LastModifiedDateLabelName = "LastModifiedDateLabel";
-	this.viewScaleSliderId = "ViewScaleSliderInput";
-	this.pageRefreshedName = "showPageRefreshedNotification";
-	this.application = null;
-	this.applicationStylesheet = null;
-	this.showByMediaQuery = null;
-	this.mediaQueryDictionary = {};
-	this.viewsDictionary = {};
-	this.addedViews = [];
-	this.viewStates = [];
-	this.views = [];
-	this.viewIds = [];
-	this.viewQueries = {};
-	this.overlays = {};
-	this.overlayIds = [];
-	this.numberOfViews = 0;
-	this.verticalPadding = 0;
-	this.horizontalPadding = 0;
-	this.stateName = null;
-	this.viewScale = 1;
-	this.viewLeft = 0;
-	this.viewTop = 0;
-	this.horizontalScrollbarsNeeded = false;
-	this.verticalScrollbarsNeeded = false;
-
-	// view settings
-	this.showUpdateNotification = false;
-	this.showNavigationControls = false;
-	this.scaleViewsToFit = false;
-	this.scaleToFitOnDoubleClick = false;
-	this.actualSizeOnDoubleClick = false;
-	this.scaleViewsOnResize = false;
-	this.navigationOnKeypress = false;
-	this.showViewName = false;
-	this.enableDeepLinking = true;
-	this.refreshPageForChanges = false;
-	this.showRefreshNotifications = true;
-
-	// view controls
-	this.scaleViewSlider = null;
-	this.lastModifiedLabel = null;
-	this.supportsPopState = false; // window.history.pushState!=null;
-	this.initialized = false;
-
-	// refresh properties
-	this.refreshDuration = 250;
-	this.lastModifiedDate = null;
-	this.refreshRequest = null;
-	this.refreshInterval = null;
-	this.refreshContent = null;
-	this.refreshContentSize = null;
-	this.refreshCheckContent = false;
-	this.refreshCheckContentSize = false;
-
-	var self = this;
-
-	self.initialize = function(event) {
-		var view = self.getVisibleView();
-		var views = self.getVisibleViews();
-		if (view==null) view = self.getInitialView();
-		self.collectViews();
-		self.collectOverlays();
-		self.collectMediaQueries();
-
-		for (let index = 0; index < views.length; index++) {
-			var view = views[index];
-			self.setViewOptions(view);
-			self.setViewVariables(view);
-			self.centerView(view);
-		}
-
-		// sometimes the body size is 0 so we call this now and again later
-		if (self.initialized) {
-			window.addEventListener(self.NAVIGATION_CHANGE, self.viewChangeHandler);
-			window.addEventListener("keyup", self.keypressHandler);
-			window.addEventListener("keypress", self.keypressHandler);
-			window.addEventListener("resize", self.resizeHandler);
-			window.document.addEventListener("dblclick", self.doubleClickHandler);
-
-			if (self.supportsPopState) {
-				window.addEventListener('popstate', self.popStateHandler);
-			}
-			else {
-				window.addEventListener('hashchange', self.hashChangeHandler);
-			}
-
-			// we are ready to go
-			window.dispatchEvent(new Event(self.APPLICATION_COMPLETE));
-		}
-
-		if (self.initialized==false) {
-			if (self.enableDeepLinking) {
-				self.syncronizeViewToURL();
-			} 
-	
-			if (self.refreshPageForChanges) {
-				self.setupRefreshForChanges();
-			}
-	
-			self.initialized = true;
-		}
-		
-		if (self.scaleViewsToFit) {
-			self.viewScale = self.scaleViewToFit(view);
-			
-			if (self.viewScale<0) {
-				setTimeout(self.scaleViewToFit, 500, view);
-			}
-		}
-		else if (view) {
-			self.viewScale = self.getViewScaleValue(view);
-			self.centerView(view);
-			self.updateSliderValue(self.viewScale);
-		}
-		else {
-			// no view found
-		}
-	
-		if (self.showUpdateNotification) {
-			self.showNotification();
-		}
-
-		//"addEventListener" in window ? null : window.addEventListener = window.attachEvent;
-		//"addEventListener" in document ? null : document.addEventListener = document.attachEvent;
-	}
-
-
-	///////////////////////////////////////
-	// AUTO REFRESH 
-	///////////////////////////////////////
-
-	self.setupRefreshForChanges = function() {
-		self.refreshRequest = new XMLHttpRequest();
-
-		if (!self.refreshRequest) {
-			return false;
-		}
-
-		// get document start values immediately
-		self.requestRefreshUpdate();
-	}
-
-	/**
-	 * Attempt to check the last modified date by the headers 
-	 * or the last modified property from the byte array (experimental)
-	 **/
-	self.requestRefreshUpdate = function() {
-		var url = document.location.href;
-		var protocol = window.location.protocol;
-		var method;
-		
-		try {
-
-			if (self.refreshCheckContentSize) {
-				self.refreshRequest.open('HEAD', url, true);
-			}
-			else if (self.refreshCheckContent) {
-				self.refreshContent = document.documentElement.outerHTML;
-				self.refreshRequest.open('GET', url, true);
-				self.refreshRequest.responseType = "text";
-			}
-			else {
-
-				// get page last modified date for the first call to compare to later
-				if (self.lastModifiedDate==null) {
-
-					// File system does not send headers in FF so get blob if possible
-					if (protocol=="file:") {
-						self.refreshRequest.open("GET", url, true);
-						self.refreshRequest.responseType = "blob";
-					}
-					else {
-						self.refreshRequest.open("HEAD", url, true);
-						self.refreshRequest.responseType = "blob";
-					}
-
-					self.refreshRequest.onload = self.refreshOnLoadOnceHandler;
-
-					// In some browsers (Chrome & Safari) this error occurs at send: 
-					// 
-					// Chrome - Access to XMLHttpRequest at 'file:///index.html' from origin 'null' 
-					// has been blocked by CORS policy: 
-					// Cross origin requests are only supported for protocol schemes: 
-					// http, data, chrome, chrome-extension, https.
-					// 
-					// Safari - XMLHttpRequest cannot load file:///Users/user/Public/index.html. Cross origin requests are only supported for HTTP.
-					// 
-					// Solution is to run a local server, set local permissions or test in another browser
-					self.refreshRequest.send(null);
-
-					// In MS browsers the following behavior occurs possibly due to an AJAX call to check last modified date: 
-					// 
-					// DOM7011: The code on this page disabled back and forward caching.
-
-					// In Brave (Chrome) error when on the server
-					// index.js:221 HEAD https://www.example.com/ net::ERR_INSUFFICIENT_RESOURCES
-					// self.refreshRequest.send(null);
-
-				}
-				else {
-					self.refreshRequest = new XMLHttpRequest();
-					self.refreshRequest.onreadystatechange = self.refreshHandler;
-					self.refreshRequest.ontimeout = function() {
-						self.log("Couldn't find page to check for updates");
-					}
-					
-					var method;
-					if (protocol=="file:") {
-						method = "GET";
-					}
-					else {
-						method = "HEAD";
-					}
-
-					//refreshRequest.open('HEAD', url, true);
-					self.refreshRequest.open(method, url, true);
-					self.refreshRequest.responseType = "blob";
-					self.refreshRequest.send(null);
-				}
-			}
-		}
-		catch (error) {
-			self.log("Refresh failed for the following reason:")
-			self.log(error);
-		}
-	}
-
-	self.refreshHandler = function() {
-		var contentSize;
-
-		try {
-
-			if (self.refreshRequest.readyState === XMLHttpRequest.DONE) {
-				
-				if (self.refreshRequest.status === 2 || 
-					self.refreshRequest.status === 200) {
-					var pageChanged = false;
-
-					self.updateLastModifiedLabel();
-
-					if (self.refreshCheckContentSize) {
-						var lastModifiedHeader = self.refreshRequest.getResponseHeader("Last-Modified");
-						contentSize = self.refreshRequest.getResponseHeader("Content-Length");
-						//lastModifiedDate = refreshRequest.getResponseHeader("Last-Modified");
-						var headers = self.refreshRequest.getAllResponseHeaders();
-						var hasContentHeader = headers.indexOf("Content-Length")!=-1;
-						
-						if (hasContentHeader) {
-							contentSize = self.refreshRequest.getResponseHeader("Content-Length");
-
-							// size has not been set yet
-							if (self.refreshContentSize==null) {
-								self.refreshContentSize = contentSize;
-								// exit and let interval call this method again
-								return;
-							}
-
-							if (contentSize!=self.refreshContentSize) {
-								pageChanged = true;
-							}
-						}
-					}
-					else if (self.refreshCheckContent) {
-
-						if (self.refreshRequest.responseText!=self.refreshContent) {
-							pageChanged = true;
-						}
-					}
-					else {
-						lastModifiedHeader = self.getLastModified(self.refreshRequest);
-
-						if (self.lastModifiedDate!=lastModifiedHeader) {
-							self.log("lastModifiedDate:" + self.lastModifiedDate + ",lastModifiedHeader:" +lastModifiedHeader);
-							pageChanged = true;
-						}
-
-					}
-
-					
-					if (pageChanged) {
-						clearInterval(self.refreshInterval);
-						self.refreshUpdatedPage();
-						return;
-					}
-
-				}
-				else {
-					self.log('There was a problem with the request.');
-				}
-
-			}
-		}
-		catch( error ) {
-			//console.log('Caught Exception: ' + error);
-		}
-	}
-
-	self.refreshOnLoadOnceHandler = function(event) {
-
-		// get the last modified date
-		if (self.refreshRequest.response) {
-			self.lastModifiedDate = self.getLastModified(self.refreshRequest);
-
-			if (self.lastModifiedDate!=null) {
-
-				if (self.refreshInterval==null) {
-					self.refreshInterval = setInterval(self.requestRefreshUpdate, self.refreshDuration);
-				}
-			}
-			else {
-				self.log("Could not get last modified date from the server");
-			}
-		}
-	}
-
-	self.refreshUpdatedPage = function() {
-		if (self.showRefreshNotifications) {
-			var date = new Date().setTime((new Date().getTime()+10000));
-			document.cookie = encodeURIComponent(self.pageRefreshedName) + "=true" + "; max-age=6000;" + " path=/";
-		}
-
-		document.location.reload(true);
-	}
-
-	self.showNotification = function(duration) {
-		var notificationID = self.pageRefreshedName+"ID";
-		var notification = document.getElementById(notificationID);
-		if (duration==null) duration = 4000;
-
-		if (notification!=null) {return;}
-
-		notification = document.createElement("div");
-		notification.id = notificationID;
-		notification.textContent = "PAGE UPDATED";
-		var styleRule = ""
-		styleRule = "position: fixed; padding: 7px 16px 6px 16px; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; left: 50%;";
-		styleRule += "top: 20px; background-color: rgba(0,0,0,.5); border-radius: 12px; color:rgb(235, 235, 235); transition: all 2s linear;";
-		styleRule += "transform: translateX(-50%); letter-spacing: .5px; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, .1)); cursor: pointer";
-		notification.setAttribute("style", styleRule);
-
-		notification.className = "PageRefreshedClass";
-		notification.addEventListener("click", function() {
-			notification.parentNode.removeChild(notification);
-		});
-		
-		document.body.appendChild(notification);
-
-		setTimeout(function() {
-			notification.style.opacity = "0";
-			notification.style.filter = "drop-shadow( 0px 0px 0px rgba(0,0,0, .5))";
-			setTimeout(function() {
-				try {
-					notification.parentNode.removeChild(notification);
-				} catch(error) {}
-			}, duration)
-		}, duration);
-
-		document.cookie = encodeURIComponent(self.pageRefreshedName) + "=; max-age=1; path=/";
-	}
-
-	/**
-	 * Get the last modified date from the header 
-	 * or file object after request has been received
-	 **/
-	self.getLastModified = function(request) {
-		var date;
-
-		// file protocol - FILE object with last modified property
-		if (request.response && request.response.lastModified) {
-			date = request.response.lastModified;
-		}
-		
-		// http protocol - check headers
-		if (date==null) {
-			date = request.getResponseHeader("Last-Modified");
-		}
-
-		return date;
-	}
-
-	self.updateLastModifiedLabel = function() {
-		var labelValue = "";
-		
-		if (self.lastModifiedLabel==null) {
-			self.lastModifiedLabel = document.getElementById("LastModifiedLabel");
-		}
-
-		if (self.lastModifiedLabel) {
-			var seconds = parseInt(((new Date().getTime() - Date.parse(document.lastModified)) / 1000 / 60) * 100 + "");
-			var minutes = 0;
-			var hours = 0;
-
-			if (seconds < 60) {
-				seconds = Math.floor(seconds/10)*10;
-				labelValue = seconds + " seconds";
-			}
-			else {
-				minutes = parseInt((seconds/60) + "");
-
-				if (minutes>60) {
-					hours = parseInt((seconds/60/60) +"");
-					labelValue += hours==1 ? " hour" : " hours";
-				}
-				else {
-					labelValue = minutes+"";
-					labelValue += minutes==1 ? " minute" : " minutes";
-				}
-			}
-			
-			if (seconds<10) {
-				labelValue = "Updated now";
-			}
-			else {
-				labelValue = "Updated " + labelValue + " ago";
-			}
-
-			if (self.lastModifiedLabel.firstElementChild) {
-				self.lastModifiedLabel.firstElementChild.textContent = labelValue;
-
-			}
-			else if ("textContent" in self.lastModifiedLabel) {
-				self.lastModifiedLabel.textContent = labelValue;
-			}
-		}
-	}
-
-	self.getShortString = function(string, length) {
-		if (length==null) length = 30;
-		string = string!=null ? string.substr(0, length).replace(/\n/g, "") : "[String is null]";
-		return string;
-	}
-
-	self.getShortNumber = function(value, places) {
-		if (places==null || places<1) places = 4;
-		value = Math.round(value * Math.pow(10,places)) / Math.pow(10, places);
-		return value;
-	}
-
-	///////////////////////////////////////
-	// NAVIGATION CONTROLS
-	///////////////////////////////////////
-
-	self.updateViewLabel = function() {
-		var viewNavigationLabel = document.getElementById("ViewNavigationLabel");
-		var view = self.getVisibleView();
-		var viewIndex = view ? self.getViewIndex(view) : -1;
-		var viewName = view ? self.getViewPreferenceValue(view, self.prefix + "view-name") : null;
-		var viewId = view ? view.id : null;
-
-		if (viewNavigationLabel && view) {
-			if (viewName && viewName.indexOf('"')!=-1) {
-				viewName = viewName.replace(/"/g, "");
-			}
-
-			if (self.showViewName) {
-				viewNavigationLabel.textContent = viewName;
-				self.setTooltip(viewNavigationLabel, viewIndex + 1 + " of " + self.numberOfViews);
-			}
-			else {
-				viewNavigationLabel.textContent = viewIndex + 1 + " of " + self.numberOfViews;
-				self.setTooltip(viewNavigationLabel, viewName);
-			}
-
-		}
-	}
-
-	self.updateURL = function(view) {
-		view = view == null ? self.getVisibleView() : view;
-		var viewId = view ? view.id : null
-		var viewFragment = view ? "#"+ viewId : null;
-
-		if (viewId && self.viewIds.length>1 && self.enableDeepLinking) {
-
-			if (self.supportsPopState==false) {
-				self.setFragment(viewId);
-			}
-			else {
-				if (viewFragment!=window.location.hash) {
-
-					if (window.location.hash==null) {
-						window.history.replaceState({name:viewId}, null, viewFragment);
-					}
-					else {
-						window.history.pushState({name:viewId}, null, viewFragment);
-					}
-				}
-			}
-		}
-	}
-
-	self.updateURLState = function(view, stateName) {
-		stateName = view && (stateName=="" || stateName==null) ? self.getStateNameByViewId(view.id) : stateName;
-
-		if (self.supportsPopState==false) {
-			self.setFragment(stateName);
-		}
-		else {
-			if (stateName!=window.location.hash) {
-
-				if (window.location.hash==null) {
-					window.history.replaceState({name:view.viewId}, null, stateName);
-				}
-				else {
-					window.history.pushState({name:view.viewId}, null, stateName);
-				}
-			}
-		}
-	}
-
-	self.setFragment = function(value) {
-		window.location.hash = "#" + value;
-	}
-
-	self.setTooltip = function(element, value) {
-		// setting the tooltip in edge causes a page crash on hover
-		if (/Edge/.test(navigator.userAgent)) { return; }
-
-		if ("title" in element) {
-			element.title = value;
-		}
-	}
-
-	self.getStylesheetRules = function(styleSheet) {
-		try {
-			if (styleSheet) return styleSheet.cssRules || styleSheet.rules;
-	
-			return document.styleSheets[0]["cssRules"] || document.styleSheets[0]["rules"];
-		}
-		catch (error) {
-			// ERRORS:
-			// SecurityError: The operation is insecure.
-			// Errors happen when script loads before stylesheet or loading an external css locally
-
-			// InvalidAccessError: A parameter or an operation is not supported by the underlying object
-			// Place script after stylesheet
-
-			console.log(error);
-			if (error.toString().indexOf("The operation is insecure")!=-1) {
-				console.log("Load the stylesheet before the script or load the stylesheet inline until it can be loaded on a server")
-			}
-			return [];
-		}
-	}
-
-	/**
-	 * If single page application hide all of the views. 
-	 * @param {Number} selectedIndex if provided shows the view at index provided
-	 **/
-	self.hideViews = function(selectedIndex, animation) {
-		var rules = self.getStylesheetRules();
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			var cssText = rule && rule.cssText;
-
-			if (rule.media!=null && cssText.match("--web-view-name:")) {
-
-				if (queryIndex==selectedIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = selectedIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-				}
-				else {
-					if (animation) {
-						self.fadeOut(rule)
-					}
-					else {
-						self.disableMediaQuery(rule);
-					}
-				}
-				
-				queryIndex++;
-			}
-		}
-
-		self.numberOfViews = queryIndex;
-		self.updateViewLabel();
-		self.updateURL();
-
-		self.dispatchViewChange();
-
-		var view = self.getVisibleView();
-		var viewIndex = view ? self.getViewIndex(view) : -1;
-
-		return viewIndex==selectedIndex ? view : null;
-	}
-
-	/**
-	 * If single page application hide all of the views. 
-	 * @param {HTMLElement} selectedView if provided shows the view passed in
-	 **/
-	 self.hideAllViews = function(selectedView, animation) {
-		var views = self.views;
-		var queryIndex = 0;
-		var numberOfViews = views!=null ? views.length : 0;
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfViews;i++) {
-			var viewData = views[i];
-			var view = viewData && viewData.view;
-			var mediaRule = viewData && viewData.mediaRule;
-			
-			if (view==selectedView) {
-				self.currentQuery.mediaText = mediaRule.conditionText;
-				self.currentQuery.index = queryIndex;
-				self.currentQuery.rule = mediaRule;
-				self.enableMediaQuery(mediaRule);
-			}
-			else {
-				if (animation) {
-					self.fadeOut(mediaRule)
-				}
-				else {
-					self.disableMediaQuery(mediaRule);
-				}
-			}
-			
-			queryIndex++;
-		}
-
-		self.numberOfViews = queryIndex;
-		self.updateViewLabel();
-		self.updateURL();
-		self.dispatchViewChange();
-
-		var visibleView = self.getVisibleView();
-
-		return visibleView==selectedView ? selectedView : null;
-	}
-
-	/**
-	 * Hide view
-	 * @param {Object} view element to hide
-	 **/
-	self.hideView = function(view) {
-		var rule = view ? self.mediaQueryDictionary[view.id] : null;
-
-		if (rule) {
-			self.disableMediaQuery(rule);
-		}
-	}
-
-	/**
-	 * Hide overlay
-	 * @param {Object} overlay element to hide
-	 **/
-	self.hideOverlay = function(overlay) {
-		var rule = overlay ? self.mediaQueryDictionary[overlay.id] : null;
-
-		if (rule) {
-			self.disableMediaQuery(rule);
-
-			//if (self.showByMediaQuery) {
-				overlay.style.display = "none";
-			//}
-		}
-	}
-
-	/**
-	 * Show the view by media query. Does not hide current views
-	 * Sets view options by default
-	 * @param {Object} view element to show
-	 * @param {Boolean} setViewOptions sets view options if null or true
-	 */
-	self.showViewByMediaQuery = function(view, setViewOptions) {
-		var id = view ? view.id : null;
-		var query = id ? self.mediaQueryDictionary[id] : null;
-		var isOverlay = view ? self.isOverlay(view) : false;
-		setViewOptions = setViewOptions==null ? true : setViewOptions;
-
-		if (query) {
-			self.enableMediaQuery(query);
-
-			if (isOverlay && view && setViewOptions) {
-				self.setViewVariables(null, view);
-			}
-			else {
-				if (view && setViewOptions) self.setViewOptions(view);
-				if (view && setViewOptions) self.setViewVariables(view);
-			}
-		}
-	}
-
-	/**
-	 * Show the view. Does not hide current views
-	 */
-	self.showView = function(view, setViewOptions) {
-		var id = view ? view.id : null;
-		var query = id ? self.mediaQueryDictionary[id] : null;
-		var display = null;
-		setViewOptions = setViewOptions==null ? true : setViewOptions;
-
-		if (query) {
-			self.enableMediaQuery(query);
-			if (view==null) view =self.getVisibleView();
-			if (view && setViewOptions) self.setViewOptions(view);
-		}
-		else if (id) {
-			display = window.getComputedStyle(view).getPropertyValue("display");
-			if (display=="" || display=="none") {
-				view.style.display = "block";
-			}
-		}
-
-		if (view) {
-			if (self.currentView!=null) {
-				self.lastView = self.currentView;
-			}
-
-			self.currentView = view;
-		}
-	}
-
-	self.showViewById = function(id, setViewOptions) {
-		var view = id ? self.getViewById(id) : null;
-
-		if (view) {
-			self.showView(view);
-			return;
-		}
-
-		self.log("View not found '" + id + "'");
-	}
-
-	self.getElementView = function(element) {
-		var view = element;
-		var viewFound = false;
-
-		while (viewFound==false || view==null) {
-			if (view && self.viewsDictionary[view.id]) {
-				return view;
-			}
-			view = view.parentNode;
-		}
-	}
-
-	/**
-	 * Show overlay over view
-	 * @param {Event | HTMLElement} event event or html element with styles applied
-	 * @param {String} id id of view or view reference
-	 * @param {Number} x x location
-	 * @param {Number} y y location
-	 */
-	self.showOverlay = function(event, id, x, y) {
-		var overlay = id && typeof id === 'string' ? self.getViewById(id) : id ? id : null;
-		var query = overlay ? self.mediaQueryDictionary[overlay.id] : null;
-		var centerHorizontally = false;
-		var centerVertically = false;
-		var anchorLeft = false;
-		var anchorTop = false;
-		var anchorRight = false;
-		var anchorBottom = false;
-		var display = null;
-		var reparent = true;
-		var view = null;
-		
-		if (overlay==null || overlay==false) {
-			self.log("Overlay not found, '"+ id + "'");
-			return;
-		}
-
-		// get enter animation - event target must have css variables declared
-		if (event) {
-			var button = event.currentTarget || event; // can be event or htmlelement
-			var buttonComputedStyles = getComputedStyle(button);
-			var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
-			var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
-			var isAnimated = animation!="";
-			var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
-			var actionTarget = self.application ? null : self.getElement(actionTargetValue);
-			var actionTargetStyles = actionTarget ? actionTarget.style : null;
-
-			if (actionTargetStyles) {
-				actionTargetStyles.setProperty("animation", animation);
-			}
-
-			if ("stopImmediatePropagation" in event) {
-				event.stopImmediatePropagation();
-			}
-		}
-		
-		if (self.application==false || targetType=="page") {
-			document.location.href = "./" + actionTargetValue;
-			return;
-		}
-
-		// remove any current overlays
-		if (self.currentOverlay) {
-
-			// act as switch if same button
-			if (self.currentOverlay==actionTarget || self.currentOverlay==null) {
-				if (self.lastTrigger==button) {
-					self.removeOverlay(isAnimated);
-					return;
-				}
-			}
-			else {
-				self.removeOverlay(isAnimated);
-			}
-		}
-
-		if (reparent) {
-			view = self.getElementView(button);
-			if (view) {
-				view.appendChild(overlay);
-			}
-		}
-
-		if (query) {
-			//self.setElementAnimation(overlay, null);
-			//overlay.style.animation = animation;
-			self.enableMediaQuery(query);
-			
-			var display = overlay && overlay.style.display;
-			
-			if (overlay && display=="" || display=="none") {
-				overlay.style.display = "block";
-				//self.setViewOptions(overlay);
-			}
-
-			// add animation defined in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.fadeIn(overlay, false, animation);
-			}
-		}
-		else if (id) {
-
-			display = window.getComputedStyle(overlay).getPropertyValue("display");
-
-			if (display=="" || display=="none") {
-				overlay.style.display = "block";
-			}
-
-			// add animation defined in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.fadeIn(overlay, false, animation);
-			}
-		}
-
-		// do not set x or y position if centering
-		var horizontal = self.prefix + "center-horizontally";
-		var vertical = self.prefix + "center-vertically";
-		var style = overlay.style;
-		var transform = [];
-
-		centerHorizontally = self.getIsStyleDefined(id, horizontal) ? self.getViewPreferenceBoolean(overlay, horizontal) : false;
-		centerVertically = self.getIsStyleDefined(id, vertical) ? self.getViewPreferenceBoolean(overlay, vertical) : false;
-		anchorLeft = self.getIsStyleDefined(id, "left");
-		anchorRight = self.getIsStyleDefined(id, "right");
-		anchorTop = self.getIsStyleDefined(id, "top");
-		anchorBottom = self.getIsStyleDefined(id, "bottom");
-
-		
-		if (self.viewsDictionary[overlay.id] && self.viewsDictionary[overlay.id].styleDeclaration) {
-			style = self.viewsDictionary[overlay.id].styleDeclaration.style;
-		}
-		
-		if (centerHorizontally) {
-			style.left = "50%";
-			style.transformOrigin = "0 0";
-			transform.push("translateX(-50%)");
-		}
-		else if (anchorRight && anchorLeft) {
-			style.left = x + "px";
-		}
-		else if (anchorRight) {
-			//style.right = x + "px";
-		}
-		else {
-			style.left = x + "px";
-		}
-		
-		if (centerVertically) {
-			style.top = "50%";
-			transform.push("translateY(-50%)");
-			style.transformOrigin = "0 0";
-		}
-		else if (anchorTop && anchorBottom) {
-			style.top = y + "px";
-		}
-		else if (anchorBottom) {
-			//style.bottom = y + "px";
-		}
-		else {
-			style.top = y + "px";
-		}
-
-		if (transform.length) {
-			style.transform = transform.join(" ");
-		}
-
-		self.currentOverlay = overlay;
-		self.lastTrigger = button;
-	}
-
-	self.goBack = function() {
-		if (self.currentOverlay) {
-			self.removeOverlay();
-		}
-		else if (self.lastView) {
-			self.goToView(self.lastView.id);
-		}
-	}
-
-	self.removeOverlay = function(animate) {
-		var overlay = self.currentOverlay;
-		animate = animate===false ? false : true;
-
-		if (overlay) {
-			var style = overlay.style;
-			
-			if (style.animation && self.supportAnimations && animate) {
-				self.reverseAnimation(overlay, true);
-
-				var duration = self.getAnimationDuration(style.animation, true);
-		
-				setTimeout(function() {
-					self.setElementAnimation(overlay, null);
-					self.hideOverlay(overlay);
-					self.currentOverlay = null;
-				}, duration);
-			}
-			else {
-				self.setElementAnimation(overlay, null);
-				self.hideOverlay(overlay);
-				self.currentOverlay = null;
-			}
-		}
-	}
-
-	/**
-	 * Reverse the animation and hide after
-	 * @param {Object} target element with animation
-	 * @param {Boolean} hide hide after animation ends
-	 */
-	self.reverseAnimation = function(target, hide) {
-		var lastAnimation = null;
-		var style = target.style;
-
-		style.animationPlayState = "paused";
-		lastAnimation = style.animation;
-		style.animation = null;
-		style.animationPlayState = "paused";
-
-		if (hide) {
-			//target.addEventListener("animationend", self.animationEndHideHandler);
-	
-			var duration = self.getAnimationDuration(lastAnimation, true);
-			var isOverlay = self.isOverlay(target);
-	
-			setTimeout(function() {
-				self.setElementAnimation(target, null);
-
-				if (isOverlay) {
-					self.hideOverlay(target);
-				}
-				else {
-					self.hideView(target);
-				}
-			}, duration);
-		}
-
-		setTimeout(function() {
-			style.animation = lastAnimation;
-			style.animationPlayState = "paused";
-			style.animationDirection = "reverse";
-			style.animationPlayState = "running";
-		}, 30);
-	}
-
-	self.animationEndHandler = function(event) {
-		var target = event.currentTarget;
-		self.dispatchEvent(new Event(event.type));
-	}
-
-	self.isOverlay = function(view) {
-		var result = view ? self.getViewPreferenceBoolean(view, self.prefix + "is-overlay") : false;
-
-		return result;
-	}
-
-	self.animationEndHideHandler = function(event) {
-		var target = event.currentTarget;
-		self.setViewVariables(null, target);
-		self.hideView(target);
-		target.removeEventListener("animationend", self.animationEndHideHandler);
-	}
-
-	self.animationEndShowHandler = function(event) {
-		var target = event.currentTarget;
-		target.removeEventListener("animationend", self.animationEndShowHandler);
-	}
-
-	self.setViewOptions = function(view) {
-
-		if (view) {
-			self.minimumScale = self.getViewPreferenceValue(view, self.prefix + "minimum-scale");
-			self.maximumScale = self.getViewPreferenceValue(view, self.prefix + "maximum-scale");
-			self.scaleViewsToFit = self.getViewPreferenceBoolean(view, self.prefix + "scale-to-fit");
-			self.scaleToFitType = self.getViewPreferenceValue(view, self.prefix + "scale-to-fit-type");
-			self.scaleToFitOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-double-click");
-			self.actualSizeOnDoubleClick = self.getViewPreferenceBoolean(view, self.prefix + "actual-size-on-double-click");
-			self.scaleViewsOnResize = self.getViewPreferenceBoolean(view, self.prefix + "scale-on-resize");
-			self.enableScaleUp = self.getViewPreferenceBoolean(view, self.prefix + "enable-scale-up");
-			self.centerHorizontally = self.getViewPreferenceBoolean(view, self.prefix + "center-horizontally");
-			self.centerVertically = self.getViewPreferenceBoolean(view, self.prefix + "center-vertically");
-			self.navigationOnKeypress = self.getViewPreferenceBoolean(view, self.prefix + "navigate-on-keypress");
-			self.showViewName = self.getViewPreferenceBoolean(view, self.prefix + "show-view-name");
-			self.refreshPageForChanges = self.getViewPreferenceBoolean(view, self.prefix + "refresh-for-changes");
-			self.refreshPageForChangesInterval = self.getViewPreferenceValue(view, self.prefix + "refresh-interval");
-			self.showNavigationControls = self.getViewPreferenceBoolean(view, self.prefix + "show-navigation-controls");
-			self.scaleViewSlider = self.getViewPreferenceBoolean(view, self.prefix + "show-scale-controls");
-			self.enableDeepLinking = self.getViewPreferenceBoolean(view, self.prefix + "enable-deep-linking");
-			self.singlePageApplication = self.getViewPreferenceBoolean(view, self.prefix + "application");
-			self.showByMediaQuery = self.getViewPreferenceBoolean(view, self.prefix + "show-by-media-query");
-			self.showUpdateNotification = document.cookie!="" ? document.cookie.indexOf(self.pageRefreshedName)!=-1 : false;
-			self.imageComparisonDuration = self.getViewPreferenceValue(view, self.prefix + "image-comparison-duration");
-			self.supportAnimations = self.getViewPreferenceBoolean(view, self.prefix + "enable-animations", true);
-
-			if (self.scaleViewsToFit) {
-				var newScaleValue = self.scaleViewToFit(view);
-				
-				if (newScaleValue<0) {
-					setTimeout(self.scaleViewToFit, 500, view);
-				}
-			}
-			else {
-				self.viewScale = self.getViewScaleValue(view);
-				self.viewToFitWidthScale = self.getViewFitToViewportWidthScale(view, self.enableScaleUp)
-				self.viewToFitHeightScale = self.getViewFitToViewportScale(view, self.enableScaleUp);
-				self.updateSliderValue(self.viewScale);
-			}
-
-			if (self.imageComparisonDuration!=null) {
-				// todo
-			}
-
-			if (self.refreshPageForChangesInterval!=null) {
-				self.refreshDuration = Number(self.refreshPageForChangesInterval);
-			}
-		}
-	}
-
-	self.previousView = function(event) {
-		var rules = self.getStylesheetRules();
-		var view = self.getVisibleView()
-		var index = view ? self.getViewIndex(view) : -1;
-		var prevQueryIndex = index!=-1 ? index-1 : self.currentQuery.index-1;
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-
-		if (event) {
-			event.stopImmediatePropagation();
-		}
-
-		if (prevQueryIndex<0) {
-			return;
-		}
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			
-			if (rule.media!=null) {
-
-				if (queryIndex==prevQueryIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = prevQueryIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-					self.updateViewLabel();
-					self.updateURL();
-					self.dispatchViewChange();
-				}
-				else {
-					self.disableMediaQuery(rule);
-				}
-
-				queryIndex++;
-			}
-		}
-	}
-
-	self.nextView = function(event) {
-		var rules = self.getStylesheetRules();
-		var view = self.getVisibleView();
-		var index = view ? self.getViewIndex(view) : -1;
-		var nextQueryIndex = index!=-1 ? index+1 : self.currentQuery.index+1;
-		var queryIndex = 0;
-		var numberOfRules = rules!=null ? rules.length : 0;
-		var numberOfMediaQueries = self.getNumberOfMediaRules();
-
-		if (event) {
-			event.stopImmediatePropagation();
-		}
-
-		if (nextQueryIndex>=numberOfMediaQueries) {
-			return;
-		}
-
-		// loop through rules and hide media queries except selected
-		for (var i=0;i<numberOfRules;i++) {
-			var rule = rules[i];
-			
-			if (rule.media!=null) {
-
-				if (queryIndex==nextQueryIndex) {
-					self.currentQuery.mediaText = rule.conditionText;
-					self.currentQuery.index = nextQueryIndex;
-					self.currentQuery.rule = rule;
-					self.enableMediaQuery(rule);
-					self.updateViewLabel();
-					self.updateURL();
-					self.dispatchViewChange();
-				}
-				else {
-					self.disableMediaQuery(rule);
-				}
-
-				queryIndex++;
-			}
-		}
-	}
-
-	/**
-	 * Enables a view via media query
-	 */
-	self.enableMediaQuery = function(rule) {
-
-		try {
-			rule.media.mediaText = self.inclusionQuery;
-		}
-		catch(error) {
-			//self.log(error);
-			rule.conditionText = self.inclusionQuery;
-		}
-	}
-
-	self.disableMediaQuery = function(rule) {
-
-		try {
-			rule.media.mediaText = self.exclusionQuery;
-		}
-		catch(error) {
-			rule.conditionText = self.exclusionQuery;
-		}
-	}
-
-	self.dispatchViewChange = function() {
-		try {
-			var event = new Event(self.NAVIGATION_CHANGE);
-			window.dispatchEvent(event);
-		}
-		catch (error) {
-			// In IE 11: Object doesn't support this action
-		}
-	}
-
-	self.getNumberOfMediaRules = function() {
-		var rules = self.getStylesheetRules();
-		var numberOfRules = rules ? rules.length : 0;
-		var numberOfQueries = 0;
-
-		for (var i=0;i<numberOfRules;i++) {
-			if (rules[i].media!=null) { numberOfQueries++; }
-		}
-		
-		return numberOfQueries;
-	}
-
-	/////////////////////////////////////////
-	// VIEW SCALE 
-	/////////////////////////////////////////
-
-	self.sliderChangeHandler = function(event) {
-		var value = self.getShortNumber(event.currentTarget.value/100);
-		var view = self.getVisibleView();
-		self.setViewScaleValue(view, false, value, true);
-	}
-
-	self.updateSliderValue = function(scale) {
-		var slider = document.getElementById(self.viewScaleSliderId);
-		var tooltip = parseInt(scale * 100 + "") + "%";
-		var inputType;
-		var inputValue;
-		
-		if (slider) {
-			inputValue = self.getShortNumber(scale * 100);
-			if (inputValue!=slider["value"]) {
-				slider["value"] = inputValue;
-			}
-			inputType = slider.getAttributeNS(null, "type");
-
-			if (inputType!="range") {
-				// input range is not supported
-				slider.style.display = "none";
-			}
-
-			self.setTooltip(slider, tooltip);
-		}
-	}
-
-	self.viewChangeHandler = function(event) {
-		var view = self.getVisibleView();
-		var matrix = view ? getComputedStyle(view).transform : null;
-		
-		if (matrix) {
-			self.viewScale = self.getViewScaleValue(view);
-			
-			var scaleNeededToFit = self.getViewFitToViewportScale(view);
-			var isViewLargerThanViewport = scaleNeededToFit<1;
-			
-			// scale large view to fit if scale to fit is enabled
-			if (self.scaleViewsToFit) {
-				self.scaleViewToFit(view);
-			}
-			else {
-				self.updateSliderValue(self.viewScale);
-			}
-		}
-	}
-
-	self.getViewScaleValue = function(view) {
-		var matrix = getComputedStyle(view).transform;
-
-		if (matrix) {
-			var matrixArray = matrix.replace("matrix(", "").split(",");
-			var scaleX = parseFloat(matrixArray[0]);
-			var scaleY = parseFloat(matrixArray[3]);
-			var scale = Math.min(scaleX, scaleY);
-		}
-
-		return scale;
-	}
-
-	/**
-	 * Scales view to scale. 
-	 * @param {Object} view view to scale. views are in views array
-	 * @param {Boolean} scaleToFit set to true to scale to fit. set false to use desired scale value
-	 * @param {Number} desiredScale scale to define. not used if scale to fit is false
-	 * @param {Boolean} isSliderChange indicates if slider is callee
-	 */
-	self.setViewScaleValue = function(view, scaleToFit, desiredScale, isSliderChange) {
-		var enableScaleUp = self.enableScaleUp;
-		var scaleToFitType = self.scaleToFitType;
-		var minimumScale = self.minimumScale;
-		var maximumScale = self.maximumScale;
-		var hasMinimumScale = !isNaN(minimumScale) && minimumScale!="";
-		var hasMaximumScale = !isNaN(maximumScale) && maximumScale!="";
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, enableScaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, enableScaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, enableScaleUp);
-		var scaleToFitFull = self.getViewFitToViewportScale(view, true);
-		var scaleToFitFullWidth = self.getViewFitToViewportWidthScale(view, true);
-		var scaleToFitFullHeight = self.getViewFitToViewportHeightScale(view, true);
-		var scaleToWidth = scaleToFitType=="width";
-		var scaleToHeight = scaleToFitType=="height";
-		var shrunkToFit = false;
-		var topPosition = null;
-		var leftPosition = null;
-		var translateY = null;
-		var translateX = null;
-		var transformValue = "";
-		var canCenterVertically = true;
-		var canCenterHorizontally = true;
-		var style = view.style;
-
-		if (view && self.viewsDictionary[view.id] && self.viewsDictionary[view.id].styleDeclaration) {
-			style = self.viewsDictionary[view.id].styleDeclaration.style;
-		}
-
-		if (scaleToFit && isSliderChange!=true) {
-			if (scaleToFitType=="fit" || scaleToFitType=="") {
-				desiredScale = scaleNeededToFit;
-			}
-			else if (scaleToFitType=="width") {
-				desiredScale = scaleNeededToFitWidth;
-			}
-			else if (scaleToFitType=="height") {
-				desiredScale = scaleNeededToFitHeight;
-			}
-		}
-		else {
-			if (isNaN(desiredScale)) {
-				desiredScale = 1;
-			}
-		}
-
-		self.updateSliderValue(desiredScale);
-		
-		// scale to fit width
-		if (scaleToWidth && scaleToHeight==false) {
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
-
-			if (isSliderChange) {
-				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFitWidth;
-			}
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "width", enableScaleUp, desiredScale, minimumScale, maximumScale);
-
-			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-			else if (desiredScale>=1 && enableScaleUp==false) {
-				transformValue = "scale(" + 1 + ")";
-			}
-			else {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			return desiredScale;
-		}
-
-		// scale to fit height
-		if (scaleToHeight && scaleToWidth==false) {
-			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			//canCenterHorizontally = scaleNeededToFitHeight<=scaleNeededToFitWidth && enableScaleUp==false;
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			canCenterHorizontally = scaleNeededToFitWidth>=1 && enableScaleUp==false;
-			
-			if (isSliderChange) {
-				canCenterHorizontally = desiredScale<scaleToFitFullHeight;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFitHeight;
-			}
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-				//canCenterVertically = desiredScale>=scaleNeededToFitHeight && enableScaleUp==false;
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "height", enableScaleUp, desiredScale, minimumScale, maximumScale);
-
-			if (desiredScale>1 && (enableScaleUp || isSliderChange)) {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-			else if (desiredScale>=1 && enableScaleUp==false) {
-				transformValue = "scale(" + 1 + ")";
-			}
-			else {
-				transformValue = "scale(" + desiredScale + ")";
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			return scaleNeededToFitHeight;
-		}
-
-		if (scaleToFitType=="fit") {
-			//canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-			//canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFitHeight;
-			canCenterVertically = scaleNeededToFitHeight>=scaleNeededToFit;
-			canCenterHorizontally = scaleNeededToFitWidth>=scaleNeededToFit;
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-
-			desiredScale = self.getShortNumber(desiredScale);
-
-			if (isSliderChange || scaleToFit==false) {
-				canCenterVertically = scaleToFitFullHeight>=desiredScale;
-				canCenterHorizontally = desiredScale<scaleToFitFullWidth;
-			}
-			else if (scaleToFit) {
-				desiredScale = scaleNeededToFit;
-			}
-
-			transformValue = "scale(" + desiredScale + ")";
-
-			//canCenterHorizontally = self.canCenterHorizontally(view, "fit", false, desiredScale);
-			//canCenterVertically = self.canCenterVertically(view, "fit", false, desiredScale);
-			
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			self.updateSliderValue(desiredScale);
-			
-			return desiredScale;
-		}
-
-		if (scaleToFitType=="default" || scaleToFitType=="") {
-			desiredScale = 1;
-
-			if (hasMinimumScale) {
-				desiredScale = Math.max(desiredScale, Number(minimumScale));
-			}
-			if (hasMaximumScale) {
-				desiredScale = Math.min(desiredScale, Number(maximumScale));
-			}
-
-			canCenterHorizontally = self.canCenterHorizontally(view, "none", false, desiredScale, minimumScale, maximumScale);
-			canCenterVertically = self.canCenterVertically(view, "none", false, desiredScale, minimumScale, maximumScale);
-
-			if (self.centerVertically) {
-				if (canCenterVertically) {
-					translateY = "-50%";
-					topPosition = "50%";
-				}
-				else {
-					translateY = "0";
-					topPosition = "0";
-				}
-				
-				if (style.top != topPosition) {
-					style.top = topPosition + "";
-				}
-
-				if (canCenterVertically) {
-					transformValue += " translateY(" + translateY+ ")";
-				}
-			}
-
-			if (self.centerHorizontally) {
-				if (canCenterHorizontally) {
-					translateX = "-50%";
-					leftPosition = "50%";
-				}
-				else {
-					translateX = "0";
-					leftPosition = "0";
-				}
-
-				if (style.left != leftPosition) {
-					style.left = leftPosition + "";
-				}
-
-				if (canCenterHorizontally) {
-					transformValue += " translateX(" + translateX+ ")";
-				}
-				else {
-					transformValue += " translateX(" + 0 + ")";
-				}
-			}
-
-			style.transformOrigin = "0 0";
-			style.transform = transformValue;
-
-
-			self.viewScale = desiredScale;
-			self.viewToFitWidthScale = scaleNeededToFitWidth;
-			self.viewToFitHeightScale = scaleNeededToFitHeight;
-			self.viewLeft = leftPosition;
-			self.viewTop = topPosition;
-
-			self.updateSliderValue(desiredScale);
-			
-			return desiredScale;
-		}
-	}
-
-	/**
-	 * Returns true if view can be centered horizontally
-	 * @param {HTMLElement} view view
-	 * @param {String} type type of scaling - width, height, all, none
-	 * @param {Boolean} scaleUp if scale up enabled 
-	 * @param {Number} scale target scale value 
-	 */
-	self.canCenterHorizontally = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
-		var canCenter = false;
-		var minScale;
-
-		type = type==null ? "none" : type;
-		scale = scale==null ? scale : scaleNeededToFitWidth;
-		scaleUp = scaleUp == null ? false : scaleUp;
-
-		if (type=="width") {
-	
-			if (scaleUp && maximumScale==null) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=1) {
-				canCenter = true;
-			}
-		}
-		else if (type=="height") {
-			minScale = Math.min(1, scaleNeededToFitHeight);
-			if (minimumScale!="" && maximumScale!="") {
-				minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
-			}
-			else {
-				if (minimumScale!="") {
-					minScale = Math.max(minimumScale, scaleNeededToFitHeight);
-				}
-				if (maximumScale!="") {
-					minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFitHeight));
-				}
-			}
-	
-			if (scaleUp && maximumScale=="") {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=minScale) {
-				canCenter = true;
-			}
-		}
-		else if (type=="fit") {
-			canCenter = scaleNeededToFitWidth>=scaleNeededToFit;
-		}
-		else {
-			if (scaleUp) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitWidth>=1) {
-				canCenter = true;
-			}
-		}
-
-		self.horizontalScrollbarsNeeded = canCenter;
-		
-		return canCenter;
-	}
-
-	/**
-	 * Returns true if view can be centered horizontally
-	 * @param {HTMLElement} view view to scale
-	 * @param {String} type type of scaling
-	 * @param {Boolean} scaleUp if scale up enabled 
-	 * @param {Number} scale target scale value 
-	 */
-	self.canCenterVertically = function(view, type, scaleUp, scale, minimumScale, maximumScale) {
-		var scaleNeededToFit = self.getViewFitToViewportScale(view, scaleUp);
-		var scaleNeededToFitWidth = self.getViewFitToViewportWidthScale(view, scaleUp);
-		var scaleNeededToFitHeight = self.getViewFitToViewportHeightScale(view, scaleUp);
-		var canCenter = false;
-		var minScale;
-
-		type = type==null ? "none" : type;
-		scale = scale==null ? 1 : scale;
-		scaleUp = scaleUp == null ? false : scaleUp;
-	
-		if (type=="width") {
-			canCenter = scaleNeededToFitHeight>=scaleNeededToFitWidth;
-		}
-		else if (type=="height") {
-			minScale = Math.max(minimumScale, Math.min(maximumScale, scaleNeededToFit));
-			canCenter = scaleNeededToFitHeight>=minScale;
-		}
-		else if (type=="fit") {
-			canCenter = scaleNeededToFitHeight>=scaleNeededToFit;
-		}
-		else {
-			if (scaleUp) {
-				canCenter = false;
-			}
-			else if (scaleNeededToFitHeight>=1) {
-				canCenter = true;
-			}
-		}
-
-		self.verticalScrollbarsNeeded = canCenter;
-		
-		return canCenter;
-	}
-
-	self.getViewFitToViewportScale = function(view, scaleUp) {
-		var enableScaleUp = scaleUp;
-		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
-		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementWidth) || isNaN(elementHeight)) {
-			return newScale;
-		}
-
-		availableWidth -= self.horizontalPadding;
-		availableHeight -= self.verticalPadding;
-
-		if (enableScaleUp) {
-			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
-		}
-		else if (elementWidth > availableWidth || elementHeight > availableHeight) {
-			newScale = Math.min(availableHeight/elementHeight, availableWidth/elementWidth);
-		}
-		
-		return newScale;
-	}
-
-	self.getViewFitToViewportWidthScale = function(view, scaleUp) {
-		// need to get browser viewport width when element
-		var isParentWindow = view && view.parentNode && view.parentNode===document.body;
-		var enableScaleUp = scaleUp;
-		var availableWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-		var elementWidth = parseFloat(getComputedStyle(view, "style").width);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementWidth)) {
-			return newScale;
-		}
-
-		availableWidth -= self.horizontalPadding;
-
-		if (enableScaleUp) {
-			newScale = availableWidth/elementWidth;
-		}
-		else if (elementWidth > availableWidth) {
-			newScale = availableWidth/elementWidth;
-		}
-		
-		return newScale;
-	}
-
-	self.getViewFitToViewportHeightScale = function(view, scaleUp) {
-		var enableScaleUp = scaleUp;
-		var availableHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-		var elementHeight = parseFloat(getComputedStyle(view, "style").height);
-		var newScale = 1;
-
-		// if element is not added to the document computed values are NaN
-		if (isNaN(elementHeight)) {
-			return newScale;
-		}
-
-		availableHeight -= self.verticalPadding;
-
-		if (enableScaleUp) {
-			newScale = availableHeight/elementHeight;
-		}
-		else if (elementHeight > availableHeight) {
-			newScale = availableHeight/elementHeight;
-		}
-		
-		return newScale;
-	}
-
-	self.keypressHandler = function(event) {
-		var rightKey = 39;
-		var leftKey = 37;
-		
-		// listen for both events 
-		if (event.type=="keypress") {
-			window.removeEventListener("keyup", self.keypressHandler);
-		}
-		else {
-			window.removeEventListener("keypress", self.keypressHandler);
-		}
-		
-		if (self.showNavigationControls) {
-			if (self.navigationOnKeypress) {
-				if (event.keyCode==rightKey) {
-					self.nextView();
-				}
-				if (event.keyCode==leftKey) {
-					self.previousView();
-				}
-			}
-		}
-		else if (self.navigationOnKeypress) {
-			if (event.keyCode==rightKey) {
-				self.nextView();
-			}
-			if (event.keyCode==leftKey) {
-				self.previousView();
-			}
-		}
-	}
-
-	///////////////////////////////////
-	// GENERAL FUNCTIONS
-	///////////////////////////////////
-
-	self.getViewById = function(id) {
-		id = id ? id.replace("#", "") : "";
-		var view = self.viewIds.indexOf(id)!=-1 && self.getElement(id);
-		return view;
-	}
-
-	self.getViewIds = function() {
-		var viewIds = self.getViewPreferenceValue(document.body, self.prefix + "view-ids");
-		var viewId = null;
-
-		viewIds = viewIds!=null && viewIds!="" ? viewIds.split(",") : [];
-
-		if (viewIds.length==0) {
-			viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
-			viewIds = viewId ? [viewId] : [];
-		}
-
-		return viewIds;
-	}
-
-	self.getInitialViewId = function() {
-		var viewId = self.getViewPreferenceValue(document.body, self.prefix + "view-id");
-		return viewId;
-	}
-
-	self.getApplicationStylesheet = function() {
-		var stylesheetId = self.getViewPreferenceValue(document.body, self.prefix + "stylesheet-id");
-		self.applicationStylesheet = document.getElementById("applicationStylesheet");
-		return self.applicationStylesheet.sheet;
-	}
-
-	self.getVisibleView = function() {
-		var viewIds = self.getViewIds();
-		
-		for (var i=0;i<viewIds.length;i++) {
-			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
-			var view = self.getElement(viewId);
-			var postName = "_Class";
-
-			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-				view = self.getElement(viewId.replace(postName, ""));
-			}
-			
-			if (view) {
-				var display = getComputedStyle(view).display;
-		
-				if (display=="block" || display=="flex") {
-					return view;
-				}
-			}
-		}
-
-		return null;
-	}
-
-	self.getVisibleViews = function() {
-		var viewIds = self.getViewIds();
-		var views = [];
-		
-		for (var i=0;i<viewIds.length;i++) {
-			var viewId = viewIds[i].replace(/[\#?\.?](.*)/, "$" + "1");
-			var view = self.getElement(viewId);
-			var postName = "_Class";
-
-			if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-				view = self.getElement(viewId.replace(postName, ""));
-			}
-			
-			if (view) {
-				var display = getComputedStyle(view).display;
-				
-				if (display=="none") {
-					continue;
-				}
-
-				if (display=="block" || display=="flex") {
-					views.push(view);
-				}
-			}
-		}
-
-		return views;
-	}
-
-	self.getStateNameByViewId = function(id) {
-		var state = self.viewsDictionary[id];
-		return state && state.stateName;
-	}
-
-	self.getMatchingViews = function(ids) {
-		var views = self.addedViews.slice(0);
-		var matchingViews = [];
-
-		if (self.showByMediaQuery) {
-			for (let index = 0; index < views.length; index++) {
-				var viewId = views[index];
-				var state = self.viewsDictionary[viewId];
-				var rule = state && state.rule; 
-				var matchResults = window.matchMedia(rule.conditionText);
-				var view = self.views[viewId];
-				
-				if (matchResults.matches) {
-					if (ids==true) {
-						matchingViews.push(viewId);
-					}
-					else {
-						matchingViews.push(view);
-					}
-				}
-			}
-		}
-
-		return matchingViews;
-	}
-
-	self.ruleMatchesQuery = function(rule) {
-		var result = window.matchMedia(rule.conditionText);
-		return result.matches;
-	}
-
-	self.getViewsByStateName = function(stateName, matchQuery) {
-		var views = self.addedViews.slice(0);
-		var matchingViews = [];
-
-		if (self.showByMediaQuery) {
-
-			// find state name
-			for (let index = 0; index < views.length; index++) {
-				var viewId = views[index];
-				var state = self.viewsDictionary[viewId];
-				var rule = state.rule;
-				var mediaRule = state.mediaRule;
-				var view = self.views[viewId];
-				var viewStateName = self.getStyleRuleValue(mediaRule, self.STATE_NAME, state);
-				var stateFoundAtt = view.getAttribute(self.STATE_NAME)==state;
-				var matchesResults = false;
-				
-				if (viewStateName==stateName) {
-					if (matchQuery) {
-						matchesResults = self.ruleMatchesQuery(rule);
-
-						if (matchesResults) {
-							matchingViews.push(view);
-						}
-					}
-					else {
-						matchingViews.push(view);
-					}
-				}
-			}
-		}
-
-		return matchingViews;
-	}
-
-	self.getInitialView = function() {
-		var viewId = self.getInitialViewId();
-		viewId = viewId.replace(/[\#?\.?](.*)/, "$" + "1");
-		var view = self.getElement(viewId);
-		var postName = "_Class";
-
-		if (view==null && viewId && viewId.lastIndexOf(postName)!=-1) {
-			view = self.getElement(viewId.replace(postName, ""));
-		}
-
-		return view;
-	}
-
-	self.getViewIndex = function(view) {
-		var viewIds = self.getViewIds();
-		var id = view ? view.id : null;
-		var index = id && viewIds ? viewIds.indexOf(id) : -1;
-
-		return index;
-	}
-
-	self.syncronizeViewToURL = function() {
-		var fragment = self.getHashFragment();
-
-		if (self.showByMediaQuery) {
-			var stateName = fragment;
-			
-			if (stateName==null || stateName=="") {
-				var initialView = self.getInitialView();
-				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-			}
-			
-			self.showMediaQueryViewsByState(stateName);
-			return;
-		}
-
-		var view = self.getViewById(fragment);
-		var index = view ? self.getViewIndex(view) : 0;
-		if (index==-1) index = 0;
-		var currentView = self.hideViews(index);
-
-		if (self.supportsPopState && currentView) {
-
-			if (fragment==null) {
-				window.history.replaceState({name:currentView.id}, null, "#"+ currentView.id);
-			}
-			else {
-				window.history.pushState({name:currentView.id}, null, "#"+ currentView.id);
-			}
-		}
-		
-		self.setViewVariables(view);
-		return view;
-	}
-
-	/**
-	 * Set the currentView or currentOverlay properties and set the lastView or lastOverlay properties
-	 */
-	self.setViewVariables = function(view, overlay, parentView) {
-		if (view) {
-			if (self.currentView) {
-				self.lastView = self.currentView;
-			}
-			self.currentView = view;
-		}
-
-		if (overlay) {
-			if (self.currentOverlay) {
-				self.lastOverlay = self.currentOverlay;
-			}
-			self.currentOverlay = overlay;
-		}
-	}
-
-	self.getViewPreferenceBoolean = function(view, property, altValue) {
-		var computedStyle = window.getComputedStyle(view);
-		var value = computedStyle.getPropertyValue(property);
-		var type = typeof value;
-		
-		if (value=="true" || (type=="string" && value.indexOf("true")!=-1)) {
-			return true;
-		}
-		else if (value=="" && arguments.length==3) {
-			return altValue;
-		}
-
-		return false;
-	}
-
-	self.getViewPreferenceValue = function(view, property, defaultValue) {
-		var value = window.getComputedStyle(view).getPropertyValue(property);
-
-		if (value===undefined) {
-			return defaultValue;
-		}
-		
-		value = value.replace(/^[\s\"]*/, "");
-		value = value.replace(/[\s\"]*$/, "");
-		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
-			return capture;
-		});
-
-		return value;
-	}
-
-	self.getStyleRuleValue = function(cssRule, property) {
-		var value = cssRule ? cssRule.style.getPropertyValue(property) : null;
-
-		if (value===undefined) {
-			return null;
-		}
-		
-		value = value.replace(/^[\s\"]*/, "");
-		value = value.replace(/[\s\"]*$/, "");
-		value = value.replace(/^[\s"]*(.*?)[\s"]*$/, function (match, capture) { 
-			return capture;
-		});
-
-		return value;
-	}
-
-	/**
-	 * Get the first defined value of property. Returns empty string if not defined
-	 * @param {String} id id of element
-	 * @param {String} property 
-	 */
-	self.getCSSPropertyValueForElement = function(id, property) {
-		var styleSheets = document.styleSheets;
-		var numOfStylesheets = styleSheets.length;
-		var values = [];
-		var selectorIDText = "#" + id;
-		var selectorClassText = "." + id + "_Class";
-		var value;
-
-		for(var i=0;i<numOfStylesheets;i++) {
-			var styleSheet = styleSheets[i];
-			var cssRules = self.getStylesheetRules(styleSheet);
-			var numOfCSSRules = cssRules.length;
-			var cssRule;
-			
-			for (var j=0;j<numOfCSSRules;j++) {
-				cssRule = cssRules[j];
-				
-				if (cssRule.media) {
-					var mediaRules = cssRule.cssRules;
-					var numOfMediaRules = mediaRules ? mediaRules.length : 0;
-					
-					for(var k=0;k<numOfMediaRules;k++) {
-						var mediaRule = mediaRules[k];
-						
-						if (mediaRule.selectorText==selectorIDText || mediaRule.selectorText==selectorClassText) {
-							
-							if (mediaRule.style && mediaRule.style.getPropertyValue(property)!="") {
-								value = mediaRule.style.getPropertyValue(property);
-								values.push(value);
-							}
-						}
-					}
-				}
-				else {
-
-					if (cssRule.selectorText==selectorIDText || cssRule.selectorText==selectorClassText) {
-						if (cssRule.style && cssRule.style.getPropertyValue(property)!="") {
-							value = cssRule.style.getPropertyValue(property);
-							values.push(value);
-						}
-					}
-				}
-			}
-		}
-
-		return values.pop();
-	}
-
-	self.getIsStyleDefined = function(id, property) {
-		var value = self.getCSSPropertyValueForElement(id, property);
-		return value!==undefined && value!="";
-	}
-
-	self.collectViews = function() {
-		var viewIds = self.getViewIds();
-
-		for (let index = 0; index < viewIds.length; index++) {
-			const id = viewIds[index];
-			const view = self.getElement(id);
-			self.views[id] = view;
-		}
-		
-		self.viewIds = viewIds;
-	}
-
-	self.collectOverlays = function() {
-		var viewIds = self.getViewIds();
-		var ids = [];
-
-		for (let index = 0; index < viewIds.length; index++) {
-			const id = viewIds[index];
-			const view = self.getViewById(id);
-			const isOverlay = view && self.isOverlay(view);
-			
-			if (isOverlay) {
-				ids.push(id);
-				self.overlays[id] = view;
-			}
-		}
-		
-		self.overlayIds = ids;
-	}
-
-	self.collectMediaQueries = function() {
-		var viewIds = self.getViewIds();
-		var styleSheet = self.getApplicationStylesheet();
-		var cssRules = self.getStylesheetRules(styleSheet);
-		var numOfCSSRules = cssRules ? cssRules.length : 0;
-		var cssRule;
-		var id = viewIds.length ? viewIds[0]: ""; // single view
-		var selectorIDText = "#" + id;
-		var selectorClassText = "." + id + "_Class";
-		var viewsNotFound = viewIds.slice();
-		var viewsFound = [];
-		var selectorText = null;
-		var property = self.prefix + "view-id";
-		var stateName = self.prefix + "state";
-		var stateValue = null;
-		var view = null;
-		
-		for (var j=0;j<numOfCSSRules;j++) {
-			cssRule = cssRules[j];
-			
-			if (cssRule.media) {
-				var mediaRules = cssRule.cssRules;
-				var numOfMediaRules = mediaRules ? mediaRules.length : 0;
-				var mediaViewInfoFound = false;
-				var mediaId = null;
-				
-				for(var k=0;k<numOfMediaRules;k++) {
-					var mediaRule = mediaRules[k];
-
-					selectorText = mediaRule.selectorText;
-					
-					if (selectorText==".mediaViewInfo" && mediaViewInfoFound==false) {
-
-						mediaId = self.getStyleRuleValue(mediaRule, property);
-						stateValue = self.getStyleRuleValue(mediaRule, stateName);
-
-						selectorIDText = "#" + mediaId;
-						selectorClassText = "." + mediaId + "_Class";
-						view = self.getElement(mediaId);
-						
-						// prevent duplicates from load and domcontentloaded events
-						if (self.addedViews.indexOf(mediaId)==-1) {
-							self.addView(view, mediaId, cssRule, mediaRule, stateValue);
-						}
-
-						viewsFound.push(mediaId);
-
-						if (viewsNotFound.indexOf(mediaId)!=-1) {
-							viewsNotFound.splice(viewsNotFound.indexOf(mediaId));
-						}
-
-						mediaViewInfoFound = true;
-					}
-
-					if (selectorIDText==selectorText || selectorClassText==selectorText) {
-						var styleObject = self.viewsDictionary[mediaId];
-						if (styleObject) {
-							styleObject.styleDeclaration = mediaRule;
-						}
-						break;
-					}
-				}
-			}
-			else {
-				selectorText = cssRule.selectorText;
-				
-				if (selectorText==null) continue;
-
-				selectorText = selectorText.replace(/[#|\s|*]?/g, "");
-
-				if (viewIds.indexOf(selectorText)!=-1) {
-					view = self.getElement(selectorText);
-					self.addView(view, selectorText, cssRule, null, stateValue);
-
-					if (viewsNotFound.indexOf(selectorText)!=-1) {
-						viewsNotFound.splice(viewsNotFound.indexOf(selectorText));
-					}
-
-					break;
-				}
-			}
-		}
-
-		if (viewsNotFound.length) {
-			console.log("Could not find the following views:" + viewsNotFound.join(",") + "");
-			console.log("Views found:" + viewsFound.join(",") + "");
-		}
-	}
-
-	/**
-	 * Adds a view
-	 * @param {HTMLElement} view view element
-	 * @param {String} id id of view element
-	 * @param {CSSRule} cssRule of view element
-	 * @param {CSSMediaRule} mediaRule media rule of view element
-	 * @param {String} stateName name of state if applicable
-	 **/
-	self.addView = function(view, viewId, cssRule, mediaRule, stateName) {
-		var viewData = {};
-		viewData.name = viewId;
-		viewData.rule = cssRule;
-		viewData.id = viewId;
-		viewData.mediaRule = mediaRule;
-		viewData.stateName = stateName;
-
-		self.views.push(viewData);
-		self.addedViews.push(viewId);
-		self.viewsDictionary[viewId] = viewData;
-		self.mediaQueryDictionary[viewId] = cssRule;
-	}
-
-	self.hasView = function(name) {
-
-		if (self.addedViews.indexOf(name)!=-1) {
-			return true;
-		}
-		return false;
-	}
-
-	/**
-	 * Go to view by id. Views are added in addView()
-	 * @param {String} id id of view in current
-	 * @param {Boolean} maintainPreviousState if true then do not hide other views
-	 * @param {String} parent id of parent view
-	 **/
-	self.goToView = function(id, maintainPreviousState, parent) {
-		var state = self.viewsDictionary[id];
-
-		if (state) {
-			if (maintainPreviousState==false || maintainPreviousState==null) {
-				self.hideViews();
-			}
-			self.enableMediaQuery(state.rule);
-			self.updateViewLabel();
-			self.updateURL();
-		}
-		else {
-			var event = new Event(self.STATE_NOT_FOUND);
-			self.stateName = id;
-			window.dispatchEvent(event);
-		}
-	}
-
-	/**
-	 * Go to the view in the event targets CSS variable
-	 **/
-	self.goToTargetView = function(event) {
-		var button = event.currentTarget;
-		var buttonComputedStyles = getComputedStyle(button);
-		var actionTargetValue = buttonComputedStyles.getPropertyValue(self.prefix+"action-target").trim();
-		var animation = buttonComputedStyles.getPropertyValue(self.prefix+"animation").trim();
-		var targetType = buttonComputedStyles.getPropertyValue(self.prefix+"action-type").trim();
-		var targetView = self.application ? null : self.getElement(actionTargetValue);
-		var targetState = targetView ? self.getStateNameByViewId(targetView.id) : null;
-		var actionTargetStyles = targetView ? targetView.style : null;
-		var state = self.viewsDictionary[actionTargetValue];
-		
-		// navigate to page
-		if (self.application==false || targetType=="page") {
-			document.location.href = "./" + actionTargetValue;
-			return;
-		}
-
-		// if view is found
-		if (targetView) {
-
-			if (self.currentOverlay) {
-				self.removeOverlay(false);
-			}
-
-			if (self.showByMediaQuery) {
-				var stateName = targetState;
-				
-				if (stateName==null || stateName=="") {
-					var initialView = self.getInitialView();
-					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-				}
-				self.showMediaQueryViewsByState(stateName, event);
-				return;
-			}
-
-			// add animation set in event target style declaration
-			if (animation && self.supportAnimations) {
-				self.crossFade(self.currentView, targetView, false, animation);
-			}
-			else {
-				self.setViewVariables(self.currentView);
-				self.hideViews();
-				self.enableMediaQuery(state.rule);
-				self.scaleViewIfNeeded(targetView);
-				self.centerView(targetView);
-				self.updateViewLabel();
-				self.updateURL();
-			}
-		}
-		else {
-			var stateEvent = new Event(self.STATE_NOT_FOUND);
-			self.stateName = name;
-			window.dispatchEvent(stateEvent);
-		}
-
-		event.stopImmediatePropagation();
-	}
-
-	/**
-	 * Cross fade between views
-	 **/
-	self.crossFade = function(from, to, update, animation) {
-		var targetIndex = to.parentNode
-		var fromIndex = Array.prototype.slice.call(from.parentElement.children).indexOf(from);
-		var toIndex = Array.prototype.slice.call(to.parentElement.children).indexOf(to);
-
-		if (from.parentNode==to.parentNode) {
-			var reverse = self.getReverseAnimation(animation);
-			var duration = self.getAnimationDuration(animation, true);
-
-			// if target view is above (higher index)
-			// then fade in target view 
-			// and after fade in then hide previous view instantly
-			if (fromIndex<toIndex) {
-				self.setElementAnimation(from, null);
-				self.setElementAnimation(to, null);
-				self.showViewByMediaQuery(to);
-				self.fadeIn(to, update, animation);
-
-				setTimeout(function() {
-					self.setElementAnimation(to, null);
-					self.setElementAnimation(from, null);
-					self.hideView(from);
-					self.updateURL();
-					self.setViewVariables(to);
-					self.updateViewLabel();
-				}, duration)
-			}
-			// if target view is on bottom
-			// then show target view instantly 
-			// and fade out current view
-			else if (fromIndex>toIndex) {
-				self.setElementAnimation(to, null);
-				self.setElementAnimation(from, null);
-				self.showViewByMediaQuery(to);
-				self.fadeOut(from, update, reverse);
-
-				setTimeout(function() {
-					self.setElementAnimation(to, null);
-					self.setElementAnimation(from, null);
-					self.hideView(from);
-					self.updateURL();
-					self.setViewVariables(to);
-				}, duration)
-			}
-		}
-	}
-
-	self.fadeIn = function(element, update, animation) {
-		self.showViewByMediaQuery(element);
-
-		if (update) {
-			self.updateURL(element);
-
-			element.addEventListener("animationend", function(event) {
-				element.style.animation = null;
-				self.setViewVariables(element);
-				self.updateViewLabel();
-				element.removeEventListener("animationend", arguments.callee);
-			});
-		}
-
-		self.setElementAnimation(element, null);
-		
-		element.style.animation = animation;
-	}
-
-	self.fadeOutCurrentView = function(animation, update) {
-		if (self.currentView) {
-			self.fadeOut(self.currentView, update, animation);
-		}
-		if (self.currentOverlay) {
-			self.fadeOut(self.currentOverlay, update, animation);
-		}
-	}
-
-	self.fadeOut = function(element, update, animation) {
-		if (update) {
-			element.addEventListener("animationend", function(event) {
-				element.style.animation = null;
-				self.hideView(element);
-				element.removeEventListener("animationend", arguments.callee);
-			});
-		}
-
-		element.style.animationPlayState = "paused";
-		element.style.animation = animation;
-		element.style.animationPlayState = "running";
-	}
-
-	self.getReverseAnimation = function(animation) {
-		if (animation && animation.indexOf("reverse")==-1) {
-			animation += " reverse";
-		}
-
-		return animation;
-	}
-
-	/**
-	 * Get duration in animation string
-	 * @param {String} animation animation value
-	 * @param {Boolean} inMilliseconds length in milliseconds if true
-	 */
-	self.getAnimationDuration = function(animation, inMilliseconds) {
-		var duration = 0;
-		var expression = /.+(\d\.\d)s.+/;
-
-		if (animation && animation.match(expression)) {
-			duration = parseFloat(animation.replace(expression, "$" + "1"));
-			if (duration && inMilliseconds) duration = duration * 1000;
-		}
-
-		return duration;
-	}
-
-	self.setElementAnimation = function(element, animation, priority) {
-		element.style.setProperty("animation", animation, "important");
-	}
-
-	self.getElement = function(id) {
-		id = id ? id.trim() : id;
-		var element = id ? document.getElementById(id) : null;
-
-		return element;
-	}
-
-	self.getElementById = function(id) {
-		id = id ? id.trim() : id;
-		var element = id ? document.getElementById(id) : null;
-
-		return element;
-	}
-
-	self.getElementByClass = function(className) {
-		className = className ? className.trim() : className;
-		var elements = document.getElementsByClassName(className);
-
-		return elements.length ? elements[0] : null;
-	}
-
-	self.resizeHandler = function(event) {
-		
-		if (self.showByMediaQuery) {
-			if (self.enableDeepLinking) {
-				var stateName = self.getHashFragment();
-
-				if (stateName==null || stateName=="") {
-					var initialView = self.getInitialView();
-					stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-				}
-				self.showMediaQueryViewsByState(stateName, event);
-			}
-		}
-		else {
-			var visibleViews = self.getVisibleViews();
-
-			for (let index = 0; index < visibleViews.length; index++) {	
-				var view = visibleViews[index];
-				self.scaleViewIfNeeded(view);
-			}
-		}
-
-		window.dispatchEvent(new Event(self.APPLICATION_RESIZE));
-	}
-
-	self.scaleViewIfNeeded = function(view) {
-
-		if (self.scaleViewsOnResize) {
-			if (view==null) {
-				view = self.getVisibleView();
-			}
-
-			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME)=="false" ? false : true;
-
-			if (isViewScaled) {
-				self.scaleViewToFit(view, true);
-			}
-			else {
-				self.scaleViewToActualSize(view);
-			}
-		}
-		else if (view) {
-			self.centerView(view);
-		}
-	}
-
-	self.centerView = function(view) {
-
-		if (self.scaleViewsToFit) {
-			self.scaleViewToFit(view, true);
-		}
-		else {
-			self.scaleViewToActualSize(view);  // for centering support for now
-		}
-	}
-
-	self.preventDoubleClick = function(event) {
-		event.stopImmediatePropagation();
-	}
-
-	self.getHashFragment = function() {
-		var value = window.location.hash ? window.location.hash.replace("#", "") : "";
-		return value;
-	}
-
-	self.showBlockElement = function(view) {
-		view.style.display = "block";
-	}
-
-	self.hideElement = function(view) {
-		view.style.display = "none";
-	}
-
-	self.showStateFunction = null;
-
-	self.showMediaQueryViewsByState = function(state, event) {
-		// browser will hide and show by media query (small, medium, large)
-		// but if multiple views exists at same size user may want specific view
-		// if showStateFunction is defined that is called with state fragment and user can show or hide each media matching view by returning true or false
-		// if showStateFunction is not defined and state is defined and view has a defined state that matches then show that and hide other matching views
-		// if no state is defined show view 
-		// an viewChanging event is dispatched before views are shown or hidden that can be prevented 
-
-		// get all matched queries
-		// if state name is specified then show that view and hide other views
-		// if no state name is defined then show
-		var matchedViews = self.getMatchingViews();
-		var matchMediaQuery = true;
-		var foundViews = self.getViewsByStateName(state, matchMediaQuery);
-		var showViews = [];
-		var hideViews = [];
-
-		// loop views that match media query 
-		for (let index = 0; index < matchedViews.length; index++) {
-			var view = matchedViews[index];
-			
-			// let user determine visible view
-			if (self.showStateFunction!=null) {
-				if (self.showStateFunction(view, state)) {
-					showViews.push(view);
-				}
-				else {
-					hideViews.push(view);
-				}
-			}
-			// state was defined so check if view matches state
-			else if (foundViews.length) {
-
-				if (foundViews.indexOf(view)!=-1) {
-					showViews.push(view);
-				}
-				else {
-					hideViews.push(view);
-				}
-			}
-			// if no state names are defined show view (define unused state name to exclude)
-			else if (state==null || state=="") {
-				showViews.push(view);
-			}
-		}
-
-		if (showViews.length) {
-			var viewChangingEvent = new Event(self.VIEW_CHANGING);
-			viewChangingEvent.showViews = showViews;
-			viewChangingEvent.hideViews = hideViews;
-			window.dispatchEvent(viewChangingEvent);
-
-			if (viewChangingEvent.defaultPrevented==false) {
-				for (var index = 0; index < hideViews.length; index++) {
-					var view = hideViews[index];
-
-					if (self.isOverlay(view)) {
-						self.removeOverlay(view);
-					}
-					else {
-						self.hideElement(view);
-					}
-				}
-
-				for (var index = 0; index < showViews.length; index++) {
-					var view = showViews[index];
-
-					if (index==showViews.length-1) {
-						self.clearDisplay(view);
-						self.setViewOptions(view);
-						self.setViewVariables(view);
-						self.centerView(view);
-						self.updateURLState(view, state);
-					}
-				}
-			}
-
-			var viewChangeEvent = new Event(self.VIEW_CHANGE);
-			viewChangeEvent.showViews = showViews;
-			viewChangeEvent.hideViews = hideViews;
-			window.dispatchEvent(viewChangeEvent);
-		}
-		
-	}
-
-	self.clearDisplay = function(view) {
-		view.style.setProperty("display", null);
-	}
-
-	self.hashChangeHandler = function(event) {
-		var fragment = self.getHashFragment();
-		var view = self.getViewById(fragment);
-
-		if (self.showByMediaQuery) {
-			var stateName = fragment;
-
-			if (stateName==null || stateName=="") {
-				var initialView = self.getInitialView();
-				stateName = initialView ? self.getStateNameByViewId(initialView.id) : null;
-			}
-			self.showMediaQueryViewsByState(stateName);
-		}
-		else {
-			if (view) {
-				self.hideViews();
-				self.showView(view);
-				self.setViewVariables(view);
-				self.updateViewLabel();
-				
-				window.dispatchEvent(new Event(self.VIEW_CHANGE));
-			}
-			else {
-				window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
-			}
-		}
-	}
-
-	self.popStateHandler = function(event) {
-		var state = event.state;
-		var fragment = state ? state.name : window.location.hash;
-		var view = self.getViewById(fragment);
-
-		if (view) {
-			self.hideViews();
-			self.showView(view);
-			self.updateViewLabel();
-		}
-		else {
-			window.dispatchEvent(new Event(self.VIEW_NOT_FOUND));
-		}
-	}
-
-	self.doubleClickHandler = function(event) {
-		var view = self.getVisibleView();
-		var scaleValue = view ? self.getViewScaleValue(view) : 1;
-		var scaleNeededToFit = view ? self.getViewFitToViewportScale(view) : 1;
-		var scaleNeededToFitWidth = view ? self.getViewFitToViewportWidthScale(view) : 1;
-		var scaleNeededToFitHeight = view ? self.getViewFitToViewportHeightScale(view) : 1;
-		var scaleToFitType = self.scaleToFitType;
-
-		// Three scenarios
-		// - scale to fit on double click
-		// - set scale to actual size on double click
-		// - switch between scale to fit and actual page size
-
-		if (scaleToFitType=="width") {
-			scaleNeededToFit = scaleNeededToFitWidth;
-		}
-		else if (scaleToFitType=="height") {
-			scaleNeededToFit = scaleNeededToFitHeight;
-		}
-
-		// if scale and actual size enabled then switch between
-		if (self.scaleToFitOnDoubleClick && self.actualSizeOnDoubleClick) {
-			var isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
-			var isScaled = false;
-			
-			// if scale is not 1 then view needs scaling
-			if (scaleNeededToFit!=1) {
-
-				// if current scale is at 1 it is at actual size
-				// scale it to fit
-				if (scaleValue==1) {
-					self.scaleViewToFit(view);
-					isScaled = true;
-				}
-				else {
-					// scale is not at 1 so switch to actual size
-					self.scaleViewToActualSize(view);
-					isScaled = false;
-				}
-			}
-			else {
-				// view is smaller than viewport 
-				// so scale to fit() is scale actual size
-				// actual size and scaled size are the same
-				// but call scale to fit to retain centering
-				self.scaleViewToFit(view);
-				isScaled = false;
-			}
-			
-			view.setAttributeNS(null, self.SIZE_STATE_NAME, isScaled+"");
-			isViewScaled = view.getAttributeNS(null, self.SIZE_STATE_NAME);
-		}
-		else if (self.scaleToFitOnDoubleClick) {
-			self.scaleViewToFit(view);
-		}
-		else if (self.actualSizeOnDoubleClick) {
-			self.scaleViewToActualSize(view);
-		}
-
-	}
-
-	self.scaleViewToFit = function(view) {
-		return self.setViewScaleValue(view, true);
-	}
-
-	self.scaleViewToActualSize = function(view) {
-		self.setViewScaleValue(view, false, 1);
-	}
-
-	self.onloadHandler = function(event) {
-		self.initialize();
-	}
-
-	self.setElementHTML = function(id, value) {
-		var element = self.getElement(id);
-		element.innerHTML = value;
-	}
-
-	self.getStackArray = function(error) {
-		var value = "";
-		
-		if (error==null) {
-		  try {
-			 error = new Error("Stack");
-		  }
-		  catch (e) {
-			 
-		  }
-		}
-		
-		if ("stack" in error) {
-		  value = error.stack;
-		  var methods = value.split(/\n/g);
-	 
-		  var newArray = methods ? methods.map(function (value, index, array) {
-			 value = value.replace(/\@.*/,"");
-			 return value;
-		  }) : null;
-	 
-		  if (newArray && newArray[0].includes("getStackTrace")) {
-			 newArray.shift();
-		  }
-		  if (newArray && newArray[0].includes("getStackArray")) {
-			 newArray.shift();
-		  }
-		  if (newArray && newArray[0]=="") {
-			 newArray.shift();
-		  }
-	 
-			return newArray;
-		}
-		
-		return null;
-	}
-
-	self.log = function(value) {
-		console.log.apply(this, [value]);
-	}
-	
-	// initialize on load
-	// sometimes the body size is 0 so we call this now and again later
-	window.addEventListener("load", self.onloadHandler);
-	window.document.addEventListener("DOMContentLoaded", self.onloadHandler);
-}
-
-window.application = new Application();
-</script>
-</head>
-<body>
-<div id="OTDR-1-EventMap-Detail-AC-E5">
-	<img id="n_199" src="n_199.png" srcset="n_199.png 1x, n_199@2x.png 2x">
-		
-	<div id="HelpButton_e" class="HelpButton">
-		<svg class="HelpButton_i">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_i" rx="0" ry="0" x="0" y="0" width="43" height="32">
-			</rect>
-		</svg>
-	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_g" class="BackButton">
-		<svg class="BackButton_baa">
-			<rect id="BackButton_baa" rx="0" ry="0" x="0" y="0" width="58" height="34">
-			</rect>
-		</svg>
-	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_b" class="ReflectivityButton">
-		<svg class="ReflectivityButton_c">
-			<rect id="ReflectivityButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
-			</rect>
-		</svg>
-	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_d" class="EventButtion_L">
-		<svg class="EventButtion-L_g">
-			<ellipse id="EventButtion-L_g" rx="18" ry="20" cx="18" cy="20">
-			</ellipse>
-		</svg>
-	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_b" class="EventButtion_R">
-		<svg class="EventButtion-R_e">
-			<ellipse id="EventButtion-R_e" rx="18" ry="20" cx="18" cy="20">
-			</ellipse>
-		</svg>
-	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_c" class="LossButton">
-		<svg class="LossButton_d">
-			<rect id="LossButton_d" rx="0" ry="0" x="0" y="0" width="154" height="34">
-			</rect>
-		</svg>
-	</div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E6.html
old mode 100644
new mode 100755
index 5daa042..c09b1a5
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_AC_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bag {
+	#n_22_bfl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bfl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bfm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bfm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bfn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bfn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_bfo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bfo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bfp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bfp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bfq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bfq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bfr {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bah {
+	#HelpButton_bfs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bah {
+	.HelpButton_bfs {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bal {
+	#BackButton_bft {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bam {
+	#BackButton_bfu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bam {
+	.BackButton_bfu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_i {
+	#ReflectivityButton_bfv {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_n {
+	#ReflectivityButton_bfw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_n {
+	.ReflectivityButton_bfw {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_o {
+	#EventButtion-L_bfx {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_baa {
+	#EventButtion-L_bfy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_baa {
+	.EventButtion-L_bfy {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_q {
+	#EventButtion-R_bfz {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_baa {
+	#EventButtion-R_bf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_baa {
+	.EventButtion-R_bf {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_s {
+	#LossButton_bf {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#LossButton_t {
+	#LossButton_bga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_t {
+	.LossButton_bga {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-AC-E6">
 	<img id="n_202" src="n_202.png" srcset="n_202.png 1x, n_202@2x.png 2x">
 		
-	<div id="HelpButton_bag" class="HelpButton">
-		<svg class="HelpButton_bah">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bah" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bfl">
+		<ellipse id="n_22_bfl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bfm">
+		<ellipse id="n_36_bfm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bfn">
+		<ellipse id="n_37_bfn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bfo">
+		<ellipse id="n_38_bfo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bfp">
+		<ellipse id="n_39_bfp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bfq">
+		<ellipse id="n_40_bfq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bfr" class="HelpButton">
+		<svg class="HelpButton_bfs">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bfs" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bal" class="BackButton">
-		<svg class="BackButton_bam">
-			<rect id="BackButton_bam" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bft" class="BackButton">
+		<svg class="BackButton_bfu">
+			<rect id="BackButton_bfu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_i" class="ReflectivityButton">
-		<svg class="ReflectivityButton_n">
-			<rect id="ReflectivityButton_n" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bfv" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bfw">
+			<rect id="ReflectivityButton_bfw" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_o" class="EventButtion_L">
-		<svg class="EventButtion-L_baa">
-			<ellipse id="EventButtion-L_baa" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bfx" class="EventButtion_L">
+		<svg class="EventButtion-L_bfy">
+			<ellipse id="EventButtion-L_bfy" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_q" class="EventButtion_R">
-		<svg class="EventButtion-R_baa">
-			<ellipse id="EventButtion-R_baa" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bfz" class="EventButtion_R">
+		<svg class="EventButtion-R_bf">
+			<ellipse id="EventButtion-R_bf" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_s" class="LossButton">
-		<svg class="LossButton_t">
-			<rect id="LossButton_t" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bf" class="LossButton">
+		<svg class="LossButton_bga">
+			<rect id="LossButton_bga" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1.html
old mode 100644
new mode 100755
index 1553bf2..445879e
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_wu {
+	#n_22_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_y {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1.html;
 		cursor: pointer;
 	}
-	#HelpButton_wv {
+	#HelpButton_z {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_wv {
+	.HelpButton_z {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_wx {
+	#ReflectivityButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_wx {
+	.ReflectivityButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_wz {
+	#AttenuationCoefficientButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_wz {
+	.AttenuationCoefficientButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_w {
+	#EventButtion-L_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_w {
+	.EventButtion-L_ {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_w {
+	#EventButtion-R_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_w {
+	.EventButtion-R_ {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_w {
+	#BackButton_e {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_xa {
+	#BackButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xa {
+	.BackButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1">
 	<img id="n_184" src="n_184.png" srcset="n_184.png 1x, n_184@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_wu" class="HelpButton">
-		<svg class="HelpButton_wv">
-			<rect id="HelpButton_wv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_f">
+		<ellipse id="n_22_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36">
+		<ellipse id="n_36" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37">
+		<ellipse id="n_37" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38">
+		<ellipse id="n_38" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39">
+		<ellipse id="n_39" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40">
+		<ellipse id="n_40" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_y" class="HelpButton">
+		<svg class="HelpButton_z">
+			<rect id="HelpButton_z" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="ReflectivityButton" class="ReflectivityButton">
-		<svg class="ReflectivityButton_wx">
-			<rect id="ReflectivityButton_wx" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="ReflectivityButton_">
+			<rect id="ReflectivityButton_" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_wz">
-			<rect id="AttenuationCoefficientButton_wz" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="AttenuationCoefficientButton_">
+			<rect id="AttenuationCoefficientButton_" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EventButtion-L" class="EventButtion_L">
-		<svg class="EventButtion-L_w">
-			<ellipse id="EventButtion-L_w" rx="18" ry="20" cx="18" cy="20">
+		<svg class="EventButtion-L_">
+			<ellipse id="EventButtion-L_" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EventButtion-R" class="EventButtion_R">
-		<svg class="EventButtion-R_w">
-			<ellipse id="EventButtion-R_w" rx="18" ry="20" cx="18" cy="20">
+		<svg class="EventButtion-R_">
+			<ellipse id="EventButtion-R_" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_w" class="BackButton">
-		<svg class="BackButton_xa">
-			<rect id="BackButton_xa" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_e" class="BackButton">
+		<svg class="BackButton_f">
+			<rect id="BackButton_f" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___1.html
old mode 100644
new mode 100755
index c25a23e..db1221f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bau {
+	#n_22_bkd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bke {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bke {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 353px;
+	}
+	#n_22_bkf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bkg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bkh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bki {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bki {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bkj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bau {
+	.HelpButton_bkj {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___1.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_v {
+	#ReflectivityButton_bkk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_v {
+	.ReflectivityButton_bkk {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_w {
+	#AttenuationCoefficientButton_bkl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_w {
+	.AttenuationCoefficientButton_bkl {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bab {
+	#EventButtion-L_bkm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bab {
+	.EventButtion-L_bkm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bab {
+	#EventButtion-R_bkn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bab {
+	.EventButtion-R_bkn {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bbm {
+	#BackButton_bko {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbm {
+	.BackButton_bko {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__1">
 	<img id="n_113" src="n_113.png" srcset="n_113.png 1x, n_113@2x.png 2x">
 		
-	<svg class="HelpButton_bau">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bau" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_v">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_v" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_w">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_w" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bab">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bab" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bkd">
+		<ellipse id="n_22_bkd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bab">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bab" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bke">
+		<ellipse id="n_22_bke" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bbm">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbm" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bkf">
+		<ellipse id="n_22_bkf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bkg">
+		<ellipse id="n_22_bkg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bkh">
+		<ellipse id="n_22_bkh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bki">
+		<ellipse id="n_22_bki" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bkj">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bkj" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bkk">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bkk" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bkl">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bkl" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bkm">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bkm" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bkn">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bkn" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bko">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bko" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___10.html
old mode 100644
new mode 100755
index 4fbe963..41fd2ff
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___10.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bz {
+	#n_22_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_ck {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_ck {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bz {
+	.HelpButton_cp {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___10.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_by {
+	#ReflectivityButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_by {
+	.ReflectivityButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___10.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bz {
+	#AttenuationCoefficientButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bz {
+	.AttenuationCoefficientButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___10.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_ba {
+	#EventButtion-L_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_ba {
+	.EventButtion-L_cs {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_ba {
+	#EventButtion-R_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_ba {
+	.EventButtion-R_ct {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cas {
+	#BackButton_cv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cas {
+	.BackButton_cv {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__10">
 	<img id="n_244" src="n_244.png" srcset="n_244.png 1x, n_244@2x.png 2x">
 		
-	<svg class="HelpButton_bz">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bz" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_by">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_by" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bz">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bz" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_ba">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ba" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cn">
+		<ellipse id="n_22_cn" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_ba">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ba" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_ck">
+		<ellipse id="n_62_ck" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cas">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cas" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cl">
+		<ellipse id="n_63_cl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cm">
+		<ellipse id="n_64_cm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cn">
+		<ellipse id="n_65_cn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_co">
+		<ellipse id="n_66_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cp">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cq" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cr" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cs">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cs" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ct">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ct" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cv" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___11.html
old mode 100644
new mode 100755
index 5168690..d5f43ae
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___11.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cab {
+	#n_22_daa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_ct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_ct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63_cu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cab {
+	.HelpButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___11.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bq {
+	#ReflectivityButton_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bq {
+	.ReflectivityButton_cz {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___11.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_br {
+	#AttenuationCoefficientButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_br {
+	.AttenuationCoefficientButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___11.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bs {
+	#EventButtion-L_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bs {
+	.EventButtion-L_cb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bt {
+	#EventButtion-R_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bt {
+	.EventButtion-R_cb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cav {
+	#BackButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cav {
+	.BackButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__11">
 	<img id="n_241" src="n_241.png" srcset="n_241.png 1x, n_241@2x.png 2x">
 		
-	<svg class="HelpButton_cab">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cab" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bq" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_br">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_br" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bs">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bs" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_daa">
+		<ellipse id="n_22_daa" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bt">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bt" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_ct">
+		<ellipse id="n_62_ct" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cav">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cav" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cu">
+		<ellipse id="n_63_cu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cv">
+		<ellipse id="n_64_cv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cw">
+		<ellipse id="n_65_cw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cx">
+		<ellipse id="n_66_cx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cy" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cz">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cz" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cb" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cb">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cb" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cb">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cb" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cc" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___12.html
old mode 100644
new mode 100755
index b9d9da1..964b473
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___12.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cac {
+	#n_22_dad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_ci {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_ci {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63_ck {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_ck {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_ck {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_ck {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cac {
+	.HelpButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___12.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bb {
+	#ReflectivityButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bb {
+	.ReflectivityButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___12.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bb {
+	#AttenuationCoefficientButton_cp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bb {
+	.AttenuationCoefficientButton_cp {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___12.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bc {
+	#EventButtion-L_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bc {
+	.EventButtion-L_cq {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bc {
+	#EventButtion-R_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bc {
+	.EventButtion-R_cr {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cay {
+	#BackButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cay {
+	.BackButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__12">
 	<img id="n_235" src="n_235.png" srcset="n_235.png 1x, n_235@2x.png 2x">
 		
-	<svg class="HelpButton_cac">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cac" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bb" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bb" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bc">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bc" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dad">
+		<ellipse id="n_22_dad" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bc">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bc" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_ci">
+		<ellipse id="n_62_ci" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cay">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cay" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_ck">
+		<ellipse id="n_63_ck" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_ck">
+		<ellipse id="n_64_ck" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cl">
+		<ellipse id="n_65_cl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cm">
+		<ellipse id="n_66_cm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_co">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_co" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_co">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_co" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cp">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cp" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cq">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cq" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cr">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cr" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cs" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___13.html
old mode 100644
new mode 100755
index d578dda..2ea4312
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___13.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bj {
+	#n_22_cy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bj {
+	.HelpButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___13.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_ba {
+	#ReflectivityButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_ba {
+	.ReflectivityButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___13.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_ba {
+	#AttenuationCoefficientButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_ba {
+	.AttenuationCoefficientButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___13.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bb {
+	#EventButtion-L_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bb {
+	.EventButtion-L_ca {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bb {
+	#EventButtion-R_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bb {
+	.EventButtion-R_ca {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cat {
+	#BackButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cat {
+	.BackButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__13">
 	<img id="n_238" src="n_238.png" srcset="n_238.png 1x, n_238@2x.png 2x">
 		
-	<svg class="HelpButton_bj">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bj" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_ba" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ba" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bb">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bb" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cy">
+		<ellipse id="n_22_cy" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bb">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bb" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cz">
+		<ellipse id="n_62_cz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cat">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cat" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_c">
+		<ellipse id="n_63_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_c">
+		<ellipse id="n_64_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_c">
+		<ellipse id="n_65_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_c">
+		<ellipse id="n_66_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ce" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_ca" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ca" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ca">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ca" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ca">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ca" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cb" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___2.html
old mode 100644
new mode 100755
index 6c9240d..cb50008
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bfy {
+	#n_22_bvw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bvx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 353px;
+	}
+	#n_22_bvy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bvz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bwa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bfy {
+	.HelpButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bfz {
+	#ReflectivityButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bfz {
+	.ReflectivityButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bf {
+	#AttenuationCoefficientButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bf {
+	.AttenuationCoefficientButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bf {
+	#EventButtion-L_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bf {
+	.EventButtion-L_bv {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bf {
+	#EventButtion-R_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bf {
+	.EventButtion-R_bv {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bf {
+	#BackButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bf {
+	.BackButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__2">
 	<img id="n_118" src="n_118.png" srcset="n_118.png 1x, n_118@2x.png 2x">
 		
-	<svg class="HelpButton_bfy">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bfy" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bfz">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bfz" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bf" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bf">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bf" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bvw">
+		<ellipse id="n_22_bvw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bf">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bf" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bvx">
+		<ellipse id="n_22_bvx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bvy">
+		<ellipse id="n_22_bvy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bvz">
+		<ellipse id="n_22_bvz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bv">
+		<ellipse id="n_22_bv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bwa">
+		<ellipse id="n_22_bwa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bv" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bv" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bv">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bv" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bv">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bv" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bv" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___3.html
old mode 100644
new mode 100755
index 6adb45c..1761156
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bf {
+	#n_22_bwb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bwc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 353px;
+	}
+	#n_22_bwd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bwe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bwf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bwg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bwg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bwh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bf {
+	.HelpButton_bwh {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bf {
+	#ReflectivityButton_bwi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bf {
+	.ReflectivityButton_bwi {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bga {
+	#AttenuationCoefficientButton_bwj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bga {
+	.AttenuationCoefficientButton_bwj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bga {
+	#EventButtion-L_bwk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bga {
+	.EventButtion-L_bwk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bgb {
+	#EventButtion-R_bwl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bgb {
+	.EventButtion-R_bwl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bgc {
+	#BackButton_bwm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bgc {
+	.BackButton_bwm {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__3">
 	<img id="n_119" src="n_119.png" srcset="n_119.png 1x, n_119@2x.png 2x">
 		
-	<svg class="HelpButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bf" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bf">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bf" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bga">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bga" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bga">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bga" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bwb">
+		<ellipse id="n_22_bwb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bgb">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bgb" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bwc">
+		<ellipse id="n_22_bwc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bgc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bgc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bwd">
+		<ellipse id="n_22_bwd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bwe">
+		<ellipse id="n_22_bwe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bwf">
+		<ellipse id="n_22_bwf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bwg">
+		<ellipse id="n_22_bwg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bwh">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bwh" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bwi">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bwi" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bwj">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bwj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bwk">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bwk" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bwl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bwl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bwm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bwm" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___4.html
old mode 100644
new mode 100755
index 637f56f..bd3b5a4
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bk {
+	#n_22_cal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_can {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_can {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_cao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_cap {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cap {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_caq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bk {
+	.HelpButton_bi {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bk {
+	#ReflectivityButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bk {
+	.ReflectivityButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bk {
+	#AttenuationCoefficientButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bk {
+	.AttenuationCoefficientButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bk {
+	#EventButtion-L_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bk {
+	.EventButtion-L_bb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bk {
+	#EventButtion-R_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bk {
+	.EventButtion-R_bb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bla {
+	#BackButton_cab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bla {
+	.BackButton_cab {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__4">
 	<img id="n_142" src="n_142.png" srcset="n_142.png 1x, n_142@2x.png 2x">
 		
-	<svg class="HelpButton_bk">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bk" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bk">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bk" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bk">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bk" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bk">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bk" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cal">
+		<ellipse id="n_22_cal" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bk">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bk" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cam">
+		<ellipse id="n_22_cam" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bla">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bla" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_can">
+		<ellipse id="n_22_can" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cao">
+		<ellipse id="n_22_cao" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cap">
+		<ellipse id="n_22_cap" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_caq">
+		<ellipse id="n_22_caq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bi">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bi" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bb" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_ba">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ba" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bb">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bb" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bb">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bb" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cab">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cab" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___5.html
old mode 100644
new mode 100755
index 7201088..7f650e6
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_btk {
+	#n_22_chs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cht {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cht {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_chu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_chv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_chw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_chx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_chy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_btk {
+	.HelpButton_chy {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___5.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_btl {
+	#ReflectivityButton_chz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_btl {
+	.ReflectivityButton_chz {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_btm {
+	#AttenuationCoefficientButton_ch {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_btm {
+	.AttenuationCoefficientButton_ch {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_btn {
+	#EventButtion-L_ch {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_btn {
+	.EventButtion-L_ch {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bto {
+	#EventButtion-R_ch {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bto {
+	.EventButtion-R_ch {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_btp {
+	#BackButton_ch {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_btp {
+	.BackButton_ch {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__5">
 	<img id="n_145" src="n_145.png" srcset="n_145.png 1x, n_145@2x.png 2x">
 		
-	<svg class="HelpButton_btk">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_btk" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_btl">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_btl" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_btm">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_btm" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_btn">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_btn" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_chs">
+		<ellipse id="n_22_chs" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bto">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bto" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cht">
+		<ellipse id="n_22_cht" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_btp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_btp" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_chu">
+		<ellipse id="n_22_chu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_chv">
+		<ellipse id="n_22_chv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_chw">
+		<ellipse id="n_22_chw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_chx">
+		<ellipse id="n_22_chx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_chy">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_chy" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_chz">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_chz" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_ch">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ch" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ch">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ch" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ch">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ch" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ch">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ch" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___6.html
old mode 100644
new mode 100755
index fc280e0..31884e9
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bt {
+	#n_22_cz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_cd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_ce {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ce {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_ck {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ck {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bt {
+	.HelpButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bp {
+	#ReflectivityButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bp {
+	.ReflectivityButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bq {
+	#AttenuationCoefficientButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bq {
+	.AttenuationCoefficientButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_br {
+	#EventButtion-L_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_br {
+	.EventButtion-L_cd {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bs {
+	#EventButtion-R_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bs {
+	.EventButtion-R_ce {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_car {
+	#BackButton_cg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_car {
+	.BackButton_cg {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__6">
 	<img id="n_150" src="n_150.png" srcset="n_150.png 1x, n_150@2x.png 2x">
 		
-	<svg class="HelpButton_bt">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bt" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bp" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bq">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bq" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_br">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_br" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cz">
+		<ellipse id="n_22_cz" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bs">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bs" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cb">
+		<ellipse id="n_22_cb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_car">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_car" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cc">
+		<ellipse id="n_22_cc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cd">
+		<ellipse id="n_22_cd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ce">
+		<ellipse id="n_22_ce" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ck">
+		<ellipse id="n_22_ck" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cd">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cb" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cd">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cd" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ce">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ce" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cg">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cg" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___7.html
old mode 100644
new mode 100755
index 7efa790..5b592ce
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___7.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_caa {
+	#n_22_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_cr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 415px;
+		top: 353px;
+	}
+	#n_22_cs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_cu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_cw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_caa {
+	.HelpButton_cj {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___7.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_bh {
+	#ReflectivityButton_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_bh {
+	.ReflectivityButton_ck {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___7.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bh {
+	#AttenuationCoefficientButton_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bh {
+	.AttenuationCoefficientButton_cl {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___7.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bi {
+	#EventButtion-L_cm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bi {
+	.EventButtion-L_cm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bj {
+	#EventButtion-R_cn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bj {
+	.EventButtion-R_cn {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cau {
+	#BackButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cau {
+	.BackButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__7">
 	<img id="n_155" src="n_155.png" srcset="n_155.png 1x, n_155@2x.png 2x">
 		
-	<svg class="HelpButton_caa">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_caa" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bh" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bh" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bi">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bi" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_co">
+		<ellipse id="n_22_co" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bj">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bj" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cp">
+		<ellipse id="n_22_cp" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cau">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cau" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cr">
+		<ellipse id="n_22_cr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cs">
+		<ellipse id="n_22_cs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cu">
+		<ellipse id="n_22_cu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cw">
+		<ellipse id="n_22_cw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cj">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cj" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_ck">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_ck" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cl">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cl" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cm">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cm" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cn">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cn" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_co">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_co" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___8.html
old mode 100644
new mode 100755
index b1cc8be..caecdfc
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___8.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ble {
+	#n_22_car {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_car {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ble {
+	.HelpButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___8.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_blf {
+	#ReflectivityButton_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_blf {
+	.ReflectivityButton_bi {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___8.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_blg {
+	#AttenuationCoefficientButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_blg {
+	.AttenuationCoefficientButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___8.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_blh {
+	#EventButtion-L_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_blh {
+	.EventButtion-L_bl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bli {
+	#EventButtion-R_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bli {
+	.EventButtion-R_bl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_blj {
+	#BackButton_cac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_blj {
+	.BackButton_cac {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__8">
 	<img id="n_250" src="n_250.png" srcset="n_250.png 1x, n_250@2x.png 2x">
 		
-	<svg class="HelpButton_ble">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_ble" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_blf">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_blf" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_blg">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_blg" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_blh">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_blh" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_car">
+		<ellipse id="n_22_car" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bli">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bli" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62">
+		<ellipse id="n_62" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_blj">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_blj" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63">
+		<ellipse id="n_63" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64">
+		<ellipse id="n_64" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65">
+		<ellipse id="n_65" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_bg">
+		<ellipse id="n_66_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bj" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_bi">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_bi" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cac">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cac" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___9.html
old mode 100644
new mode 100755
index 7dfeda3..de2cf41
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E1___9.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_btt {
+	#n_22_ch {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ch {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_ch {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_ch {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_63_ch {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_ch {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cia {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cia {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cib {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cib {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cic {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cic {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cid {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_btt {
+	.HelpButton_cid {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___9.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_btu {
+	#ReflectivityButton_cie {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_btu {
+	.ReflectivityButton_cie {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___9.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_btv {
+	#AttenuationCoefficientButton_cif {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_btv {
+	.AttenuationCoefficientButton_cif {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___9.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_btw {
+	#EventButtion-L_cig {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_btw {
+	.EventButtion-L_cig {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_btx {
+	#EventButtion-R_cih {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_btx {
+	.EventButtion-R_cih {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bty {
+	#BackButton_cii {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bty {
+	.BackButton_cii {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E1__9">
 	<img id="n_247" src="n_247.png" srcset="n_247.png 1x, n_247@2x.png 2x">
 		
-	<svg class="HelpButton_btt">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_btt" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="ReflectivityButton_btu">
-		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_btu" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_btv">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_btv" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_btw">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_btw" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_ch">
+		<ellipse id="n_22_ch" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_btx">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_btx" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_ch">
+		<ellipse id="n_62_ch" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bty">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bty" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_ch">
+		<ellipse id="n_63_ch" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cia">
+		<ellipse id="n_64_cia" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cib">
+		<ellipse id="n_65_cib" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cic">
+		<ellipse id="n_66_cic" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cid">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cid" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="ReflectivityButton_cie">
+		<rect onclick="application.goToTargetView(event)" id="ReflectivityButton_cie" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cif">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cif" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cig">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cig" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cih">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cih" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cii">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cii" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E2.html
old mode 100644
new mode 100755
index b689140..07f0758
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_w {
+	#n_22_j {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_j {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_i {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_i {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_k {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#HelpButton_xa {
+	#HelpButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_xa {
+	.HelpButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_xb {
+	#ReflectivityButton_l {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_xc {
+	#ReflectivityButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_xc {
+	.ReflectivityButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_xd {
+	#AttenuationCoefficientButton_n {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_xe {
+	#AttenuationCoefficientButton_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_xe {
+	.AttenuationCoefficientButton_o {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_xf {
+	#EventButtion-L_p {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_xg {
+	#EventButtion-L_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_xg {
+	.EventButtion-L_q {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_xh {
+	#EventButtion-R_r {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_xi {
+	#EventButtion-R_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_xi {
+	.EventButtion-R_s {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_xj {
+	#BackButton_x {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_xk {
+	#BackButton_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_xk {
+	.BackButton_y {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E2">
 	<img id="n_187" src="n_187.png" srcset="n_187.png 1x, n_187@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_w" class="HelpButton">
-		<svg class="HelpButton_xa">
-			<rect id="HelpButton_xa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_j">
+		<ellipse id="n_22_j" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_e">
+		<ellipse id="n_36_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_f">
+		<ellipse id="n_37_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_g">
+		<ellipse id="n_38_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_h">
+		<ellipse id="n_39_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_i">
+		<ellipse id="n_40_i" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_k" class="HelpButton">
+		<svg class="HelpButton_l">
+			<rect id="HelpButton_l" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_xb" class="ReflectivityButton">
-		<svg class="ReflectivityButton_xc">
-			<rect id="ReflectivityButton_xc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_l" class="ReflectivityButton">
+		<svg class="ReflectivityButton_m">
+			<rect id="ReflectivityButton_m" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_xd" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_xe">
-			<rect id="AttenuationCoefficientButton_xe" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_n" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_o">
+			<rect id="AttenuationCoefficientButton_o" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_xf" class="EventButtion_L">
-		<svg class="EventButtion-L_xg">
-			<ellipse id="EventButtion-L_xg" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_p" class="EventButtion_L">
+		<svg class="EventButtion-L_q">
+			<ellipse id="EventButtion-L_q" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_xh" class="EventButtion_R">
-		<svg class="EventButtion-R_xi">
-			<ellipse id="EventButtion-R_xi" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_r" class="EventButtion_R">
+		<svg class="EventButtion-R_s">
+			<ellipse id="EventButtion-R_s" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_xj" class="BackButton">
-		<svg class="BackButton_xk">
-			<rect id="BackButton_xk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_x" class="BackButton">
+		<svg class="BackButton_y">
+			<rect id="BackButton_y" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E3.html
old mode 100644
new mode 100755
index 2a72a1c..ebb166b
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_xo {
+	#n_22_k {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_k {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#HelpButton_xp {
+	#HelpButton_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_xp {
+	.HelpButton_a {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_xq {
+	#ReflectivityButton_a {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_xr {
+	#ReflectivityButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_xr {
+	.ReflectivityButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_xs {
+	#AttenuationCoefficientButton_a {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_xt {
+	#AttenuationCoefficientButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_xt {
+	.AttenuationCoefficientButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_WQ_E3.html;
 		cursor: pointer;
 	}
-	#WQButton_xv {
+	#WQButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.WQButton_xv {
+	.WQButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_xw {
+	#EventButtion-L_c {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_xx {
+	#EventButtion-L_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_xx {
+	.EventButtion-L_d {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_xy {
+	#EventButtion-R_e {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_xz {
+	#EventButtion-R_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_xz {
+	.EventButtion-R_f {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -230,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_x {
+	#BackButton_g {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -242,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_ya {
+	#BackButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ya {
+	.BackButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3176,45 +3284,69 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E3">
 	<img id="n_190" src="n_190.png" srcset="n_190.png 1x, n_190@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_xo" class="HelpButton">
-		<svg class="HelpButton_xp">
-			<rect id="HelpButton_xp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_k">
+		<ellipse id="n_22_k" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_z">
+		<ellipse id="n_36_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_">
+		<ellipse id="n_37_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_">
+		<ellipse id="n_38_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_">
+		<ellipse id="n_39_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_">
+		<ellipse id="n_40_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_" class="HelpButton">
+		<svg class="HelpButton_a">
+			<rect id="HelpButton_a" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_xq" class="ReflectivityButton">
-		<svg class="ReflectivityButton_xr">
-			<rect id="ReflectivityButton_xr" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_a" class="ReflectivityButton">
+		<svg class="ReflectivityButton_b">
+			<rect id="ReflectivityButton_b" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_xs" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_xt">
-			<rect id="AttenuationCoefficientButton_xt" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_a" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_b">
+			<rect id="AttenuationCoefficientButton_b" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="WQButton" class="WQButton">
-		<svg class="WQButton_xv">
-			<rect id="WQButton_xv" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="WQButton_b">
+			<rect id="WQButton_b" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_xw" class="EventButtion_L">
-		<svg class="EventButtion-L_xx">
-			<ellipse id="EventButtion-L_xx" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_c" class="EventButtion_L">
+		<svg class="EventButtion-L_d">
+			<ellipse id="EventButtion-L_d" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_xy" class="EventButtion_R">
-		<svg class="EventButtion-R_xz">
-			<ellipse id="EventButtion-R_xz" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_e" class="EventButtion_R">
+		<svg class="EventButtion-R_f">
+			<ellipse id="EventButtion-R_f" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_x" class="BackButton">
-		<svg class="BackButton_ya">
-			<rect id="BackButton_ya" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_g" class="BackButton">
+		<svg class="BackButton_k">
+			<rect id="BackButton_k" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E4.html
old mode 100644
new mode 100755
index c9102a2..91a0870
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_x {
+	#n_22_l {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_l {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_m {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_m {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_t {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#HelpButton_ya {
+	#HelpButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ya {
+	.HelpButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_x {
+	#ReflectivityButton_t {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_ya {
+	#ReflectivityButton_u {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_ya {
+	.ReflectivityButton_u {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_x {
+	#AttenuationCoefficientButton_v {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_ya {
+	#AttenuationCoefficientButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_ya {
+	.AttenuationCoefficientButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_yb {
+	#EventButtion-L_x {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_yc {
+	#EventButtion-L_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_yc {
+	.EventButtion-L_y {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_yd {
+	#EventButtion-R_z {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_ye {
+	#EventButtion-R_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_ye {
+	.EventButtion-R_a {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_yf {
+	#BackButton_baa {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_yg {
+	#BackButton_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_yg {
+	.BackButton_bab {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E4">
 	<img id="n_194" src="n_194.png" srcset="n_194.png 1x, n_194@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_x" class="HelpButton">
-		<svg class="HelpButton_ya">
-			<rect id="HelpButton_ya" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_l">
+		<ellipse id="n_22_l" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_m">
+		<ellipse id="n_36_m" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_n">
+		<ellipse id="n_37_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_o">
+		<ellipse id="n_38_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_p">
+		<ellipse id="n_39_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_q">
+		<ellipse id="n_40_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_t" class="HelpButton">
+		<svg class="HelpButton_u">
+			<rect id="HelpButton_u" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_x" class="ReflectivityButton">
-		<svg class="ReflectivityButton_ya">
-			<rect id="ReflectivityButton_ya" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_t" class="ReflectivityButton">
+		<svg class="ReflectivityButton_u">
+			<rect id="ReflectivityButton_u" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_x" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_ya">
-			<rect id="AttenuationCoefficientButton_ya" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_v" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_w">
+			<rect id="AttenuationCoefficientButton_w" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_yb" class="EventButtion_L">
-		<svg class="EventButtion-L_yc">
-			<ellipse id="EventButtion-L_yc" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_x" class="EventButtion_L">
+		<svg class="EventButtion-L_y">
+			<ellipse id="EventButtion-L_y" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_yd" class="EventButtion_R">
-		<svg class="EventButtion-R_ye">
-			<ellipse id="EventButtion-R_ye" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_z" class="EventButtion_R">
+		<svg class="EventButtion-R_a">
+			<ellipse id="EventButtion-R_a" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_yf" class="BackButton">
-		<svg class="BackButton_yg">
-			<rect id="BackButton_yg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_baa" class="BackButton">
+		<svg class="BackButton_bab">
+			<rect id="BackButton_bab" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E5.html
old mode 100644
new mode 100755
index 505686d..4c6202d
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_yk {
+	#n_22_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_c {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
 		cursor: pointer;
 	}
-	#HelpButton_yl {
+	#HelpButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_yl {
+	.HelpButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_ym {
+	#ReflectivityButton_e {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_yn {
+	#ReflectivityButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_yn {
+	.ReflectivityButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_yo {
+	#AttenuationCoefficientButton_g {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_yp {
+	#AttenuationCoefficientButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_yp {
+	.AttenuationCoefficientButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_yq {
+	#EventButtion-L_i {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_yr {
+	#EventButtion-L_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_yr {
+	.EventButtion-L_j {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_ys {
+	#EventButtion-R_k {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_yt {
+	#EventButtion-R_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_yt {
+	.EventButtion-R_l {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_yu {
+	#BackButton_bac {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_yv {
+	#BackButton_bad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_yv {
+	.BackButton_bad {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E5">
 	<img id="n_197" src="n_197.png" srcset="n_197.png 1x, n_197@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_yk" class="HelpButton">
-		<svg class="HelpButton_yl">
-			<rect id="HelpButton_yl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_o">
+		<ellipse id="n_22_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_">
+		<ellipse id="n_36_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_a">
+		<ellipse id="n_37_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_a">
+		<ellipse id="n_38_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_a">
+		<ellipse id="n_39_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_b">
+		<ellipse id="n_40_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_c" class="HelpButton">
+		<svg class="HelpButton_d">
+			<rect id="HelpButton_d" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_ym" class="ReflectivityButton">
-		<svg class="ReflectivityButton_yn">
-			<rect id="ReflectivityButton_yn" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_e" class="ReflectivityButton">
+		<svg class="ReflectivityButton_f">
+			<rect id="ReflectivityButton_f" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_yo" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_yp">
-			<rect id="AttenuationCoefficientButton_yp" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_g" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_h">
+			<rect id="AttenuationCoefficientButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_yq" class="EventButtion_L">
-		<svg class="EventButtion-L_yr">
-			<ellipse id="EventButtion-L_yr" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_i" class="EventButtion_L">
+		<svg class="EventButtion-L_j">
+			<ellipse id="EventButtion-L_j" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_ys" class="EventButtion_R">
-		<svg class="EventButtion-R_yt">
-			<ellipse id="EventButtion-R_yt" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_k" class="EventButtion_R">
+		<svg class="EventButtion-R_l">
+			<ellipse id="EventButtion-R_l" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_yu" class="BackButton">
-		<svg class="BackButton_yv">
-			<rect id="BackButton_yv" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bac" class="BackButton">
+		<svg class="BackButton_bad">
+			<rect id="BackButton_bad" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E6.html
old mode 100644
new mode 100755
index f94f075..8cad05a
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_yz {
+	#n_22_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 410px;
+		top: 353px;
+	}
+	#n_37_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_u {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_u {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_x {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +170,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#HelpButton_y {
+	#HelpButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +180,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_y {
+	.HelpButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_y {
+	#ReflectivityButton_z {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_za {
+	#ReflectivityButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_za {
+	.ReflectivityButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_y {
+	#AttenuationCoefficientButton_c {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_za {
+	#AttenuationCoefficientButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_za {
+	.AttenuationCoefficientButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_y {
+	#EventButtion-L_a {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_za {
+	#EventButtion-L_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_za {
+	.EventButtion-L_b {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_y {
+	#EventButtion-R_b {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_za {
+	#EventButtion-R_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_za {
+	.EventButtion-R_c {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_y {
+	#BackButton_bae {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_za {
+	#BackButton_baf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_za {
+	.BackButton_baf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-E6">
 	<img id="n_201" src="n_201.png" srcset="n_201.png 1x, n_201@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_yz" class="HelpButton">
-		<svg class="HelpButton_y">
-			<rect id="HelpButton_y" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_p">
+		<ellipse id="n_22_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_s">
+		<ellipse id="n_36_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_t">
+		<ellipse id="n_37_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_u">
+		<ellipse id="n_38_u" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_v">
+		<ellipse id="n_39_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_w">
+		<ellipse id="n_40_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_x" class="HelpButton">
+		<svg class="HelpButton_b">
+			<rect id="HelpButton_b" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_y" class="ReflectivityButton">
-		<svg class="ReflectivityButton_za">
-			<rect id="ReflectivityButton_za" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_z" class="ReflectivityButton">
+		<svg class="ReflectivityButton_c">
+			<rect id="ReflectivityButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_y" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_za">
-			<rect id="AttenuationCoefficientButton_za" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_c" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_d">
+			<rect id="AttenuationCoefficientButton_d" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_y" class="EventButtion_L">
-		<svg class="EventButtion-L_za">
-			<ellipse id="EventButtion-L_za" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_a" class="EventButtion_L">
+		<svg class="EventButtion-L_b">
+			<ellipse id="EventButtion-L_b" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_y" class="EventButtion_R">
-		<svg class="EventButtion-R_za">
-			<ellipse id="EventButtion-R_za" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_b" class="EventButtion_R">
+		<svg class="EventButtion-R_c">
+			<ellipse id="EventButtion-R_c" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_y" class="BackButton">
-		<svg class="BackButton_za">
-			<rect id="BackButton_za" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bae" class="BackButton">
+		<svg class="BackButton_baf">
+			<rect id="BackButton_baf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1.html
old mode 100644
new mode 100755
index e50e0d9..174b929
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_z {
+	#n_22_bag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_f {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_f {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_h {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_h {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_i {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_a {
+	#HelpButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_a {
+	.HelpButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#LossButton_b {
+	#LossButton_l {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_b {
+	.LossButton_l {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_c {
+	#AttenuationCoefficientButton_m {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_d {
+	#AttenuationCoefficientButton_p {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_d {
+	.AttenuationCoefficientButton_p {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_e {
+	#EventButtion-L_o {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_f {
+	#EventButtion-L_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_f {
+	.EventButtion-L_r {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_g {
+	#EventButtion-R_q {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_h {
+	#EventButtion-R_t {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_h {
+	.EventButtion-R_t {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_i {
+	#BackButton_bas {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_j {
+	#BackButton_bat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_j {
+	.BackButton_bat {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1">
 	<img id="n_185" src="n_185.png" srcset="n_185.png 1x, n_185@2x.png 2x">
 		
-	<div id="HelpButton_z" class="HelpButton">
-		<svg class="HelpButton_a">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_a" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bag">
+		<ellipse id="n_22_bag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_d">
+		<ellipse id="n_36_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_e">
+		<ellipse id="n_37_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_f">
+		<ellipse id="n_38_f" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_g">
+		<ellipse id="n_39_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_h">
+		<ellipse id="n_40_h" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_i" class="HelpButton">
+		<svg class="HelpButton_m">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_m" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="LossButton" class="LossButton">
-		<svg class="LossButton_b">
-			<rect id="LossButton_b" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		<svg class="LossButton_l">
+			<rect id="LossButton_l" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_c" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_d">
-			<rect id="AttenuationCoefficientButton_d" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_m" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_p">
+			<rect id="AttenuationCoefficientButton_p" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_e" class="EventButtion_L">
-		<svg class="EventButtion-L_f">
-			<ellipse id="EventButtion-L_f" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_o" class="EventButtion_L">
+		<svg class="EventButtion-L_r">
+			<ellipse id="EventButtion-L_r" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_g" class="EventButtion_R">
-		<svg class="EventButtion-R_h">
-			<ellipse id="EventButtion-R_h" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_q" class="EventButtion_R">
+		<svg class="EventButtion-R_t">
+			<ellipse id="EventButtion-R_t" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_i" class="BackButton">
-		<svg class="BackButton_j">
-			<rect id="BackButton_j" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bas" class="BackButton">
+		<svg class="BackButton_bat">
+			<rect id="BackButton_bat" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___1.html
old mode 100644
new mode 100755
index 5e99bfb..d45ef45
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___1.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bav {
+	#n_22_bkx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bky {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bky {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_bkz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bkz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bla {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bla {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_blb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_blb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bav {
+	.HelpButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___1.html;
 		cursor: pointer;
 	}
-	#LossButton_bac {
+	#LossButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bac {
+	.LossButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___1.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_h {
+	#AttenuationCoefficientButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_h {
+	.AttenuationCoefficientButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bac {
+	#EventButtion-L_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bac {
+	.EventButtion-L_bk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bac {
+	#EventButtion-R_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bac {
+	.EventButtion-R_bk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bbo {
+	#BackButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbo {
+	.BackButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__1">
 	<img id="n_114" src="n_114.png" srcset="n_114.png 1x, n_114@2x.png 2x">
 		
-	<svg class="HelpButton_bav">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bav" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bac">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bac" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_h">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bac">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bac" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bkx">
+		<ellipse id="n_22_bkx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bac">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bac" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bky">
+		<ellipse id="n_22_bky" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bbo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbo" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bkz">
+		<ellipse id="n_22_bkz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bk">
+		<ellipse id="n_22_bk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bla">
+		<ellipse id="n_22_bla" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_blb">
+		<ellipse id="n_22_blb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bk" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bk" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bk" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bk">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bk" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bk">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bk" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bk" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___10.html
old mode 100644
new mode 100755
index af25ed3..257df4c
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___10.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cae {
+	#n_22_dao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_ca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_ca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_ca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_ca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cae {
+	.HelpButton_cg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___10.html;
 		cursor: pointer;
 	}
-	#LossButton_bb {
+	#LossButton_c {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bb {
+	.LossButton_c {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___10.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bc {
+	#AttenuationCoefficientButton_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bc {
+	.AttenuationCoefficientButton_cd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___10.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bd {
+	#EventButtion-L_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bd {
+	.EventButtion-L_cc {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bd {
+	#EventButtion-R_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bd {
+	.EventButtion-R_cc {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbe {
+	#BackButton_dab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbe {
+	.BackButton_dab {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__10">
 	<img id="n_245" src="n_245.png" srcset="n_245.png 1x, n_245@2x.png 2x">
 		
-	<svg class="HelpButton_cae">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cae" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bb" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bc" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bd">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bd" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dao">
+		<ellipse id="n_22_dao" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bd">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bd" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cx">
+		<ellipse id="n_62_cx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbe">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbe" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cy">
+		<ellipse id="n_63_cy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cz">
+		<ellipse id="n_64_cz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_ca">
+		<ellipse id="n_65_ca" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_ca">
+		<ellipse id="n_66_ca" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cg">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cg" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_c">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_c" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cd">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cd" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cc">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cc" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cc">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cc" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dab">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dab" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___11.html
old mode 100644
new mode 100755
index 4e24b5b..a731e76
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___11.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cah {
+	#n_22_daw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_ca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_ca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_ca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_ca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cah {
+	.HelpButton_ck {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___11.html;
 		cursor: pointer;
 	}
-	#LossButton_bx {
+	#LossButton_cc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bx {
+	.LossButton_cc {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_by {
+	#AttenuationCoefficientButton_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_by {
+	.AttenuationCoefficientButton_ce {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___11.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bz {
+	#EventButtion-L_ce {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bz {
+	.EventButtion-L_ce {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_be {
+	#EventButtion-R_cf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_be {
+	.EventButtion-R_cf {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbh {
+	#BackButton_dae {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbh {
+	.BackButton_dae {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__11">
 	<img id="n_242" src="n_242.png" srcset="n_242.png 1x, n_242@2x.png 2x">
 		
-	<svg class="HelpButton_cah">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cah" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bx" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_by">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_by" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bz">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bz" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_daw">
+		<ellipse id="n_22_daw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_be">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_be" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_c">
+		<ellipse id="n_62_c" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbh">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbh" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_ca">
+		<ellipse id="n_63_ca" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_ca">
+		<ellipse id="n_64_ca" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cb">
+		<ellipse id="n_65_cb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cb">
+		<ellipse id="n_66_cb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ck">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ck" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_cc">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cc" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_ce">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ce" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ce">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ce" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cf">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cf" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dae">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dae" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___12.html
old mode 100644
new mode 100755
index 32c4b19..8dff8bd
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___12.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cai {
+	#n_22_dax {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dax {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_co {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_co {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cai {
+	.HelpButton_ct {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___12.html;
 		cursor: pointer;
 	}
-	#LossButton_bc {
+	#LossButton_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bc {
+	.LossButton_cr {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___12.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bd {
+	#AttenuationCoefficientButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bd {
+	.AttenuationCoefficientButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___12.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_be {
+	#EventButtion-L_ct {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___13.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_be {
+	.EventButtion-L_ct {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bi {
+	#EventButtion-R_cu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bi {
+	.EventButtion-R_cu {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbi {
+	#BackButton_daf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbi {
+	.BackButton_daf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__12">
 	<img id="n_236" src="n_236.png" srcset="n_236.png 1x, n_236@2x.png 2x">
 		
-	<svg class="HelpButton_cai">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cai" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bc">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bc" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bd">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bd" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_be">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_be" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dax">
+		<ellipse id="n_22_dax" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bi">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bi" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cl">
+		<ellipse id="n_62_cl" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cm">
+		<ellipse id="n_63_cm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cn">
+		<ellipse id="n_64_cn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_co">
+		<ellipse id="n_65_co" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cp">
+		<ellipse id="n_66_cp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ct">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ct" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_cr">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cr" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cs">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cs" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ct">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ct" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cu">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cu" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_daf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_daf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___13.html
old mode 100644
new mode 100755
index 4006dc8..8e69616
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___13.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_caf {
+	#n_22_dap {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dap {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_ce {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_ce {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_ch {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_caf {
+	.HelpButton_ch {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___13.html;
 		cursor: pointer;
 	}
-	#LossButton_be {
+	#LossButton_cj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_be {
+	.LossButton_cj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___13.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bg {
+	#AttenuationCoefficientButton_cj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bg {
+	.AttenuationCoefficientButton_cj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___13.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bh {
+	#EventButtion-L_ck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___11.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bh {
+	.EventButtion-L_ck {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bh {
+	#EventButtion-R_cl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bh {
+	.EventButtion-R_cl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbf {
+	#BackButton_dac {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbf {
+	.BackButton_dac {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__13">
 	<img id="n_239" src="n_239.png" srcset="n_239.png 1x, n_239@2x.png 2x">
 		
-	<svg class="HelpButton_caf">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_caf" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_be">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_be" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bg" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bh">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bh" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dap">
+		<ellipse id="n_22_dap" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bh">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bh" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cc">
+		<ellipse id="n_62_cc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cd">
+		<ellipse id="n_63_cd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_ce">
+		<ellipse id="n_64_ce" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cf">
+		<ellipse id="n_65_cf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cg">
+		<ellipse id="n_66_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ch">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ch" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_cj">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cj">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ck">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ck" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dac">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dac" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___2.html
old mode 100644
new mode 100755
index 71584a2..1864eeb
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bgo {
+	#n_22_bw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bxa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_bxb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bxc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bxd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bxe {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxe {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bgo {
+	.HelpButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bgp {
+	#LossButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bgp {
+	.LossButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bgq {
+	#AttenuationCoefficientButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bgq {
+	.AttenuationCoefficientButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bgr {
+	#EventButtion-L_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bgr {
+	.EventButtion-L_bw {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bgs {
+	#EventButtion-R_bxa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___3.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bgs {
+	.EventButtion-R_bxa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bgt {
+	#BackButton_bxb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bgt {
+	.BackButton_bxb {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__2">
 	<img id="n_117" src="n_117.png" srcset="n_117.png 1x, n_117@2x.png 2x">
 		
-	<svg class="HelpButton_bgo">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bgo" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bgp">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bgp" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bgq">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bgq" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bgr">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bgr" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bw">
+		<ellipse id="n_22_bw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bgs">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bgs" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bxa">
+		<ellipse id="n_22_bxa" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bgt">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bgt" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bxb">
+		<ellipse id="n_22_bxb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxc">
+		<ellipse id="n_22_bxc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxd">
+		<ellipse id="n_22_bxd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxe">
+		<ellipse id="n_22_bxe" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bw" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bw" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bw" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bw">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bw" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bxa">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bxa" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bxb">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bxb" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___3.html
old mode 100644
new mode 100755
index 7a1d435..42f7cbd
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bgx {
+	#n_22_bxf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bxg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_bxh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_bxi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_bxj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_bxk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bxk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bxl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bgx {
+	.HelpButton_bxl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___3.html;
 		cursor: pointer;
 	}
-	#LossButton_bgy {
+	#LossButton_bxm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bgy {
+	.LossButton_bxm {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bgz {
+	#AttenuationCoefficientButton_bxn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bgz {
+	.AttenuationCoefficientButton_bxn {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bg {
+	#EventButtion-L_bxo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___2.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bg {
+	.EventButtion-L_bxo {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bg {
+	#EventButtion-R_bxp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___1.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bg {
+	.EventButtion-R_bxp {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bg {
+	#BackButton_bxq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bg {
+	.BackButton_bxq {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__3">
 	<img id="n_120" src="n_120.png" srcset="n_120.png 1x, n_120@2x.png 2x">
 		
-	<svg class="HelpButton_bgx">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bgx" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bgy">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bgy" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bgz">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bgz" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bg">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bg" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bxf">
+		<ellipse id="n_22_bxf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bg">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bg" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_bxg">
+		<ellipse id="n_22_bxg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bxh">
+		<ellipse id="n_22_bxh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxi">
+		<ellipse id="n_22_bxi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxj">
+		<ellipse id="n_22_bxj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bxk">
+		<ellipse id="n_22_bxk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bxl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bxl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_bxm">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bxm" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bxn">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bxn" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bxo">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bxo" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bxp">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bxp" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bxq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bxq" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___4.html
old mode 100644
new mode 100755
index cc93767..a69c80c
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_blv {
+	#n_22_cau {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cau {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cav {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cav {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_caw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_cax {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cax {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_cay {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cay {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_caz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_blv {
+	.HelpButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___4.html;
 		cursor: pointer;
 	}
-	#LossButton_blw {
+	#LossButton_bd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_blw {
+	.LossButton_bd {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_blx {
+	#AttenuationCoefficientButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_blx {
+	.AttenuationCoefficientButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bly {
+	#EventButtion-L_be {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bly {
+	.EventButtion-L_be {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_blz {
+	#EventButtion-R_be {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_blz {
+	.EventButtion-R_be {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bl {
+	#BackButton_caf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bl {
+	.BackButton_caf {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__4">
 	<img id="n_143" src="n_143.png" srcset="n_143.png 1x, n_143@2x.png 2x">
 		
-	<svg class="HelpButton_blv">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_blv" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_blw">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_blw" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_blx">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_blx" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bly">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bly" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cau">
+		<ellipse id="n_22_cau" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_blz">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_blz" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cav">
+		<ellipse id="n_22_cav" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bl">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bl" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_caw">
+		<ellipse id="n_22_caw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cax">
+		<ellipse id="n_22_cax" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cay">
+		<ellipse id="n_22_cay" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_caz">
+		<ellipse id="n_22_caz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_bd">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bd" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bb" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_be">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_be" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_be">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_be" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_caf">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_caf" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___5.html
old mode 100644
new mode 100755
index 1892f2f..1b95cd1
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bua {
+	#n_22_ciw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ciw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cix {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cix {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_ciy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ciy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_ciz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ciz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_ci {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ci {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_cja {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cja {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bua {
+	.HelpButton_ci {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___5.html;
 		cursor: pointer;
 	}
-	#LossButton_bub {
+	#LossButton_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bub {
+	.LossButton_ci {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_buc {
+	#AttenuationCoefficientButton_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_buc {
+	.AttenuationCoefficientButton_ci {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bud {
+	#EventButtion-L_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bud {
+	.EventButtion-L_ci {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bue {
+	#EventButtion-R_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bue {
+	.EventButtion-R_ci {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_buf {
+	#BackButton_ci {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_buf {
+	.BackButton_ci {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__5">
 	<img id="n_146" src="n_146.png" srcset="n_146.png 1x, n_146@2x.png 2x">
 		
-	<svg class="HelpButton_bua">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bua" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bub">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bub" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_buc">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_buc" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bud">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bud" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_ciw">
+		<ellipse id="n_22_ciw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bue">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bue" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cix">
+		<ellipse id="n_22_cix" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_buf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_buf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_ciy">
+		<ellipse id="n_22_ciy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ciz">
+		<ellipse id="n_22_ciz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ci">
+		<ellipse id="n_22_ci" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cja">
+		<ellipse id="n_22_cja" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ci">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ci" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_ci">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_ci" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_ci">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_ci" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_ci">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_ci" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_ci">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_ci" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ci">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ci" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___6.html
old mode 100644
new mode 100755
index 44a76a9..dfe1e22
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cad {
+	#n_22_dai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_daj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_dak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_dal {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dal {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_dam {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dam {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_dan {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dan {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cad {
+	.HelpButton_cs {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___6.html;
 		cursor: pointer;
 	}
-	#LossButton_bw {
+	#LossButton_co {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bw {
+	.LossButton_co {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bx {
+	#AttenuationCoefficientButton_cq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bx {
+	.AttenuationCoefficientButton_cq {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___6.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_by {
+	#EventButtion-L_cr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___5.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_by {
+	.EventButtion-L_cr {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bz {
+	#EventButtion-R_cs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___7.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bz {
+	.EventButtion-R_cs {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbd {
+	#BackButton_daa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbd {
+	.BackButton_daa {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__6">
 	<img id="n_152" src="n_152.png" srcset="n_152.png 1x, n_152@2x.png 2x">
 		
-	<svg class="HelpButton_cad">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cad" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bw" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bx">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bx" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_by">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_by" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dai">
+		<ellipse id="n_22_dai" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bz">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bz" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_daj">
+		<ellipse id="n_22_daj" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbd">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbd" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_dak">
+		<ellipse id="n_22_dak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dal">
+		<ellipse id="n_22_dal" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dam">
+		<ellipse id="n_22_dam" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dan">
+		<ellipse id="n_22_dan" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cs">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cs" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_co">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_co" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cq">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cq" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cr">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cr" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cs">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cs" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_daa">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_daa" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___7.html
old mode 100644
new mode 100755
index d32a220..8967414
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___7.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_cag {
+	#n_22_daq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_daq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_dar {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dar {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 309px;
+	}
+	#n_22_das {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_das {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_22_dat {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dat {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_22_dau {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dau {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_22_dav {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_dav {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_cag {
+	.HelpButton_cw {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___7.html;
 		cursor: pointer;
 	}
-	#LossButton_bn {
+	#LossButton_cx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bn {
+	.LossButton_cx {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___7.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bo {
+	#AttenuationCoefficientButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bo {
+	.AttenuationCoefficientButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___7.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bp {
+	#EventButtion-L_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___6.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bp {
+	.EventButtion-L_cz {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bq {
+	#EventButtion-R_cd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___4.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bq {
+	.EventButtion-R_cd {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_cbg {
+	#BackButton_dad {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cbg {
+	.BackButton_dad {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__7">
 	<img id="n_156" src="n_156.png" srcset="n_156.png 1x, n_156@2x.png 2x">
 		
-	<svg class="HelpButton_cag">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_cag" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bn">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bn" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bo" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bp" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_daq">
+		<ellipse id="n_22_daq" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bq">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bq" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_dar">
+		<ellipse id="n_22_dar" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_cbg">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cbg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_das">
+		<ellipse id="n_22_das" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dat">
+		<ellipse id="n_22_dat" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dau">
+		<ellipse id="n_22_dau" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_dav">
+		<ellipse id="n_22_dav" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cw">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cw" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_cx">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cx" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cy" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cz">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cz" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cd">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cd" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_dad">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_dad" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___8.html
old mode 100644
new mode 100755
index 8907d71..2e9fbc0
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___8.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bl {
+	#n_22_ca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_bk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_bk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bl {
+	.HelpButton_bs {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___8.html;
 		cursor: pointer;
 	}
-	#LossButton_bl {
+	#LossButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bl {
+	.LossButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___8.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bl {
+	#AttenuationCoefficientButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bl {
+	.AttenuationCoefficientButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___8.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bl {
+	#EventButtion-L_bo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___12.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bl {
+	.EventButtion-L_bo {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bl {
+	#EventButtion-R_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___9.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bl {
+	.EventButtion-R_bp {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_bma {
+	#BackButton_cag {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bma {
+	.BackButton_cag {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__8">
 	<img id="n_251" src="n_251.png" srcset="n_251.png 1x, n_251@2x.png 2x">
 		
-	<svg class="HelpButton_bl">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bl" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_bl">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bl" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bl">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bl" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bl">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bl" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_ca">
+		<ellipse id="n_22_ca" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bl">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bl" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_bg">
+		<ellipse id="n_62_bg" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_bma">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bma" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_bh">
+		<ellipse id="n_63_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_bi">
+		<ellipse id="n_64_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_bj">
+		<ellipse id="n_65_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_bk">
+		<ellipse id="n_66_bk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bs">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bs" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_bm">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bm" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_bn">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bn" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_bo">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bo" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_bp">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bp" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cag">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cag" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___9.html
old mode 100644
new mode 100755
index 80a3369..497d980
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E1___9.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_buj {
+	#n_22_cjb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cjb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_62_cjc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_62_cjc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 409px;
+		top: 309px;
+	}
+	#n_63_cjd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_63_cjd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_64_cje {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_64_cje {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#n_65_cjf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_65_cjf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_66_cjg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_66_cjg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_cjh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +168,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_buj {
+	.HelpButton_cjh {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +180,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E1___9.html;
 		cursor: pointer;
 	}
-	#LossButton_buk {
+	#LossButton_cji {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +190,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_buk {
+	.LossButton_cji {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -94,7 +202,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_bul {
+	#AttenuationCoefficientButton_cjj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_bul {
+	.AttenuationCoefficientButton_cjj {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E1___9.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_bum {
+	#EventButtion-L_cjk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -130,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___8.html;
 		cursor: pointer;
 	}
-	.EventButtion-L_bum {
+	.EventButtion-L_cjk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -138,7 +246,7 @@
 		left: 91px;
 		top: 540px;
 	}
-	#EventButtion-R_bun {
+	#EventButtion-R_cjl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1___10.html;
 		cursor: pointer;
 	}
-	.EventButtion-R_bun {
+	.EventButtion-R_cjl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -160,7 +268,7 @@
 		left: 172px;
 		top: 540px;
 	}
-	#BackButton_buo {
+	#BackButton_cjm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +278,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_buo {
+	.BackButton_cjm {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3098,28 +3206,52 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E1__9">
 	<img id="n_248" src="n_248.png" srcset="n_248.png 1x, n_248@2x.png 2x">
 		
-	<svg class="HelpButton_buj">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_buj" rx="0" ry="0" x="0" y="0" width="43" height="32">
-		</rect>
-	</svg>
-	<svg class="LossButton_buk">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_buk" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="AttenuationCoefficientButton_bul">
-		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bul" rx="0" ry="0" x="0" y="0" width="154" height="34">
-		</rect>
-	</svg>
-	<svg class="EventButtion-L_bum">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_bum" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_22_cjb">
+		<ellipse id="n_22_cjb" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="EventButtion-R_bun">
-		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_bun" rx="18" ry="20" cx="18" cy="20">
+	<svg class="n_62_cjc">
+		<ellipse id="n_62_cjc" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="BackButton_buo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_buo" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_63_cjd">
+		<ellipse id="n_63_cjd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_64_cje">
+		<ellipse id="n_64_cje" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_65_cjf">
+		<ellipse id="n_65_cjf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_66_cjg">
+		<ellipse id="n_66_cjg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cjh">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cjh" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		</rect>
+	</svg>
+	<svg class="LossButton_cji">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cji" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="AttenuationCoefficientButton_cjj">
+		<rect onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_cjj" rx="0" ry="0" x="0" y="0" width="154" height="34">
+		</rect>
+	</svg>
+	<svg class="EventButtion-L_cjk">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-L_cjk" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="EventButtion-R_cjl">
+		<ellipse onclick="application.goToTargetView(event)" id="EventButtion-R_cjl" rx="18" ry="20" cx="18" cy="20">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cjm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cjm" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E2.html
old mode 100644
new mode 100755
index 73a81e5..fd83759
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E2.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_s {
+	#n_22_bco {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bco {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bcp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bcp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bcq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bcq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_bcr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bcr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bcs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bcs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bct {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bct {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bcu {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_t {
+	#HelpButton_bcv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_t {
+	.HelpButton_bcv {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bab {
+	#BackButton_bcw {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_bac {
+	#BackButton_bcx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bac {
+	.BackButton_bcx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_f {
+	#AttenuationCoefficientButton_bcy {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E2.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_g {
+	#AttenuationCoefficientButton_bcz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_g {
+	.AttenuationCoefficientButton_bcz {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_h {
+	#EventButtion-L_bc {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_i {
+	#EventButtion-L_bda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_i {
+	.EventButtion-L_bda {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_j {
+	#EventButtion-R_bc {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_k {
+	#EventButtion-R_bda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_k {
+	.EventButtion-R_bda {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_p {
+	#LossButton_bc {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#LossButton_q {
+	#LossButton_bda {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_q {
+	.LossButton_bda {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E2">
 	<img id="n_188" src="n_188.png" srcset="n_188.png 1x, n_188@2x.png 2x">
 		
-	<div id="HelpButton_s" class="HelpButton">
-		<svg class="HelpButton_t">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_t" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bco">
+		<ellipse id="n_22_bco" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bcp">
+		<ellipse id="n_36_bcp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bcq">
+		<ellipse id="n_37_bcq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bcr">
+		<ellipse id="n_38_bcr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bcs">
+		<ellipse id="n_39_bcs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bct">
+		<ellipse id="n_40_bct" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bcu" class="HelpButton">
+		<svg class="HelpButton_bcv">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bcv" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bab" class="BackButton">
-		<svg class="BackButton_bac">
-			<rect id="BackButton_bac" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bcw" class="BackButton">
+		<svg class="BackButton_bcx">
+			<rect id="BackButton_bcx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_f" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_g">
-			<rect id="AttenuationCoefficientButton_g" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bcy" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bcz">
+			<rect id="AttenuationCoefficientButton_bcz" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_h" class="EventButtion_L">
-		<svg class="EventButtion-L_i">
-			<ellipse id="EventButtion-L_i" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bc" class="EventButtion_L">
+		<svg class="EventButtion-L_bda">
+			<ellipse id="EventButtion-L_bda" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_j" class="EventButtion_R">
-		<svg class="EventButtion-R_k">
-			<ellipse id="EventButtion-R_k" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bc" class="EventButtion_R">
+		<svg class="EventButtion-R_bda">
+			<ellipse id="EventButtion-R_bda" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_p" class="LossButton">
-		<svg class="LossButton_q">
-			<rect id="LossButton_q" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bc" class="LossButton">
+		<svg class="LossButton_bda">
+			<rect id="LossButton_bda" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E3.html
old mode 100644
new mode 100755
index 38a7c96..f1b8684
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E3.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_n {
+	#n_22_bah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_41 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_41 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 407px;
+		top: 438px;
+	}
+	#HelpButton_e {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +184,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_q {
+	#HelpButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_q {
+	.HelpButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +206,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_r {
+	#BackButton_bau {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +218,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_t {
+	#BackButton_bav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_t {
+	.BackButton_bav {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +236,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_r {
+	#AttenuationCoefficientButton_e {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +248,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_s {
+	#AttenuationCoefficientButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +258,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_s {
+	.AttenuationCoefficientButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +266,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_t {
+	#EventButtion-L_e {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +278,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E2.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_u {
+	#EventButtion-L_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_u {
+	.EventButtion-L_f {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +296,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_v {
+	#EventButtion-R_d {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_x {
+	#EventButtion-R_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_x {
+	.EventButtion-R_g {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +326,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_x {
+	#LossButton_e {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +338,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#LossButton_y {
+	#LossButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +348,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_y {
+	.LossButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -230,7 +356,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#WQButton_z {
+	#WQButton_g {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -242,7 +368,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_WQ_E3.html;
 		cursor: pointer;
 	}
-	#WQButton_ {
+	#WQButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +378,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.WQButton_ {
+	.WQButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3176,45 +3302,73 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E3">
 	<img id="n_191" src="n_191.png" srcset="n_191.png 1x, n_191@2x.png 2x">
 		
-	<div id="HelpButton_n" class="HelpButton">
-		<svg class="HelpButton_q">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_q" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bah">
+		<ellipse id="n_22_bah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_y">
+		<ellipse id="n_36_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_z">
+		<ellipse id="n_37_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_b">
+		<ellipse id="n_38_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_b">
+		<ellipse id="n_39_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_a">
+		<ellipse id="n_40_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_41">
+		<ellipse id="n_41" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_e" class="HelpButton">
+		<svg class="HelpButton_f">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_f" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_r" class="BackButton">
-		<svg class="BackButton_t">
-			<rect id="BackButton_t" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bau" class="BackButton">
+		<svg class="BackButton_bav">
+			<rect id="BackButton_bav" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_r" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_s">
-			<rect id="AttenuationCoefficientButton_s" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_e" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_f">
+			<rect id="AttenuationCoefficientButton_f" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_t" class="EventButtion_L">
-		<svg class="EventButtion-L_u">
-			<ellipse id="EventButtion-L_u" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_e" class="EventButtion_L">
+		<svg class="EventButtion-L_f">
+			<ellipse id="EventButtion-L_f" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_v" class="EventButtion_R">
-		<svg class="EventButtion-R_x">
-			<ellipse id="EventButtion-R_x" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_d" class="EventButtion_R">
+		<svg class="EventButtion-R_g">
+			<ellipse id="EventButtion-R_g" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_x" class="LossButton">
-		<svg class="LossButton_y">
-			<rect id="LossButton_y" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_e" class="LossButton">
+		<svg class="LossButton_f">
+			<rect id="LossButton_f" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="WQButton_z" class="WQButton">
-		<svg class="WQButton_">
-			<rect id="WQButton_" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="WQButton_g" class="WQButton">
+		<svg class="WQButton_h">
+			<rect id="WQButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E4.html
old mode 100644
new mode 100755
index 74bf7f1..128de9f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E4.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_u {
+	#n_22_bc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bda {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bda {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bdb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bdb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_bdc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bdc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bdd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bdd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bde {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bde {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bdf {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_v {
+	#HelpButton_bdg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_v {
+	.HelpButton_bdg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bad {
+	#BackButton_bdh {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_bae {
+	#BackButton_bdi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bae {
+	.BackButton_bdi {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_u {
+	#AttenuationCoefficientButton_bdj {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E4.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_v {
+	#AttenuationCoefficientButton_bdk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_v {
+	.AttenuationCoefficientButton_bdk {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_x {
+	#EventButtion-L_bdl {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_z {
+	#EventButtion-L_bdm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_z {
+	.EventButtion-L_bdm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_z {
+	#EventButtion-R_bdn {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_f {
+	#EventButtion-R_bdo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_f {
+	.EventButtion-R_bdo {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_g {
+	#LossButton_bdp {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#LossButton_h {
+	#LossButton_bdq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_h {
+	.LossButton_bdq {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E4">
 	<img id="n_195" src="n_195.png" srcset="n_195.png 1x, n_195@2x.png 2x">
 		
-	<div id="HelpButton_u" class="HelpButton">
-		<svg class="HelpButton_v">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_v" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bc">
+		<ellipse id="n_22_bc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bda">
+		<ellipse id="n_36_bda" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bdb">
+		<ellipse id="n_37_bdb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bdc">
+		<ellipse id="n_38_bdc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bdd">
+		<ellipse id="n_39_bdd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bde">
+		<ellipse id="n_40_bde" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bdf" class="HelpButton">
+		<svg class="HelpButton_bdg">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bdg" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bad" class="BackButton">
-		<svg class="BackButton_bae">
-			<rect id="BackButton_bae" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bdh" class="BackButton">
+		<svg class="BackButton_bdi">
+			<rect id="BackButton_bdi" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_u" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_v">
-			<rect id="AttenuationCoefficientButton_v" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bdj" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bdk">
+			<rect id="AttenuationCoefficientButton_bdk" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_x" class="EventButtion_L">
-		<svg class="EventButtion-L_z">
-			<ellipse id="EventButtion-L_z" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bdl" class="EventButtion_L">
+		<svg class="EventButtion-L_bdm">
+			<ellipse id="EventButtion-L_bdm" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_z" class="EventButtion_R">
-		<svg class="EventButtion-R_f">
-			<ellipse id="EventButtion-R_f" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bdn" class="EventButtion_R">
+		<svg class="EventButtion-R_bdo">
+			<ellipse id="EventButtion-R_bdo" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_g" class="LossButton">
-		<svg class="LossButton_h">
-			<rect id="LossButton_h" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bdp" class="LossButton">
+		<svg class="LossButton_bdq">
+			<rect id="LossButton_bdq" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E5.html
old mode 100644
new mode 100755
index fd5a0a1..715934f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E5.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_ {
+	#n_22_bai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_p {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_p {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_q {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_q {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_v {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_b {
+	#HelpButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_b {
+	.HelpButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_ {
+	#BackButton_baw {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_b {
+	#BackButton_bax {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_b {
+	.BackButton_bax {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_ {
+	#AttenuationCoefficientButton_x {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E5.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_a {
+	#AttenuationCoefficientButton_y {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_a {
+	.AttenuationCoefficientButton_y {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_a {
+	#EventButtion-L_z {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E4.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_b {
+	#EventButtion-L_baa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_b {
+	.EventButtion-L_baa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_c {
+	#EventButtion-R_baa {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E6.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_d {
+	#EventButtion-R_bab {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_d {
+	.EventButtion-R_bab {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_e {
+	#LossButton_ {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#LossButton_f {
+	#LossButton_baa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_f {
+	.LossButton_baa {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E5">
 	<img id="n_198" src="n_198.png" srcset="n_198.png 1x, n_198@2x.png 2x">
 		
-	<div id="HelpButton_" class="HelpButton">
-		<svg class="HelpButton_b">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_b" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bai">
+		<ellipse id="n_22_bai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_n">
+		<ellipse id="n_36_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_o">
+		<ellipse id="n_37_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_p">
+		<ellipse id="n_38_p" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_q">
+		<ellipse id="n_39_q" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_r">
+		<ellipse id="n_40_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_v" class="HelpButton">
+		<svg class="HelpButton_w">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_w" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_" class="BackButton">
-		<svg class="BackButton_b">
-			<rect id="BackButton_b" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_baw" class="BackButton">
+		<svg class="BackButton_bax">
+			<rect id="BackButton_bax" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_a">
-			<rect id="AttenuationCoefficientButton_a" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_x" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_y">
+			<rect id="AttenuationCoefficientButton_y" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_a" class="EventButtion_L">
-		<svg class="EventButtion-L_b">
-			<ellipse id="EventButtion-L_b" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_z" class="EventButtion_L">
+		<svg class="EventButtion-L_baa">
+			<ellipse id="EventButtion-L_baa" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_c" class="EventButtion_R">
-		<svg class="EventButtion-R_d">
-			<ellipse id="EventButtion-R_d" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_baa" class="EventButtion_R">
+		<svg class="EventButtion-R_bab">
+			<ellipse id="EventButtion-R_bab" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_e" class="LossButton">
-		<svg class="LossButton_f">
-			<rect id="LossButton_f" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_" class="LossButton">
+		<svg class="LossButton_baa">
+			<rect id="LossButton_baa" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E6.html
old mode 100644
new mode 100755
index 9063e5c..748c621
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_Re_E6.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_baa {
+	#n_22_bdu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bdu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bdv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bdv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bdw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bdw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 439px;
+		top: 396px;
+	}
+	#n_38_bdx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bdx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bdy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bdy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bdz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bdz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#HelpButton_bd {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -58,7 +166,7 @@
 		top: 544px;
 		overflow: visible;
 	}
-	#HelpButton_bab {
+	#HelpButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -68,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bab {
+	.HelpButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_baf {
+	#BackButton_bd {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +200,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_bag {
+	#BackButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +210,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bag {
+	.BackButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +218,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_b {
+	#AttenuationCoefficientButton_bd {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +230,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E6.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_e {
+	#AttenuationCoefficientButton_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_e {
+	.AttenuationCoefficientButton_bea {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +248,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_j {
+	#EventButtion-L_bd {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -152,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E5.html;
 		cursor: pointer;
 	}
-	#EventButtion-L_k {
+	#EventButtion-L_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_k {
+	.EventButtion-L_bea {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -170,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_i {
+	#EventButtion-R_bd {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -182,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E1.html;
 		cursor: pointer;
 	}
-	#EventButtion-R_l {
+	#EventButtion-R_bea {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_l {
+	.EventButtion-R_bea {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -200,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_i {
+	#LossButton_bea {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -212,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#LossButton_j {
+	#LossButton_beb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_j {
+	.LossButton_beb {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -3146,39 +3254,63 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-Re-E6">
 	<img id="n_200" src="n_200.png" srcset="n_200.png 1x, n_200@2x.png 2x">
 		
-	<div id="HelpButton_baa" class="HelpButton">
-		<svg class="HelpButton_bab">
-			<rect onclick="application.goToTargetView(event)" id="HelpButton_bab" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bdu">
+		<ellipse id="n_22_bdu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bdv">
+		<ellipse id="n_36_bdv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bdw">
+		<ellipse id="n_37_bdw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bdx">
+		<ellipse id="n_38_bdx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bdy">
+		<ellipse id="n_39_bdy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bdz">
+		<ellipse id="n_40_bdz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div id="HelpButton_bd" class="HelpButton">
+		<svg class="HelpButton_bea">
+			<rect onclick="application.goToTargetView(event)" id="HelpButton_bea" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baf" class="BackButton">
-		<svg class="BackButton_bag">
-			<rect id="BackButton_bag" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bd" class="BackButton">
+		<svg class="BackButton_bea">
+			<rect id="BackButton_bea" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_b" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_e">
-			<rect id="AttenuationCoefficientButton_e" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bd" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bea">
+			<rect id="AttenuationCoefficientButton_bea" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-L_j" class="EventButtion_L">
-		<svg class="EventButtion-L_k">
-			<ellipse id="EventButtion-L_k" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-L_bd" class="EventButtion_L">
+		<svg class="EventButtion-L_bea">
+			<ellipse id="EventButtion-L_bea" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EventButtion-R_i" class="EventButtion_R">
-		<svg class="EventButtion-R_l">
-			<ellipse id="EventButtion-R_l" rx="18" ry="20" cx="18" cy="20">
+	<div onclick="application.goToTargetView(event)" id="EventButtion-R_bd" class="EventButtion_R">
+		<svg class="EventButtion-R_bea">
+			<ellipse id="EventButtion-R_bea" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_i" class="LossButton">
-		<svg class="LossButton_j">
-			<rect id="LossButton_j" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bea" class="LossButton">
+		<svg class="LossButton_beb">
+			<rect id="LossButton_beb" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html
old mode 100644
new mode 100755
index 4a3231d..445c568
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_Detail_WQ_E3.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_f {
+	#n_22_bbf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bbf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_36_bbg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_bbg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 403px;
+		top: 309px;
+	}
+	#n_37_bbh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_37_bbh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 353px;
+	}
+	#n_38_bbi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_38_bbi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 549px;
+	}
+	#n_39_bbj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_39_bbj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 98px;
+		top: 549px;
+	}
+	#n_40_bbk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_40_bbk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 179px;
+		top: 549px;
+	}
+	#n_41_bbl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_41_bbl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 436px;
+		top: 396px;
+	}
+	#HelpButton_bbm {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +188,7 @@
 		--web-action-target: OTDR_1_EventMap_Detai_HELPl_E3.html;
 		cursor: pointer;
 	}
-	#HelpButton_h {
+	#HelpButton_bbn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_h {
+	.HelpButton_bbn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +206,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_n {
+	#BackButton_bbo {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -92,7 +218,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_o {
+	#BackButton_bbp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +228,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_o {
+	.BackButton_bbp {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -110,7 +236,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#ReflectivityButton_j {
+	#ReflectivityButton_bbq {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -122,7 +248,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_Re_E3.html;
 		cursor: pointer;
 	}
-	#ReflectivityButton_k {
+	#ReflectivityButton_bbr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +258,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.ReflectivityButton_k {
+	.ReflectivityButton_bbr {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -140,7 +266,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#LossButton_l {
+	#LossButton_bbs {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -152,7 +278,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#LossButton_m {
+	#LossButton_bbt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_m {
+	.LossButton_bbt {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -170,7 +296,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#AttenuationCoefficientButton_n {
+	#AttenuationCoefficientButton_bbu {
 		position: absolute;
 		width: 154px;
 		height: 34px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_AC_E3.html;
 		cursor: pointer;
 	}
-	#AttenuationCoefficientButton_o {
+	#AttenuationCoefficientButton_bbv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.AttenuationCoefficientButton_o {
+	.AttenuationCoefficientButton_bbv {
 		position: absolute;
 		overflow: visible;
 		width: 154px;
@@ -200,7 +326,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-L_r {
+	#EventButtion-L_bbw {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -208,7 +334,7 @@
 		top: 540px;
 		overflow: visible;
 	}
-	#EventButtion-L_s {
+	#EventButtion-L_bbx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +344,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-L_s {
+	.EventButtion-L_bbx {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -226,7 +352,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EventButtion-R_t {
+	#EventButtion-R_bby {
 		position: absolute;
 		width: 36px;
 		height: 40px;
@@ -234,7 +360,7 @@
 		top: 540px;
 		overflow: visible;
 	}
-	#EventButtion-R_u {
+	#EventButtion-R_bbz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -244,7 +370,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EventButtion-R_u {
+	.EventButtion-R_bbz {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -3168,45 +3294,73 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-Detail-WQ-E3">
 	<img id="n_193" src="n_193.png" srcset="n_193.png 1x, n_193@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_f" class="HelpButton">
-		<svg class="HelpButton_h">
-			<rect id="HelpButton_h" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bbf">
+		<ellipse id="n_22_bbf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_bbg">
+		<ellipse id="n_36_bbg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_37_bbh">
+		<ellipse id="n_37_bbh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_38_bbi">
+		<ellipse id="n_38_bbi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_39_bbj">
+		<ellipse id="n_39_bbj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_40_bbk">
+		<ellipse id="n_40_bbk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_41_bbl">
+		<ellipse id="n_41_bbl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bbm" class="HelpButton">
+		<svg class="HelpButton_bbn">
+			<rect id="HelpButton_bbn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_n" class="BackButton">
-		<svg class="BackButton_o">
-			<rect id="BackButton_o" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bbo" class="BackButton">
+		<svg class="BackButton_bbp">
+			<rect id="BackButton_bbp" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_j" class="ReflectivityButton">
-		<svg class="ReflectivityButton_k">
-			<rect id="ReflectivityButton_k" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="ReflectivityButton_bbq" class="ReflectivityButton">
+		<svg class="ReflectivityButton_bbr">
+			<rect id="ReflectivityButton_bbr" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="LossButton_l" class="LossButton">
-		<svg class="LossButton_m">
-			<rect id="LossButton_m" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="LossButton_bbs" class="LossButton">
+		<svg class="LossButton_bbt">
+			<rect id="LossButton_bbt" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_n" class="AttenuationCoefficientButton">
-		<svg class="AttenuationCoefficientButton_o">
-			<rect id="AttenuationCoefficientButton_o" rx="0" ry="0" x="0" y="0" width="154" height="34">
+	<div onclick="application.goToTargetView(event)" id="AttenuationCoefficientButton_bbu" class="AttenuationCoefficientButton">
+		<svg class="AttenuationCoefficientButton_bbv">
+			<rect id="AttenuationCoefficientButton_bbv" rx="0" ry="0" x="0" y="0" width="154" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div id="EventButtion-L_r" class="EventButtion_L">
-		<svg class="EventButtion-L_s">
-			<ellipse id="EventButtion-L_s" rx="18" ry="20" cx="18" cy="20">
+	<div id="EventButtion-L_bbw" class="EventButtion_L">
+		<svg class="EventButtion-L_bbx">
+			<ellipse id="EventButtion-L_bbx" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
-	<div id="EventButtion-R_t" class="EventButtion_R">
-		<svg class="EventButtion-R_u">
-			<ellipse id="EventButtion-R_u" rx="18" ry="20" cx="18" cy="20">
+	<div id="EventButtion-R_bby" class="EventButtion_R">
+		<svg class="EventButtion-R_bbz">
+			<ellipse id="EventButtion-R_bbz" rx="18" ry="20" cx="18" cy="20">
 			</ellipse>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1.html
old mode 100644
new mode 100755
index 42318ca..4697cc6
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_rq {
+	#n_22_wo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_wo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_wp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_wp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_wq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_wq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_23 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_ws {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ws {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_wt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_wt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_wv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_wv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_ww {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_ww {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_wx {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_wx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_wy {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_wy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#TableButton_wz {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_rr {
+	#TableButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_rr {
+	.TableButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_rs {
+	#CurveButton_w {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#CurveButton_rt {
+	#CurveButton_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_rt {
+	.CurveButton_xa {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_rv {
+	#TestRusltButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_rv {
+	.TestRusltButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -152,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1.html;
 		cursor: pointer;
 	}
-	#HELPButton_rx {
+	#HELPButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_rx {
+	.HELPButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -178,7 +376,7 @@
 		top: 536px;
 		overflow: visible;
 	}
-	#Event1_rz {
+	#Event1_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_rz {
+	.Event1_w {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_r {
+	#Event2_xa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_r {
+	.Event2_xa {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_r {
+	#Event3_xc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_r {
+	.Event3_xc {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_r {
+	#Event4_xe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_r {
+	.Event4_xe {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_r {
+	#Event5_xg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_r {
+	.Event5_xg {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_r {
+	#Event6_xi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_r {
+	.Event6_xi {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_sa {
+	#HOMEBUTTON_xj {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_sb {
+	#HOMEBUTTON_xk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_sb {
+	.HOMEBUTTON_xk {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -376,7 +574,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_sc {
+	#BackButton_xl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -386,13 +584,13 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_sc {
+	.BackButton_xl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
 		height: 34px;
 		left: 15px;
-		top: 45px;
+		top: 46px;
 		--web-animation: fadein 0.3s ease-out;
 		--web-action-type: page;
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
@@ -3314,74 +3512,118 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1">
 	<img id="n_178" src="n_178.png" srcset="n_178.png 1x, n_178@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="TableButton_rq" class="TableButton">
-		<svg class="TableButton_rr">
-			<rect id="TableButton_rr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_wo">
+		<ellipse id="n_22_wo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_wp">
+		<ellipse id="n_22_wp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_wq">
+		<ellipse id="n_22_wq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23">
+		<ellipse id="n_23" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ws">
+		<ellipse id="n_22_ws" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_wt">
+		<ellipse id="n_22_wt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin">
+		<ellipse id="n_36_thin" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_wv">
+		<ellipse id="n_36_thin_wv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_ww">
+		<ellipse id="n_36_thin_ww" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_wx">
+		<ellipse id="n_36_thin_wx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_wy">
+		<ellipse id="n_36_thin_wy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="TableButton_wz" class="TableButton">
+		<svg class="TableButton_w">
+			<rect id="TableButton_w" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_rs" class="CurveButton">
-		<svg class="CurveButton_rt">
-			<rect id="CurveButton_rt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_w" class="CurveButton">
+		<svg class="CurveButton_xa">
+			<rect id="CurveButton_xa" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="TestRusltButton" class="TestRusltButton">
-		<svg class="TestRusltButton_rv">
-			<rect id="TestRusltButton_rv" rx="0" ry="0" x="0" y="0" width="290" height="223">
+		<svg class="TestRusltButton_w">
+			<rect id="TestRusltButton_w" rx="0" ry="0" x="0" y="0" width="290" height="223">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HELPButton" class="HELPButton">
-		<svg class="HELPButton_rx">
-			<rect id="HELPButton_rx" rx="0" ry="0" x="0" y="0" width="40" height="31">
+		<svg class="HELPButton_w">
+			<rect id="HELPButton_w" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
 	<div id="Event1" class="Event1">
-		<svg class="Event1_rz">
-			<rect id="Event1_rz" rx="0" ry="0" x="0" y="0" width="24" height="13">
+		<svg class="Event1_w">
+			<rect id="Event1_w" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event2" class="Event2">
-		<svg class="Event2_r">
-			<rect id="Event2_r" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event2_xa">
+			<rect id="Event2_xa" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event3" class="Event3">
-		<svg class="Event3_r">
-			<rect id="Event3_r" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event3_xc">
+			<rect id="Event3_xc" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event4" class="Event4">
-		<svg class="Event4_r">
-			<rect id="Event4_r" rx="0" ry="0" x="0" y="0" width="32" height="39">
+		<svg class="Event4_xe">
+			<rect id="Event4_xe" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event5" class="Event5">
-		<svg class="Event5_r">
-			<rect id="Event5_r" rx="0" ry="0" x="0" y="0" width="33" height="32">
+		<svg class="Event5_xg">
+			<rect id="Event5_xg" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="Event6" class="Event6">
-		<svg class="Event6_r">
-			<rect id="Event6_r" rx="0" ry="0" x="0" y="0" width="20" height="14">
+		<svg class="Event6_xi">
+			<rect id="Event6_xi" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_sa" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_sb">
-			<rect id="HOMEBUTTON_sb" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_xj" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_xk">
+			<rect id="HOMEBUTTON_xk" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_sc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_sc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_xl">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_xl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___1.html
old mode 100644
new mode 100755
index 1451ed9..fffb098
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___1.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_k {
+	#n_22_bjw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bjw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bjx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bjx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_bjy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bjy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_bjz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_bjz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 141px;
+	}
+	#n_thin_bj {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 343px;
+	}
+	#TableButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_k {
+	.TableButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +198,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#CurveButton_l {
+	#CurveButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +208,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_l {
+	.CurveButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -94,7 +220,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_m {
+	#TestRusltButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_m {
+	.TestRusltButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___1.html;
 		cursor: pointer;
 	}
-	#HELPButton_n {
+	#HELPButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_n {
+	.HELPButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___1.html;
 		cursor: pointer;
 	}
-	#Event2_o {
+	#Event2_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_o {
+	.Event2_bj {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___2.html;
 		cursor: pointer;
 	}
-	#Event3_p {
+	#Event3_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_p {
+	.Event3_bj {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bbl {
+	#BackButton_bj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbl {
+	.BackButton_bj {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3120,32 +3246,60 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__1">
 	<img id="n_110" src="n_110.png" srcset="n_110.png 1x, n_110@2x.png 2x">
 		
-	<svg class="TableButton_k">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_k" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_bjw">
+		<ellipse id="n_22_bjw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bjx">
+		<ellipse id="n_22_bjx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bjy">
+		<ellipse id="n_22_bjy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_bjz">
+		<ellipse id="n_23_bjz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bj">
+		<ellipse id="n_22_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin">
+		<ellipse id="n_thin" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bj">
+		<ellipse id="n_thin_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_l">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_l" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_m">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_m" rx="0" ry="0" x="0" y="0" width="290" height="223">
+	<svg class="TestRusltButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bj" rx="0" ry="0" x="0" y="0" width="290" height="223">
 		</rect>
 	</svg>
-	<svg class="HELPButton_n">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_n" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_bj" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="Event2_o">
-		<rect onclick="application.goToTargetView(event)" id="Event2_o" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_bj">
+		<rect onclick="application.goToTargetView(event)" id="Event2_bj" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_p">
-		<rect onclick="application.goToTargetView(event)" id="Event3_p" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event3_bj">
+		<rect onclick="application.goToTargetView(event)" id="Event3_bj" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbl">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbl" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bj" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___10.html
old mode 100644
new mode 100755
index ab26525..a2c1373
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___10.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bj {
+	#n_22_cwm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cwn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_cwo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_cwp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57_cwq {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_cwq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58_cwr {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_cwr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59_cws {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_cws {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60_cwt {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_cwt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61_cwu {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_cwu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_cwv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cwv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#CurveButton_cww {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bj {
+	.CurveButton_cww {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___10.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bk {
+	#TestRusltButton_cwx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bk {
+	.TestRusltButton_cwx {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___10.html;
 		cursor: pointer;
 	}
-	#HELPButton_bl {
+	#HELPButton_cwy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bl {
+	.HELPButton_cwy {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___10.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bm {
+	#HOMEBUTTON_cwz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bm {
+	.HOMEBUTTON_cwz {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +314,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_cal {
+	#BackButton_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cal {
+	.BackButton_cw {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +336,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#TableButton_bo {
+	#TableButton_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bo {
+	.TableButton_cw {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#Event1_bp {
+	#Event1_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bp {
+	.Event1_cw {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#Event2_bq {
+	#Event2_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bq {
+	.Event2_cw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +402,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#Event3_br {
+	#Event3_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +412,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_br {
+	.Event3_cw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -240,7 +420,7 @@
 		left: 88px;
 		top: 375px;
 	}
-	#Event4_bt {
+	#Event4_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +430,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bt {
+	.Event4_cw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -262,7 +442,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#Event5_bt {
+	#Event5_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -272,7 +452,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_bt {
+	.Event5_cw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -284,7 +464,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#Event6_bu {
+	#Event6_cw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -294,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_bu {
+	.Event6_cw {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__10">
 	<img id="n_231" src="n_231.png" srcset="n_231.png 1x, n_231@2x.png 2x">
 		
-	<svg class="CurveButton_bj">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cwm">
+		<ellipse id="n_22_cwm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwn">
+		<ellipse id="n_22_cwn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwo">
+		<ellipse id="n_22_cwo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwp">
+		<ellipse id="n_22_cwp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_cwq">
+		<ellipse id="n_57_cwq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_cwr">
+		<ellipse id="n_58_cwr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_cws">
+		<ellipse id="n_59_cws" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_cwt">
+		<ellipse id="n_60_cwt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_cwu">
+		<ellipse id="n_61_cwu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cwv">
+		<ellipse id="n_23_cwv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cww">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cww" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bk">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bk" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_cwx">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cwx" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bl">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bl" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cwy">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cwy" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bm">
-		<rect id="HOMEBUTTON_bm" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cwz">
+		<rect id="HOMEBUTTON_cwz" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cal">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cal" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cw">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cw" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bo" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cw">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cw" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_bp">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bp" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cw">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cw" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bq">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bq" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cw">
+		<rect onclick="application.goToTargetView(event)" id="Event2_cw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_br">
-		<rect id="Event3_br" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cw">
+		<rect id="Event3_cw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bt">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bt" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_cw">
+		<rect onclick="application.goToTargetView(event)" id="Event4_cw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_bt">
-		<rect onclick="application.goToTargetView(event)" id="Event5_bt" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_cw">
+		<rect onclick="application.goToTargetView(event)" id="Event5_cw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_bu">
-		<rect onclick="application.goToTargetView(event)" id="Event6_bu" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_cw">
+		<rect onclick="application.goToTargetView(event)" id="Event6_cw" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html
old mode 100644
new mode 100755
index 0f60de6..a7c5d1f
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___11.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bu {
+	#n_22_cyq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cyq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cyr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cyr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_cys {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cys {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_cyt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cyt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57_cyu {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_cyu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58_cyv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_cyv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59_cyw {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_cyw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60_cyx {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_cyx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61_cyy {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_cyy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_cyz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cyz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#CurveButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bu {
+	.CurveButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___11.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bv {
+	#TestRusltButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bv {
+	.TestRusltButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___11.html;
 		cursor: pointer;
 	}
-	#HELPButton_bw {
+	#HELPButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bw {
+	.HELPButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___11.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bh {
+	#HOMEBUTTON_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bh {
+	.HOMEBUTTON_cy {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +314,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_cap {
+	#BackButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cap {
+	.BackButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +336,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#TableButton_bb {
+	#TableButton_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bb {
+	.TableButton_cy {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#Event1_ba {
+	#Event1_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_ba {
+	.Event1_cy {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#Event2_ba {
+	#Event2_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_ba {
+	.Event2_cy {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +402,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#Event3_b {
+	#Event3_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +412,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_b {
+	.Event3_cy {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -244,7 +424,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#Event4_b {
+	#Event4_cy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -254,7 +434,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_b {
+	.Event4_cy {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -262,7 +442,7 @@
 		left: 88px;
 		top: 295px;
 	}
-	#Event5_b {
+	#Event5_cza {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -272,7 +452,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_b {
+	.Event5_cza {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -284,7 +464,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#Event6_b {
+	#Event6_czb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -294,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_b {
+	.Event6_czb {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__11">
 	<img id="n_232" src="n_232.png" srcset="n_232.png 1x, n_232@2x.png 2x">
 		
-	<svg class="CurveButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bu" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cyq">
+		<ellipse id="n_22_cyq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cyr">
+		<ellipse id="n_22_cyr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cys">
+		<ellipse id="n_22_cys" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cyt">
+		<ellipse id="n_22_cyt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_cyu">
+		<ellipse id="n_57_cyu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_cyv">
+		<ellipse id="n_58_cyv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_cyw">
+		<ellipse id="n_59_cyw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_cyx">
+		<ellipse id="n_60_cyx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_cyy">
+		<ellipse id="n_61_cyy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cyz">
+		<ellipse id="n_23_cyz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cy" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bv">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bv" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cy" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bw">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bw" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cy" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bh">
-		<rect id="HOMEBUTTON_bh" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cy">
+		<rect id="HOMEBUTTON_cy" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cap">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cap" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cy" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cy">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cy" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_ba">
-		<rect onclick="application.goToTargetView(event)" id="Event1_ba" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cy">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cy" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_ba">
-		<rect onclick="application.goToTargetView(event)" id="Event2_ba" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cy">
+		<rect onclick="application.goToTargetView(event)" id="Event2_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_b">
-		<rect onclick="application.goToTargetView(event)" id="Event3_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cy">
+		<rect onclick="application.goToTargetView(event)" id="Event3_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_b">
-		<rect id="Event4_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_cy">
+		<rect id="Event4_cy" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_b">
-		<rect onclick="application.goToTargetView(event)" id="Event5_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_cza">
+		<rect onclick="application.goToTargetView(event)" id="Event5_cza" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_b">
-		<rect onclick="application.goToTargetView(event)" id="Event6_b" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_czb">
+		<rect onclick="application.goToTargetView(event)" id="Event6_czb" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___12.html
old mode 100644
new mode 100755
index 1524366..d2c801c
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___12.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bb {
+	#n_22_czf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_czf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_czg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_czg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_czh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_czh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_czi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_czi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57_czj {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_czj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58_czk {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_czk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59_czl {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_czl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60_czm {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_czm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61_czn {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_czn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_czo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_czo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#CurveButton_czp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bb {
+	.CurveButton_czp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___12.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bb {
+	#TestRusltButton_czq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bb {
+	.TestRusltButton_czq {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___12.html;
 		cursor: pointer;
 	}
-	#HELPButton_bb {
+	#HELPButton_czr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bb {
+	.HELPButton_czr {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___12.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bi {
+	#HOMEBUTTON_czs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bi {
+	.HOMEBUTTON_czs {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +314,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_caq {
+	#BackButton_czt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caq {
+	.BackButton_czt {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +336,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#TableButton_bh {
+	#TableButton_czu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bh {
+	.TableButton_czu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#Event1_bf {
+	#Event1_czv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bf {
+	.Event1_czv {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#Event2_bg {
+	#Event2_czw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bg {
+	.Event2_czw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +402,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#Event3_bh {
+	#Event3_czx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +412,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bh {
+	.Event3_czx {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -244,7 +424,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#Event4_bi {
+	#Event4_czy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -254,7 +434,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bi {
+	.Event4_czy {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -266,7 +446,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#Event5_bj {
+	#Event5_czz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -276,7 +456,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_bj {
+	.Event5_czz {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -288,7 +468,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#Event6_bk {
+	#Event6_cz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -298,7 +478,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_bk {
+	.Event6_cz {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__12">
 	<img id="n_234" src="n_234.png" srcset="n_234.png 1x, n_234@2x.png 2x">
 		
-	<svg class="CurveButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bb" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_czf">
+		<ellipse id="n_22_czf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_czg">
+		<ellipse id="n_22_czg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_czh">
+		<ellipse id="n_22_czh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_czi">
+		<ellipse id="n_22_czi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_czj">
+		<ellipse id="n_57_czj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_czk">
+		<ellipse id="n_58_czk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_czl">
+		<ellipse id="n_59_czl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_czm">
+		<ellipse id="n_60_czm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_czn">
+		<ellipse id="n_61_czn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_czo">
+		<ellipse id="n_23_czo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_czp">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_czp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bb" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_czq">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_czq" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bb">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bb" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_czr">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_czr" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bi">
-		<rect id="HOMEBUTTON_bi" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_czs">
+		<rect id="HOMEBUTTON_czs" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_caq">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caq" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_czt">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_czt" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_czu">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_czu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_bf">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bf" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_czv">
+		<rect onclick="application.goToTargetView(event)" id="Event1_czv" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bg">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bg" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_czw">
+		<rect onclick="application.goToTargetView(event)" id="Event2_czw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bh">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bh" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_czx">
+		<rect onclick="application.goToTargetView(event)" id="Event3_czx" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bi">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bi" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_czy">
+		<rect onclick="application.goToTargetView(event)" id="Event4_czy" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_bj">
-		<rect onclick="application.goToTargetView(event)" id="Event5_bj" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_czz">
+		<rect onclick="application.goToTargetView(event)" id="Event5_czz" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_bk">
-		<rect id="Event6_bk" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_cz">
+		<rect id="Event6_cz" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___13.html
old mode 100644
new mode 100755
index 09a71ce..596a4d3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___13.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_ba {
+	#n_22_cxg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cxg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cxh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cxh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_cxi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cxi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_cxj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cxj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57_cxk {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_cxk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58_cxl {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_cxl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59_cxm {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_cxm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60_cxn {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_cxn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61_cxo {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_cxo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_cxp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cxp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#CurveButton_cxq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_ba {
+	.CurveButton_cxq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___13.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_ba {
+	#TestRusltButton_cxr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_ba {
+	.TestRusltButton_cxr {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___13.html;
 		cursor: pointer;
 	}
-	#HELPButton_ba {
+	#HELPButton_cxs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_ba {
+	.HELPButton_cxs {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___13.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bb {
+	#HOMEBUTTON_cxt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bb {
+	.HOMEBUTTON_cxt {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +314,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_can {
+	#BackButton_cxu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_can {
+	.BackButton_cxu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +336,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#TableButton_ba {
+	#TableButton_cxv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ba {
+	.TableButton_cxv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#Event1_b {
+	#Event1_cxw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_b {
+	.Event1_cxw {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#Event2_b {
+	#Event2_cxx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_b {
+	.Event2_cxx {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +402,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#Event3_ba {
+	#Event3_cxy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +412,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_ba {
+	.Event3_cxy {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -244,7 +424,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#Event4_bb {
+	#Event4_cxz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -254,7 +434,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bb {
+	.Event4_cxz {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -266,7 +446,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#Event5_bc {
+	#Event5_cx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -276,7 +456,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_bc {
+	.Event5_cx {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -284,7 +464,7 @@
 		left: 88px;
 		top: 215px;
 	}
-	#Event6_bd {
+	#Event6_cx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -294,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_bd {
+	.Event6_cx {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__13">
 	<img id="n_233" src="n_233.png" srcset="n_233.png 1x, n_233@2x.png 2x">
 		
-	<svg class="CurveButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_ba" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cxg">
+		<ellipse id="n_22_cxg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cxh">
+		<ellipse id="n_22_cxh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cxi">
+		<ellipse id="n_22_cxi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cxj">
+		<ellipse id="n_22_cxj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_cxk">
+		<ellipse id="n_57_cxk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_cxl">
+		<ellipse id="n_58_cxl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_cxm">
+		<ellipse id="n_59_cxm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_cxn">
+		<ellipse id="n_60_cxn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_cxo">
+		<ellipse id="n_61_cxo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cxp">
+		<ellipse id="n_23_cxp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cxq">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cxq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_ba" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_cxr">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cxr" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_ba" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cxs">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cxs" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bb">
-		<rect id="HOMEBUTTON_bb" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cxt">
+		<rect id="HOMEBUTTON_cxt" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_can">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_can" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cxu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cxu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_ba" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cxv">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cxv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_b">
-		<rect onclick="application.goToTargetView(event)" id="Event1_b" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cxw">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cxw" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_b">
-		<rect onclick="application.goToTargetView(event)" id="Event2_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cxx">
+		<rect onclick="application.goToTargetView(event)" id="Event2_cxx" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_ba">
-		<rect onclick="application.goToTargetView(event)" id="Event3_ba" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cxy">
+		<rect onclick="application.goToTargetView(event)" id="Event3_cxy" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bb">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bb" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_cxz">
+		<rect onclick="application.goToTargetView(event)" id="Event4_cxz" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_bc">
-		<rect id="Event5_bc" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_cx">
+		<rect id="Event5_cx" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_bd">
-		<rect onclick="application.goToTargetView(event)" id="Event6_bd" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_cx">
+		<rect onclick="application.goToTargetView(event)" id="Event6_cx" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___2.html
old mode 100644
new mode 100755
index f801fea..d9da377
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___2.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_bfe {
+	#n_22_buy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_buy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_buz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_buz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_bu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_bu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_bu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_bva {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bva {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_bu {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 141px;
+	}
+	#n_thin_bva {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bva {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 343px;
+	}
+	#TableButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bfe {
+	.TableButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +198,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#CurveButton_bff {
+	#CurveButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +208,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bff {
+	.CurveButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -94,7 +220,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___2.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bfg {
+	#TestRusltButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bfg {
+	.TestRusltButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___2.html;
 		cursor: pointer;
 	}
-	#HELPButton_bfh {
+	#HELPButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bfh {
+	.HELPButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___2.html;
 		cursor: pointer;
 	}
-	#Event1_bfi {
+	#Event1_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bfi {
+	.Event1_bu {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#Event3_bfj {
+	#Event3_bva {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bfj {
+	.Event3_bva {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bfk {
+	#BackButton_bvb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bfk {
+	.BackButton_bvb {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3120,32 +3246,60 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__2">
 	<img id="n_111" src="n_111.png" srcset="n_111.png 1x, n_111@2x.png 2x">
 		
-	<svg class="TableButton_bfe">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bfe" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_buy">
+		<ellipse id="n_22_buy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_buz">
+		<ellipse id="n_22_buz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bu">
+		<ellipse id="n_22_bu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_bu">
+		<ellipse id="n_23_bu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bva">
+		<ellipse id="n_22_bva" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bu">
+		<ellipse id="n_thin_bu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bva">
+		<ellipse id="n_thin_bva" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bff">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bff" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bu" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bfg">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bfg" rx="0" ry="0" x="0" y="0" width="290" height="174">
+	<svg class="TestRusltButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bu" rx="0" ry="0" x="0" y="0" width="290" height="174">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bfh">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bfh" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_bu" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="Event1_bfi">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bfi" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_bu">
+		<rect onclick="application.goToTargetView(event)" id="Event1_bu" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event3_bfj">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bfj" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event3_bva">
+		<rect onclick="application.goToTargetView(event)" id="Event3_bva" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="BackButton_bfk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bfk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bvb">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bvb" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html
old mode 100644
new mode 100755
index ba7883d..3dc73c0
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___3.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_bfo {
+	#n_22_bvf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bvg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_bvh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_bvi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_bvi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_bvj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bvj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_bvk {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bvk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 141px;
+	}
+	#n_thin_bvl {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bvl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 99px;
+		top: 343px;
+	}
+	#TableButton_bvm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +186,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bfo {
+	.TableButton_bvm {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +198,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	#CurveButton_bfp {
+	#CurveButton_bvn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +208,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bfp {
+	.CurveButton_bvn {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -94,7 +220,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___3.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bfq {
+	#TestRusltButton_bvo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bfq {
+	.TestRusltButton_bvo {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___3.html;
 		cursor: pointer;
 	}
-	#HELPButton_bfr {
+	#HELPButton_bvp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bfr {
+	.HELPButton_bvp {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___3.html;
 		cursor: pointer;
 	}
-	#Event1_bfs {
+	#Event1_bvq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bfs {
+	.Event1_bvq {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#Event2_bft {
+	#Event2_bvr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bft {
+	.Event2_bvr {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bfu {
+	#BackButton_bvs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bfu {
+	.BackButton_bvs {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3120,32 +3246,60 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__3">
 	<img id="n_112" src="n_112.png" srcset="n_112.png 1x, n_112@2x.png 2x">
 		
-	<svg class="TableButton_bfo">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bfo" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_bvf">
+		<ellipse id="n_22_bvf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bvg">
+		<ellipse id="n_22_bvg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bvh">
+		<ellipse id="n_22_bvh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_bvi">
+		<ellipse id="n_23_bvi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bvj">
+		<ellipse id="n_22_bvj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bvk">
+		<ellipse id="n_thin_bvk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bvl">
+		<ellipse id="n_thin_bvl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_bvm">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bvm" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bfp">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bfp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bvn">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bvn" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bfq">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bfq" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_bvo">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bvo" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bfr">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bfr" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_bvp">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_bvp" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="Event1_bfs">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bfs" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_bvq">
+		<rect onclick="application.goToTargetView(event)" id="Event1_bvq" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bft">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bft" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_bvr">
+		<rect onclick="application.goToTargetView(event)" id="Event2_bvr" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="BackButton_bfu">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bfu" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bvs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bvs" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___4.html
old mode 100644
new mode 100755
index 2101991..201f811
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___4.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_bkd {
+	#n_22_cad {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cad {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cae {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cae {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_caf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_bp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_bp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_cag {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cag {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_br {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_br {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 141px;
+	}
+	#n_thin_bs {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 275px;
+	}
+	#n_thin_bt {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_bt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 410px;
+	}
+	#TableButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bkd {
+	.TableButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#CurveButton_bke {
+	#CurveButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +226,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bke {
+	.CurveButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -94,7 +238,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bkf {
+	#TestRusltButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +248,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bkf {
+	.TestRusltButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -116,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___4.html;
 		cursor: pointer;
 	}
-	#HELPButton_bkg {
+	#HELPButton_bx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bkg {
+	.HELPButton_bx {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -138,7 +282,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___4.html;
 		cursor: pointer;
 	}
-	#Event1_bkh {
+	#Event1_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +292,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bkh {
+	.Event1_by {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -156,7 +300,7 @@
 		left: 92px;
 		top: 538px;
 	}
-	#Event2_bki {
+	#Event2_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bki {
+	.Event2_bz {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -178,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#Event3_bkj {
+	#Event3_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bkj {
+	.Event3_ba {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -200,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#Event4_bkk {
+	#Event4_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bkk {
+	.Event4_ba {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -222,7 +366,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bkl {
+	#HOMEBUTTON_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bkl {
+	.HOMEBUTTON_ba {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -240,7 +384,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bkm {
+	#BackButton_bw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +394,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bkm {
+	.BackButton_bw {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3178,44 +3322,76 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__4">
 	<img id="n_141" src="n_141.png" srcset="n_141.png 1x, n_141@2x.png 2x">
 		
-	<svg class="TableButton_bkd">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bkd" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cad">
+		<ellipse id="n_22_cad" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cae">
+		<ellipse id="n_22_cae" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_caf">
+		<ellipse id="n_22_caf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_bp">
+		<ellipse id="n_23_bp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cag">
+		<ellipse id="n_22_cag" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_br">
+		<ellipse id="n_thin_br" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bs">
+		<ellipse id="n_thin_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_bt">
+		<ellipse id="n_thin_bt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bke">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bke" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bkf">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bkf" rx="0" ry="0" x="0" y="0" width="290" height="223">
+	<svg class="TestRusltButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bw" rx="0" ry="0" x="0" y="0" width="290" height="223">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bkg">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bkg" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_bx">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_bx" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="Event1_bkh">
-		<rect id="Event1_bkh" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_by">
+		<rect id="Event1_by" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bki">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bki" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_bz">
+		<rect onclick="application.goToTargetView(event)" id="Event2_bz" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bkj">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bkj" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_ba">
+		<rect onclick="application.goToTargetView(event)" id="Event3_ba" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bkk">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bkk" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event4_ba">
+		<rect onclick="application.goToTargetView(event)" id="Event4_ba" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bkl">
-		<rect id="HOMEBUTTON_bkl" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_ba">
+		<rect id="HOMEBUTTON_ba" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bkm">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bkm" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bw">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bw" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___5.html
old mode 100644
new mode 100755
index b092d5c..6c14f42
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___5.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bss {
+	#n_22_cgi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cgi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cgj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cgj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_cgk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cgk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_cgl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cgl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_cgm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cgm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_cgn {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cgn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 141px;
+	}
+	#n_thin_cgo {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cgo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 275px;
+	}
+	#n_thin_cgp {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cgp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 410px;
+	}
+	#CurveButton_cgq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bss {
+	.CurveButton_cgq {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___5.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bst {
+	#TestRusltButton_cgr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +226,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bst {
+	.TestRusltButton_cgr {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___5.html;
 		cursor: pointer;
 	}
-	#HELPButton_bsu {
+	#HELPButton_cgs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +248,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bsu {
+	.HELPButton_cgs {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___5.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bsv {
+	#HOMEBUTTON_cgt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bsv {
+	.HOMEBUTTON_cgt {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +278,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bsw {
+	#BackButton_cgu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bsw {
+	.BackButton_cgu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +300,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#Event1_bsx {
+	#Event1_cgv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bsx {
+	.Event1_cgv {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -178,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#Event2_bsy {
+	#Event2_cgw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bsy {
+	.Event2_cgw {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -196,7 +340,7 @@
 		left: 88px;
 		top: 401px;
 	}
-	#Event3_bsz {
+	#Event3_cgx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -206,7 +350,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bsz {
+	.Event3_cgx {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -218,7 +362,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#Event4_bs {
+	#Event4_cgy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -228,7 +372,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bs {
+	.Event4_cgy {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -240,7 +384,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#TableButton_bs {
+	#TableButton_cgz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +394,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bs {
+	.TableButton_cgz {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3178,44 +3322,76 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__5">
 	<img id="n_148" src="n_148.png" srcset="n_148.png 1x, n_148@2x.png 2x">
 		
-	<svg class="CurveButton_bss">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bss" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cgi">
+		<ellipse id="n_22_cgi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cgj">
+		<ellipse id="n_22_cgj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cgk">
+		<ellipse id="n_22_cgk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cgl">
+		<ellipse id="n_23_cgl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cgm">
+		<ellipse id="n_22_cgm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cgn">
+		<ellipse id="n_thin_cgn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cgo">
+		<ellipse id="n_thin_cgo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cgp">
+		<ellipse id="n_thin_cgp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cgq">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cgq" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bst">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bst" rx="0" ry="0" x="0" y="0" width="290" height="174">
+	<svg class="TestRusltButton_cgr">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cgr" rx="0" ry="0" x="0" y="0" width="290" height="174">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bsu">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bsu" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cgs">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cgs" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bsv">
-		<rect id="HOMEBUTTON_bsv" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cgt">
+		<rect id="HOMEBUTTON_cgt" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bsw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bsw" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cgu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cgu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_bsx">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bsx" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cgv">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cgv" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bsy">
-		<rect id="Event2_bsy" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cgw">
+		<rect id="Event2_cgw" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bsz">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bsz" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cgx">
+		<rect onclick="application.goToTargetView(event)" id="Event3_cgx" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bs">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bs" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event4_cgy">
+		<rect onclick="application.goToTargetView(event)" id="Event4_cgy" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="TableButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cgz">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cgz" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___6.html
old mode 100644
new mode 100755
index fbcabfd..fee6d51
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___6.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_b {
+	#n_22_cv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cwa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_cwb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_cv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_cwc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cwc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_cv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 141px;
+	}
+	#n_thin_cwa {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cwa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 275px;
+	}
+	#n_thin_cwb {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cwb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 410px;
+	}
+	#CurveButton_cv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_b {
+	.CurveButton_cv {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___6.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_b {
+	#TestRusltButton_cwa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +226,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_b {
+	.TestRusltButton_cwa {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___6.html;
 		cursor: pointer;
 	}
-	#HELPButton_b {
+	#HELPButton_cwb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +248,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_b {
+	.HELPButton_cwb {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___6.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ba {
+	#HOMEBUTTON_cwc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ba {
+	.HOMEBUTTON_cwc {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +278,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_cak {
+	#BackButton_cwd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cak {
+	.BackButton_cwd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +300,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#Event1_bb {
+	#Event1_cwe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bb {
+	.Event1_cwe {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -178,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#Event2_bc {
+	#Event2_cwf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bc {
+	.Event2_cwf {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -200,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#Event3_bd {
+	#Event3_cwg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bd {
+	.Event3_cwg {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -218,7 +362,7 @@
 		left: 88px;
 		top: 266px;
 	}
-	#Event4_be {
+	#Event4_cwh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -228,7 +372,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_be {
+	.Event4_cwh {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -240,7 +384,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___7.html;
 		cursor: pointer;
 	}
-	#TableButton_bg {
+	#TableButton_cwi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +394,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bg {
+	.TableButton_cwi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3178,44 +3322,76 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__6">
 	<img id="n_153" src="n_153.png" srcset="n_153.png 1x, n_153@2x.png 2x">
 		
-	<svg class="CurveButton_b">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cv">
+		<ellipse id="n_22_cv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwa">
+		<ellipse id="n_22_cwa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwb">
+		<ellipse id="n_22_cwb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cv">
+		<ellipse id="n_23_cv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cwc">
+		<ellipse id="n_22_cwc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cv">
+		<ellipse id="n_thin_cv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cwa">
+		<ellipse id="n_thin_cwa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cwb">
+		<ellipse id="n_thin_cwb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cv">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cv" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_b">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_b" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_cwa">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cwa" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_b">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_b" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cwb">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cwb" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_ba">
-		<rect id="HOMEBUTTON_ba" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cwc">
+		<rect id="HOMEBUTTON_cwc" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cak">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cak" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cwd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cwd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_bb">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bb" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cwe">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cwe" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bc">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bc" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cwf">
+		<rect onclick="application.goToTargetView(event)" id="Event2_cwf" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bd">
-		<rect id="Event3_bd" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cwg">
+		<rect id="Event3_cwg" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_be">
-		<rect onclick="application.goToTargetView(event)" id="Event4_be" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event4_cwh">
+		<rect onclick="application.goToTargetView(event)" id="Event4_cwh" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="TableButton_bg">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cwi">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cwi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___7.html
old mode 100644
new mode 100755
index 1419a45..8d65177
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___7.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bh {
+	#n_22_cx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cya {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 253px;
+		top: 97px;
+	}
+	#n_22_cyb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cyb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_23_cx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_cx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_cyc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cyc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 549px;
+	}
+	#n_thin_cya {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cya {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 141px;
+	}
+	#n_thin_cyb {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cyb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 275px;
+	}
+	#n_thin_cyc {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_thin_cyc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 95px;
+		top: 410px;
+	}
+	#CurveButton_cyd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +204,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bh {
+	.CurveButton_cyd {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +216,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___7.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bi {
+	#TestRusltButton_cye {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +226,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bi {
+	.TestRusltButton_cye {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +238,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___7.html;
 		cursor: pointer;
 	}
-	#HELPButton_bj {
+	#HELPButton_cyf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +248,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bj {
+	.HELPButton_cyf {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___7.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bl {
+	#HOMEBUTTON_cyg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bl {
+	.HOMEBUTTON_cyg {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +278,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_cao {
+	#BackButton_cyh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +288,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cao {
+	.BackButton_cyh {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +300,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#Event1_bm {
+	#Event1_cyi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +310,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bm {
+	.Event1_cyi {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -178,7 +322,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#Event2_bn {
+	#Event2_cyj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +332,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bn {
+	.Event2_cyj {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -200,7 +344,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___5.html;
 		cursor: pointer;
 	}
-	#Event3_bo {
+	#Event3_cyk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +354,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bo {
+	.Event3_cyk {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +366,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___6.html;
 		cursor: pointer;
 	}
-	#Event4_bp {
+	#Event4_cyl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +376,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bp {
+	.Event4_cyl {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -240,7 +384,7 @@
 		left: 92px;
 		top: 143px;
 	}
-	#TableButton_bu {
+	#TableButton_cym {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +394,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bu {
+	.TableButton_cym {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -3178,44 +3322,76 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__7">
 	<img id="n_154" src="n_154.png" srcset="n_154.png 1x, n_154@2x.png 2x">
 		
-	<svg class="CurveButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cx">
+		<ellipse id="n_22_cx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cya">
+		<ellipse id="n_22_cya" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cyb">
+		<ellipse id="n_22_cyb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_cx">
+		<ellipse id="n_23_cx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cyc">
+		<ellipse id="n_22_cyc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cya">
+		<ellipse id="n_thin_cya" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cyb">
+		<ellipse id="n_thin_cyb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_thin_cyc">
+		<ellipse id="n_thin_cyc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_cyd">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cyd" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bi" rx="0" ry="0" x="0" y="0" width="290" height="179">
+	<svg class="TestRusltButton_cye">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_cye" rx="0" ry="0" x="0" y="0" width="290" height="179">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bj">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bj" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_cyf">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_cyf" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bl">
-		<rect id="HOMEBUTTON_bl" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cyg">
+		<rect id="HOMEBUTTON_cyg" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_cao">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cao" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_cyh">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cyh" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_bm">
-		<rect onclick="application.goToTargetView(event)" id="Event1_bm" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_cyi">
+		<rect onclick="application.goToTargetView(event)" id="Event1_cyi" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bn">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bn" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_cyj">
+		<rect onclick="application.goToTargetView(event)" id="Event2_cyj" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bo">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bo" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_cyk">
+		<rect onclick="application.goToTargetView(event)" id="Event3_cyk" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bp">
-		<rect id="Event4_bp" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event4_cyl">
+		<rect id="Event4_cyl" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="TableButton_bu">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bu" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_cym">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_cym" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___8.html
old mode 100644
new mode 100755
index e2fa373..94284c8
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___8.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#TableButton_bkq {
+	#n_22_cah {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cah {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cai {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cai {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_caj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_cak {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cak {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57 {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58 {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59 {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60 {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61 {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#TableButton_bh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bkq {
+	.TableButton_bh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#CurveButton_bkr {
+	#CurveButton_bi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bkr {
+	.CurveButton_bi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bks {
+	#TestRusltButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bks {
+	.TestRusltButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___8.html;
 		cursor: pointer;
 	}
-	#HELPButton_bkt {
+	#HELPButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bkt {
+	.HELPButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -138,7 +318,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___8.html;
 		cursor: pointer;
 	}
-	#Event1_bku {
+	#Event1_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +328,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_bku {
+	.Event1_bl {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -156,7 +336,7 @@
 		left: 92px;
 		top: 538px;
 	}
-	#Event2_bkv {
+	#Event2_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_bkv {
+	.Event2_bm {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___9.html;
 		cursor: pointer;
 	}
-	#Event3_bkw {
+	#Event3_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_bkw {
+	.Event3_bn {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#Event4_bkx {
+	#Event4_bo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bkx {
+	.Event4_bo {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -222,7 +402,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#Event5_bky {
+	#Event5_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -232,7 +412,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_bky {
+	.Event5_bp {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -244,7 +424,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#Event6_bkz {
+	#Event6_bq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -254,7 +434,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_bkz {
+	.Event6_bq {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -266,7 +446,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___12.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bk {
+	#HOMEBUTTON_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -276,7 +456,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bk {
+	.HOMEBUTTON_bt {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -284,7 +464,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bk {
+	#BackButton_caa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -294,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bk {
+	.BackButton_caa {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__8">
 	<img id="n_229" src="n_229.png" srcset="n_229.png 1x, n_229@2x.png 2x">
 		
-	<svg class="TableButton_bkq">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bkq" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cah">
+		<ellipse id="n_22_cah" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cai">
+		<ellipse id="n_22_cai" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_caj">
+		<ellipse id="n_22_caj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cak">
+		<ellipse id="n_22_cak" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57">
+		<ellipse id="n_57" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58">
+		<ellipse id="n_58" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59">
+		<ellipse id="n_59" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60">
+		<ellipse id="n_60" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61">
+		<ellipse id="n_61" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_bg">
+		<ellipse id="n_23_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="TableButton_bh">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_bh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bkr">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bkr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bi">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bks">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bks" rx="0" ry="0" x="0" y="0" width="290" height="223">
+	<svg class="TestRusltButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bk" rx="0" ry="0" x="0" y="0" width="290" height="223">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bkt">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bkt" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_bk" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="Event1_bku">
-		<rect id="Event1_bku" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_bl">
+		<rect id="Event1_bl" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_bkv">
-		<rect onclick="application.goToTargetView(event)" id="Event2_bkv" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_bm">
+		<rect onclick="application.goToTargetView(event)" id="Event2_bm" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_bkw">
-		<rect onclick="application.goToTargetView(event)" id="Event3_bkw" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_bn">
+		<rect onclick="application.goToTargetView(event)" id="Event3_bn" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bkx">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bkx" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_bo">
+		<rect onclick="application.goToTargetView(event)" id="Event4_bo" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_bky">
-		<rect onclick="application.goToTargetView(event)" id="Event5_bky" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_bp">
+		<rect onclick="application.goToTargetView(event)" id="Event5_bp" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_bkz">
-		<rect onclick="application.goToTargetView(event)" id="Event6_bkz" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_bq">
+		<rect onclick="application.goToTargetView(event)" id="Event6_bq" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bk">
-		<rect id="HOMEBUTTON_bk" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bt">
+		<rect id="HOMEBUTTON_bt" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_caa">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_caa" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html
old mode 100644
new mode 100755
index 91b5e8f..2a88951
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E1___9.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#CurveButton_bs {
+	#n_22_cg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cha {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cha {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 251px;
+		top: 97px;
+	}
+	#n_22_chb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 425px;
+		top: 97px;
+	}
+	#n_22_chc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_chc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_57_cg {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_57_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 143px;
+	}
+	#n_58_cg {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_58_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 224px;
+	}
+	#n_59_cg {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_59_cg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_60_cha {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_60_cha {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 384px;
+	}
+	#n_61_chb {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_61_chb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 463px;
+	}
+	#n_23_chc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_chc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#CurveButton_chd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +240,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bs {
+	.CurveButton_chd {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -72,7 +252,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___9.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_bs {
+	#TestRusltButton_che {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +262,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_bs {
+	.TestRusltButton_che {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -94,7 +274,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E1___9.html;
 		cursor: pointer;
 	}
-	#HELPButton_bs {
+	#HELPButton_chf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +284,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_bs {
+	.HELPButton_chf {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -116,7 +296,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E1___9.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bs {
+	#HOMEBUTTON_chg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bs {
+	.HOMEBUTTON_chg {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -134,7 +314,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bs {
+	#BackButton_chh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +324,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bs {
+	.BackButton_chh {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -156,7 +336,7 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
-	#TableButton_bta {
+	#TableButton_chi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +346,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_bta {
+	.TableButton_chi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +358,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#Event1_btb {
+	#Event1_chj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +368,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_btb {
+	.Event1_chj {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -200,7 +380,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#Event2_btc {
+	#Event2_chk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +390,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_btc {
+	.Event2_chk {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -218,7 +398,7 @@
 		left: 88px;
 		top: 454px;
 	}
-	#Event3_btd {
+	#Event3_chl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -228,7 +408,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_btd {
+	.Event3_chl {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -240,7 +420,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___10.html;
 		cursor: pointer;
 	}
-	#Event4_bte {
+	#Event4_chm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -250,7 +430,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_bte {
+	.Event4_chm {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -262,7 +442,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___11.html;
 		cursor: pointer;
 	}
-	#Event5_btf {
+	#Event5_chn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -272,7 +452,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_btf {
+	.Event5_chn {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -284,7 +464,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___13.html;
 		cursor: pointer;
 	}
-	#Event6_btg {
+	#Event6_cho {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -294,7 +474,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_btg {
+	.Event6_cho {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -3222,52 +3402,92 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E1__9">
 	<img id="n_230" src="n_230.png" srcset="n_230.png 1x, n_230@2x.png 2x">
 		
-	<svg class="CurveButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bs" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="n_22_cg">
+		<ellipse id="n_22_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cha">
+		<ellipse id="n_22_cha" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_chb">
+		<ellipse id="n_22_chb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_chc">
+		<ellipse id="n_22_chc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_57_cg">
+		<ellipse id="n_57_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_58_cg">
+		<ellipse id="n_58_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_59_cg">
+		<ellipse id="n_59_cg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_60_cha">
+		<ellipse id="n_60_cha" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_61_chb">
+		<ellipse id="n_61_chb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_chc">
+		<ellipse id="n_23_chc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="CurveButton_chd">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_chd" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="TestRusltButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_bs" rx="0" ry="0" x="0" y="0" width="290" height="174">
+	<svg class="TestRusltButton_che">
+		<rect onclick="application.goToTargetView(event)" id="TestRusltButton_che" rx="0" ry="0" x="0" y="0" width="290" height="174">
 		</rect>
 	</svg>
-	<svg class="HELPButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="HELPButton_bs" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<svg class="HELPButton_chf">
+		<rect onclick="application.goToTargetView(event)" id="HELPButton_chf" rx="0" ry="0" x="0" y="0" width="40" height="31">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bs">
-		<rect id="HOMEBUTTON_bs" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_chg">
+		<rect id="HOMEBUTTON_chg" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bs">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bs" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_chh">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_chh" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
-	<svg class="TableButton_bta">
-		<rect onclick="application.goToTargetView(event)" id="TableButton_bta" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="TableButton_chi">
+		<rect onclick="application.goToTargetView(event)" id="TableButton_chi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="Event1_btb">
-		<rect onclick="application.goToTargetView(event)" id="Event1_btb" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="Event1_chj">
+		<rect onclick="application.goToTargetView(event)" id="Event1_chj" rx="0" ry="0" x="0" y="0" width="24" height="13">
 		</rect>
 	</svg>
-	<svg class="Event2_btc">
-		<rect id="Event2_btc" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event2_chk">
+		<rect id="Event2_chk" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event3_btd">
-		<rect onclick="application.goToTargetView(event)" id="Event3_btd" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event3_chl">
+		<rect onclick="application.goToTargetView(event)" id="Event3_chl" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event4_bte">
-		<rect onclick="application.goToTargetView(event)" id="Event4_bte" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event4_chm">
+		<rect onclick="application.goToTargetView(event)" id="Event4_chm" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event5_btf">
-		<rect onclick="application.goToTargetView(event)" id="Event5_btf" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<svg class="Event5_chn">
+		<rect onclick="application.goToTargetView(event)" id="Event5_chn" rx="0" ry="0" x="0" y="0" width="32" height="39">
 		</rect>
 	</svg>
-	<svg class="Event6_btg">
-		<rect onclick="application.goToTargetView(event)" id="Event6_btg" rx="0" ry="0" x="0" y="0" width="24" height="18">
+	<svg class="Event6_cho">
+		<rect onclick="application.goToTargetView(event)" id="Event6_cho" rx="0" ry="0" x="0" y="0" width="24" height="18">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E2.html
old mode 100644
new mode 100755
index 30a3d24..1156849
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E2.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_sg {
+	#n_22_xp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_xp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_xq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_xq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_xr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_xr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_23_xs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_xs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#n_22_xt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_xt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_xu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_xu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin_xv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_xv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_xw {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_xw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_xx {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_xx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_xy {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_xy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_xz {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_xz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#Event1_x {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_sh {
+	#Event1_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_sh {
+	.Event1_ya {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_si {
+	#Event2_x {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -88,7 +286,7 @@
 		top: 454px;
 		overflow: visible;
 	}
-	#Event2_sj {
+	#Event2_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -98,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_sj {
+	.Event2_ya {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -106,7 +304,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_sk {
+	#Event3_x {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -118,7 +316,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_sl {
+	#Event3_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +326,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_sl {
+	.Event3_ya {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -136,7 +334,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_sm {
+	#Event4_x {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +346,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_sn {
+	#Event4_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_sn {
+	.Event4_ya {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +364,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_so {
+	#Event5_x {
 		position: absolute;
 		width: 33px;
 		height: 32px;
@@ -178,7 +376,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_sp {
+	#Event5_ya {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_sp {
+	.Event5_ya {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_sq {
+	#Event6_ya {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_sr {
+	#Event6_yb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_sr {
+	.Event6_yb {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_ss {
+	#HELPButton_yc {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E2.html;
 		cursor: pointer;
 	}
-	#HELPButton_st {
+	#HELPButton_yd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_st {
+	.HELPButton_yd {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_su {
+	#TestRusltButton_ye {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E2.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_sv {
+	#TestRusltButton_yf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_sv {
+	.TestRusltButton_yf {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_sw {
+	#CurveButton_yg {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E2.html;
 		cursor: pointer;
 	}
-	#CurveButton_sx {
+	#CurveButton_yh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_sx {
+	.CurveButton_yh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_sy {
+	#TableButton_yi {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_sz {
+	#TableButton_yj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_sz {
+	.TableButton_yj {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_s {
+	#HOMEBUTTON_yk {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_ta {
+	#HOMEBUTTON_yl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_ta {
+	.HOMEBUTTON_yl {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -376,7 +574,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_s {
+	#BackButton_ym {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -386,7 +584,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_s {
+	.BackButton_ym {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3314,74 +3512,118 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E2">
 	<img id="n_179" src="n_179.png" srcset="n_179.png 1x, n_179@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_sg" class="Event1">
-		<svg class="Event1_sh">
-			<rect id="Event1_sh" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_22_xp">
+		<ellipse id="n_22_xp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_xq">
+		<ellipse id="n_22_xq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_xr">
+		<ellipse id="n_22_xr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_xs">
+		<ellipse id="n_23_xs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_xt">
+		<ellipse id="n_22_xt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_xu">
+		<ellipse id="n_22_xu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_xv">
+		<ellipse id="n_36_thin_xv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_xw">
+		<ellipse id="n_36_thin_xw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_xx">
+		<ellipse id="n_36_thin_xx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_xy">
+		<ellipse id="n_36_thin_xy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_xz">
+		<ellipse id="n_36_thin_xz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_x" class="Event1">
+		<svg class="Event1_ya">
+			<rect id="Event1_ya" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event2_si" class="Event2">
-		<svg class="Event2_sj">
-			<rect id="Event2_sj" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event2_x" class="Event2">
+		<svg class="Event2_ya">
+			<rect id="Event2_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_sk" class="Event3">
-		<svg class="Event3_sl">
-			<rect id="Event3_sl" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_x" class="Event3">
+		<svg class="Event3_ya">
+			<rect id="Event3_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_sm" class="Event4">
-		<svg class="Event4_sn">
-			<rect id="Event4_sn" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_x" class="Event4">
+		<svg class="Event4_ya">
+			<rect id="Event4_ya" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_so" class="Event5">
-		<svg class="Event5_sp">
-			<rect id="Event5_sp" rx="0" ry="0" x="0" y="0" width="33" height="32">
+	<div onclick="application.goToTargetView(event)" id="Event5_x" class="Event5">
+		<svg class="Event5_ya">
+			<rect id="Event5_ya" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_sq" class="Event6">
-		<svg class="Event6_sr">
-			<rect id="Event6_sr" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_ya" class="Event6">
+		<svg class="Event6_yb">
+			<rect id="Event6_yb" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_ss" class="HELPButton">
-		<svg class="HELPButton_st">
-			<rect id="HELPButton_st" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_yc" class="HELPButton">
+		<svg class="HELPButton_yd">
+			<rect id="HELPButton_yd" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_su" class="TestRusltButton">
-		<svg class="TestRusltButton_sv">
-			<rect id="TestRusltButton_sv" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_ye" class="TestRusltButton">
+		<svg class="TestRusltButton_yf">
+			<rect id="TestRusltButton_yf" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_sw" class="CurveButton">
-		<svg class="CurveButton_sx">
-			<rect id="CurveButton_sx" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_yg" class="CurveButton">
+		<svg class="CurveButton_yh">
+			<rect id="CurveButton_yh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_sy" class="TableButton">
-		<svg class="TableButton_sz">
-			<rect id="TableButton_sz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_yi" class="TableButton">
+		<svg class="TableButton_yj">
+			<rect id="TableButton_yj" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_s" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_ta">
-			<rect id="HOMEBUTTON_ta" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_yk" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_yl">
+			<rect id="HOMEBUTTON_yl" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_s">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_s" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_ym">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ym" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E3.html
old mode 100644
new mode 100755
index 00703ec..72e7b51
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E3.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_s {
+	#n_22_yq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_yq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_yr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_yr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_ys {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ys {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_22_yt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_yt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_yu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_yu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin_yv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_yv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_yw {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_yw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_yx {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_yx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_yy {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_yy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_yz {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_yz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#n_23_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#Event1_y {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_ta {
+	#Event1_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_ta {
+	.Event1_za {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_s {
+	#Event2_y {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_ta {
+	#Event2_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_ta {
+	.Event2_za {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_ta {
+	#Event3_y {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -118,7 +316,7 @@
 		top: 375px;
 		overflow: visible;
 	}
-	#Event3_tb {
+	#Event3_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -128,7 +326,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_tb {
+	.Event3_za {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -136,7 +334,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_tc {
+	#Event4_y {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +346,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_td {
+	#Event4_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_td {
+	.Event4_za {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +364,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_te {
+	#Event5_y {
 		position: absolute;
 		width: 33px;
 		height: 32px;
@@ -178,7 +376,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_tf {
+	#Event5_za {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_tf {
+	.Event5_za {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_tg {
+	#Event6_zb {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_th {
+	#Event6_zc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_th {
+	.Event6_zc {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_ti {
+	#HELPButton_zd {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E3.html;
 		cursor: pointer;
 	}
-	#HELPButton_tj {
+	#HELPButton_ze {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_tj {
+	.HELPButton_ze {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_tk {
+	#TestRusltButton_zf {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E3.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_tl {
+	#TestRusltButton_zg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_tl {
+	.TestRusltButton_zg {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_tm {
+	#CurveButton_zh {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E3.html;
 		cursor: pointer;
 	}
-	#CurveButton_tn {
+	#CurveButton_zi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_tn {
+	.CurveButton_zi {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_to {
+	#TableButton_zj {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_tp {
+	#TableButton_zk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_tp {
+	.TableButton_zk {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_tq {
+	#BackButton_zl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -356,7 +554,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_tq {
+	.BackButton_zl {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3284,68 +3482,112 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E3">
 	<img id="n_180" src="n_180.png" srcset="n_180.png 1x, n_180@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_s" class="Event1">
-		<svg class="Event1_ta">
-			<rect id="Event1_ta" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_22_yq">
+		<ellipse id="n_22_yq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_yr">
+		<ellipse id="n_22_yr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_ys">
+		<ellipse id="n_22_ys" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_yt">
+		<ellipse id="n_22_yt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_yu">
+		<ellipse id="n_22_yu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_yv">
+		<ellipse id="n_36_thin_yv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_yw">
+		<ellipse id="n_36_thin_yw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_yx">
+		<ellipse id="n_36_thin_yx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_yy">
+		<ellipse id="n_36_thin_yy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_yz">
+		<ellipse id="n_36_thin_yz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_y">
+		<ellipse id="n_23_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_y" class="Event1">
+		<svg class="Event1_za">
+			<rect id="Event1_za" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_s" class="Event2">
-		<svg class="Event2_ta">
-			<rect id="Event2_ta" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_y" class="Event2">
+		<svg class="Event2_za">
+			<rect id="Event2_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event3_ta" class="Event3">
-		<svg class="Event3_tb">
-			<rect id="Event3_tb" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event3_y" class="Event3">
+		<svg class="Event3_za">
+			<rect id="Event3_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_tc" class="Event4">
-		<svg class="Event4_td">
-			<rect id="Event4_td" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_y" class="Event4">
+		<svg class="Event4_za">
+			<rect id="Event4_za" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_te" class="Event5">
-		<svg class="Event5_tf">
-			<rect id="Event5_tf" rx="0" ry="0" x="0" y="0" width="33" height="32">
+	<div onclick="application.goToTargetView(event)" id="Event5_y" class="Event5">
+		<svg class="Event5_za">
+			<rect id="Event5_za" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_tg" class="Event6">
-		<svg class="Event6_th">
-			<rect id="Event6_th" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_zb" class="Event6">
+		<svg class="Event6_zc">
+			<rect id="Event6_zc" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_ti" class="HELPButton">
-		<svg class="HELPButton_tj">
-			<rect id="HELPButton_tj" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_zd" class="HELPButton">
+		<svg class="HELPButton_ze">
+			<rect id="HELPButton_ze" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_tk" class="TestRusltButton">
-		<svg class="TestRusltButton_tl">
-			<rect id="TestRusltButton_tl" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_zf" class="TestRusltButton">
+		<svg class="TestRusltButton_zg">
+			<rect id="TestRusltButton_zg" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_tm" class="CurveButton">
-		<svg class="CurveButton_tn">
-			<rect id="CurveButton_tn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_zh" class="CurveButton">
+		<svg class="CurveButton_zi">
+			<rect id="CurveButton_zi" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_to" class="TableButton">
-		<svg class="TableButton_tp">
-			<rect id="TableButton_tp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_zj" class="TableButton">
+		<svg class="TableButton_zk">
+			<rect id="TableButton_zk" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_tq">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_tq" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_zl">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_zl" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E4.html
old mode 100644
new mode 100755
index 9d0f84c..19bb952
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E4.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_tu {
+	#n_22_zp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_zp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_zq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_zq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_zr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_zr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_22_zs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_zs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_zt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_zt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin_zu {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_zu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_zv {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_zv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_zw {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_zw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_zx {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_zx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_zy {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_zy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#n_23_zz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_zz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#Event1_z {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_tv {
+	#Event1_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_tv {
+	.Event1_a {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_tw {
+	#Event2_z {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_tx {
+	#Event2_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_tx {
+	.Event2_a {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_ty {
+	#Event3_z {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_tz {
+	#Event3_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_tz {
+	.Event3_a {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_t {
+	#Event4_z {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -148,7 +346,7 @@
 		top: 296px;
 		overflow: visible;
 	}
-	#Event4_ua {
+	#Event4_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -158,7 +356,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_ua {
+	.Event4_a {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -166,7 +364,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_t {
+	#Event5_z {
 		position: absolute;
 		width: 33px;
 		height: 32px;
@@ -178,7 +376,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_ua {
+	#Event5_a {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_ua {
+	.Event5_a {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_t {
+	#Event6_a {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_ua {
+	#Event6_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_ua {
+	.Event6_b {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_t {
+	#HELPButton_c {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E4.html;
 		cursor: pointer;
 	}
-	#HELPButton_ua {
+	#HELPButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_ua {
+	.HELPButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_t {
+	#TestRusltButton_e {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E4.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_ua {
+	#TestRusltButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_ua {
+	.TestRusltButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_ua {
+	#CurveButton_h {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E4.html;
 		cursor: pointer;
 	}
-	#CurveButton_ub {
+	#CurveButton_i {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_ub {
+	.CurveButton_i {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_uc {
+	#TableButton_i {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_ud {
+	#TableButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_ud {
+	.TableButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_ue {
+	#HOMEBUTTON_k {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_uf {
+	#HOMEBUTTON_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_uf {
+	.HOMEBUTTON_m {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -376,7 +574,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_ug {
+	#BackButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -386,7 +584,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ug {
+	.BackButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3314,74 +3512,118 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E4">
 	<img id="n_181" src="n_181.png" srcset="n_181.png 1x, n_181@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_tu" class="Event1">
-		<svg class="Event1_tv">
-			<rect id="Event1_tv" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_22_zp">
+		<ellipse id="n_22_zp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_zq">
+		<ellipse id="n_22_zq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_zr">
+		<ellipse id="n_22_zr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_zs">
+		<ellipse id="n_22_zs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_zt">
+		<ellipse id="n_22_zt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_zu">
+		<ellipse id="n_36_thin_zu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_zv">
+		<ellipse id="n_36_thin_zv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_zw">
+		<ellipse id="n_36_thin_zw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_zx">
+		<ellipse id="n_36_thin_zx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_zy">
+		<ellipse id="n_36_thin_zy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_zz">
+		<ellipse id="n_23_zz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_z" class="Event1">
+		<svg class="Event1_a">
+			<rect id="Event1_a" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_tw" class="Event2">
-		<svg class="Event2_tx">
-			<rect id="Event2_tx" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_z" class="Event2">
+		<svg class="Event2_a">
+			<rect id="Event2_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_ty" class="Event3">
-		<svg class="Event3_tz">
-			<rect id="Event3_tz" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_z" class="Event3">
+		<svg class="Event3_a">
+			<rect id="Event3_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event4_t" class="Event4">
-		<svg class="Event4_ua">
-			<rect id="Event4_ua" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div id="Event4_z" class="Event4">
+		<svg class="Event4_a">
+			<rect id="Event4_a" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_t" class="Event5">
-		<svg class="Event5_ua">
-			<rect id="Event5_ua" rx="0" ry="0" x="0" y="0" width="33" height="32">
+	<div onclick="application.goToTargetView(event)" id="Event5_z" class="Event5">
+		<svg class="Event5_a">
+			<rect id="Event5_a" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_t" class="Event6">
-		<svg class="Event6_ua">
-			<rect id="Event6_ua" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_a" class="Event6">
+		<svg class="Event6_b">
+			<rect id="Event6_b" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_t" class="HELPButton">
-		<svg class="HELPButton_ua">
-			<rect id="HELPButton_ua" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_c" class="HELPButton">
+		<svg class="HELPButton_d">
+			<rect id="HELPButton_d" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_t" class="TestRusltButton">
-		<svg class="TestRusltButton_ua">
-			<rect id="TestRusltButton_ua" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_e" class="TestRusltButton">
+		<svg class="TestRusltButton_f">
+			<rect id="TestRusltButton_f" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_ua" class="CurveButton">
-		<svg class="CurveButton_ub">
-			<rect id="CurveButton_ub" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_h" class="CurveButton">
+		<svg class="CurveButton_i">
+			<rect id="CurveButton_i" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_uc" class="TableButton">
-		<svg class="TableButton_ud">
-			<rect id="TableButton_ud" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_i" class="TableButton">
+		<svg class="TableButton_j">
+			<rect id="TableButton_j" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_ue" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_uf">
-			<rect id="HOMEBUTTON_uf" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_k" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_m">
+			<rect id="HOMEBUTTON_m" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_ug">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_ug" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_m">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_m" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E5.html
old mode 100644
new mode 100755
index ca38e3a..3b80e88
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E5.html
@@ -50,7 +50,205 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_uk {
+	#n_22_r {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_r {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_s {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_s {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_t {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_t {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_22_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_w {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin_v {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_w {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_w {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_x {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_y {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_z {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#n_23_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
+	#Event1_ {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +260,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_ul {
+	#Event1_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +270,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_ul {
+	.Event1_b {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +278,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_um {
+	#Event2_ {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +290,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_un {
+	#Event2_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +300,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_un {
+	.Event2_b {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +308,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_uo {
+	#Event3_ {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +320,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_up {
+	#Event3_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +330,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_up {
+	.Event3_b {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +338,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_uq {
+	#Event4_ {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -152,7 +350,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_ur {
+	#Event4_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +360,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_ur {
+	.Event4_b {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -170,7 +368,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_us {
+	#Event5_ {
 		position: absolute;
 		width: 33px;
 		height: 32px;
@@ -178,7 +376,7 @@
 		top: 220px;
 		overflow: visible;
 	}
-	#Event5_ut {
+	#Event5_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +386,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_ut {
+	.Event5_b {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -196,7 +394,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_uu {
+	#Event6_c {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +406,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#Event6_uv {
+	#Event6_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +416,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_uv {
+	.Event6_d {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +424,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_uw {
+	#HELPButton_e {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +436,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E5.html;
 		cursor: pointer;
 	}
-	#HELPButton_ux {
+	#HELPButton_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +446,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_ux {
+	.HELPButton_f {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +454,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_uy {
+	#TestRusltButton_g {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +466,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E5.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_uz {
+	#TestRusltButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +476,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_uz {
+	.TestRusltButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +484,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_u {
+	#CurveButton_j {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +496,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E5.html;
 		cursor: pointer;
 	}
-	#CurveButton_va {
+	#CurveButton_k {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +506,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_va {
+	.CurveButton_k {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +514,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_u {
+	#TableButton_m {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +526,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_va {
+	#TableButton_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +536,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_va {
+	.TableButton_n {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +544,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_u {
+	#HOMEBUTTON_n {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +556,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_va {
+	#HOMEBUTTON_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_va {
+	.HOMEBUTTON_o {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -376,7 +574,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_u {
+	#BackButton_n {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -386,7 +584,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_u {
+	.BackButton_n {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3314,74 +3512,118 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E5">
 	<img id="n_183" src="n_183.png" srcset="n_183.png 1x, n_183@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_uk" class="Event1">
-		<svg class="Event1_ul">
-			<rect id="Event1_ul" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_22_r">
+		<ellipse id="n_22_r" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_s">
+		<ellipse id="n_22_s" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_t">
+		<ellipse id="n_22_t" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_v">
+		<ellipse id="n_22_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_w">
+		<ellipse id="n_22_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_v">
+		<ellipse id="n_36_thin_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_w">
+		<ellipse id="n_36_thin_w" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_x">
+		<ellipse id="n_36_thin_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_y">
+		<ellipse id="n_36_thin_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_z">
+		<ellipse id="n_36_thin_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_23_">
+		<ellipse id="n_23_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_" class="Event1">
+		<svg class="Event1_b">
+			<rect id="Event1_b" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_um" class="Event2">
-		<svg class="Event2_un">
-			<rect id="Event2_un" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_" class="Event2">
+		<svg class="Event2_b">
+			<rect id="Event2_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_uo" class="Event3">
-		<svg class="Event3_up">
-			<rect id="Event3_up" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_" class="Event3">
+		<svg class="Event3_b">
+			<rect id="Event3_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_uq" class="Event4">
-		<svg class="Event4_ur">
-			<rect id="Event4_ur" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_" class="Event4">
+		<svg class="Event4_b">
+			<rect id="Event4_b" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event5_us" class="Event5">
-		<svg class="Event5_ut">
-			<rect id="Event5_ut" rx="0" ry="0" x="0" y="0" width="33" height="32">
+	<div id="Event5_" class="Event5">
+		<svg class="Event5_b">
+			<rect id="Event5_b" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event6_uu" class="Event6">
-		<svg class="Event6_uv">
-			<rect id="Event6_uv" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div onclick="application.goToTargetView(event)" id="Event6_c" class="Event6">
+		<svg class="Event6_d">
+			<rect id="Event6_d" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_uw" class="HELPButton">
-		<svg class="HELPButton_ux">
-			<rect id="HELPButton_ux" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_e" class="HELPButton">
+		<svg class="HELPButton_f">
+			<rect id="HELPButton_f" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_uy" class="TestRusltButton">
-		<svg class="TestRusltButton_uz">
-			<rect id="TestRusltButton_uz" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_g" class="TestRusltButton">
+		<svg class="TestRusltButton_h">
+			<rect id="TestRusltButton_h" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_u" class="CurveButton">
-		<svg class="CurveButton_va">
-			<rect id="CurveButton_va" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_j" class="CurveButton">
+		<svg class="CurveButton_k">
+			<rect id="CurveButton_k" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_u" class="TableButton">
-		<svg class="TableButton_va">
-			<rect id="TableButton_va" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_m" class="TableButton">
+		<svg class="TableButton_n">
+			<rect id="TableButton_n" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_u" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_va">
-			<rect id="HOMEBUTTON_va" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_n" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_o">
+			<rect id="HOMEBUTTON_o" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_u">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_u" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_n">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_n" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_E6.html
old mode 100644
new mode 100755
index abacf37..cf8212a
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_E6.html
@@ -50,7 +50,187 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#Event1_va {
+	#n_22_x {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_x {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_y {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_y {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 250px;
+		top: 97px;
+	}
+	#n_22_z {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_z {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_22_ {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 600px;
+	}
+	#n_22_a {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 16px;
+		top: 549px;
+	}
+	#n_36_thin_ {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_ {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 94px;
+		top: 143px;
+	}
+	#n_36_thin_a {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_a {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 220px;
+	}
+	#n_36_thin_b {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 304px;
+	}
+	#n_36_thin_c {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 93px;
+		top: 383px;
+	}
+	#n_36_thin_d {
+		opacity: 0.3;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_36_thin_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 92px;
+		top: 462px;
+	}
+	#Event1_c {
 		position: absolute;
 		width: 24px;
 		height: 13px;
@@ -62,7 +242,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#Event1_vb {
+	#Event1_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event1_vb {
+	.Event1_d {
 		position: absolute;
 		overflow: visible;
 		width: 24px;
@@ -80,7 +260,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event2_vc {
+	#Event2_c {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -92,7 +272,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#Event2_vd {
+	#Event2_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +282,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event2_vd {
+	.Event2_d {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -110,7 +290,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event3_ve {
+	#Event3_c {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -122,7 +302,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#Event3_vf {
+	#Event3_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +312,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event3_vf {
+	.Event3_d {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -140,7 +320,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event4_vg {
+	#Event4_c {
 		position: absolute;
 		width: 32px;
 		height: 39px;
@@ -152,7 +332,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#Event4_vh {
+	#Event4_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +342,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event4_vh {
+	.Event4_d {
 		position: absolute;
 		overflow: visible;
 		width: 32px;
@@ -170,7 +350,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event5_vi {
+	#Event5_c {
 		position: absolute;
 		width: 33px;
 		height: 32px;
@@ -182,7 +362,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#Event5_vj {
+	#Event5_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +372,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event5_vj {
+	.Event5_d {
 		position: absolute;
 		overflow: visible;
 		width: 33px;
@@ -200,7 +380,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#Event6_vk {
+	#Event6_e {
 		position: absolute;
 		width: 20px;
 		height: 14px;
@@ -208,7 +388,7 @@
 		top: 147px;
 		overflow: visible;
 	}
-	#Event6_vl {
+	#Event6_f {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -218,7 +398,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.Event6_vl {
+	.Event6_f {
 		position: absolute;
 		overflow: visible;
 		width: 20px;
@@ -226,7 +406,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HELPButton_vm {
+	#HELPButton_g {
 		position: absolute;
 		width: 40px;
 		height: 31px;
@@ -238,7 +418,7 @@
 		--web-action-target: OTDR_1_EventMap_HELP_E6.html;
 		cursor: pointer;
 	}
-	#HELPButton_vn {
+	#HELPButton_h {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -248,7 +428,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HELPButton_vn {
+	.HELPButton_h {
 		position: absolute;
 		overflow: visible;
 		width: 40px;
@@ -256,7 +436,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TestRusltButton_vo {
+	#TestRusltButton_i {
 		position: absolute;
 		width: 290px;
 		height: 183px;
@@ -268,7 +448,7 @@
 		--web-action-target: OTDR_1_EventMap_Detail_E6.html;
 		cursor: pointer;
 	}
-	#TestRusltButton_vp {
+	#TestRusltButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -278,7 +458,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TestRusltButton_vp {
+	.TestRusltButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 290px;
@@ -286,7 +466,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_vq {
+	#CurveButton_l {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -298,7 +478,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E6.html;
 		cursor: pointer;
 	}
-	#CurveButton_vr {
+	#CurveButton_m {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -308,7 +488,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_vr {
+	.CurveButton_m {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -316,7 +496,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#TableButton_vs {
+	#TableButton_o {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -328,7 +508,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#TableButton_vt {
+	#TableButton_q {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -338,7 +518,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.TableButton_vt {
+	.TableButton_q {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -346,7 +526,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_vu {
+	#HOMEBUTTON_q {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -358,7 +538,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_vv {
+	#HOMEBUTTON_r {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -368,7 +548,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_vv {
+	.HOMEBUTTON_r {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -376,7 +556,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_vw {
+	#BackButton_o {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -386,7 +566,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_vw {
+	.BackButton_o {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -398,6 +578,24 @@
 		--web-action-target: SETCOMP_LA_TA_OK_SaveResult.html;
 		cursor: pointer;
 	}
+	#n_23_o {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_23_o {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 377px;
+		top: 298px;
+	}
 </style>
 <script id="applicationScript">
 ///////////////////////////////////////
@@ -3314,76 +3512,120 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-E6">
 	<img id="n_182" src="n_182.png" srcset="n_182.png 1x">
 		
-	<div onclick="application.goToTargetView(event)" id="Event1_va" class="Event1">
-		<svg class="Event1_vb">
-			<rect id="Event1_vb" rx="0" ry="0" x="0" y="0" width="24" height="13">
+	<svg class="n_22_x">
+		<ellipse id="n_22_x" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_y">
+		<ellipse id="n_22_y" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_z">
+		<ellipse id="n_22_z" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_">
+		<ellipse id="n_22_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_a">
+		<ellipse id="n_22_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_">
+		<ellipse id="n_36_thin_" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_a">
+		<ellipse id="n_36_thin_a" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_b">
+		<ellipse id="n_36_thin_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_c">
+		<ellipse id="n_36_thin_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_36_thin_d">
+		<ellipse id="n_36_thin_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="Event1_c" class="Event1">
+		<svg class="Event1_d">
+			<rect id="Event1_d" rx="0" ry="0" x="0" y="0" width="24" height="13">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event2_vc" class="Event2">
-		<svg class="Event2_vd">
-			<rect id="Event2_vd" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event2_c" class="Event2">
+		<svg class="Event2_d">
+			<rect id="Event2_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event3_ve" class="Event3">
-		<svg class="Event3_vf">
-			<rect id="Event3_vf" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event3_c" class="Event3">
+		<svg class="Event3_d">
+			<rect id="Event3_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event4_vg" class="Event4">
-		<svg class="Event4_vh">
-			<rect id="Event4_vh" rx="0" ry="0" x="0" y="0" width="32" height="39">
+	<div onclick="application.goToTargetView(event)" id="Event4_c" class="Event4">
+		<svg class="Event4_d">
+			<rect id="Event4_d" rx="0" ry="0" x="0" y="0" width="32" height="39">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="Event5_vi" class="Event5">
-		<svg class="Event5_vj">
-			<rect id="Event5_vj" rx="0" ry="0" x="0" y="0" width="33" height="32">
+	<div onclick="application.goToTargetView(event)" id="Event5_c" class="Event5">
+		<svg class="Event5_d">
+			<rect id="Event5_d" rx="0" ry="0" x="0" y="0" width="33" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div id="Event6_vk" class="Event6">
-		<svg class="Event6_vl">
-			<rect id="Event6_vl" rx="0" ry="0" x="0" y="0" width="20" height="14">
+	<div id="Event6_e" class="Event6">
+		<svg class="Event6_f">
+			<rect id="Event6_f" rx="0" ry="0" x="0" y="0" width="20" height="14">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HELPButton_vm" class="HELPButton">
-		<svg class="HELPButton_vn">
-			<rect id="HELPButton_vn" rx="0" ry="0" x="0" y="0" width="40" height="31">
+	<div onclick="application.goToTargetView(event)" id="HELPButton_g" class="HELPButton">
+		<svg class="HELPButton_h">
+			<rect id="HELPButton_h" rx="0" ry="0" x="0" y="0" width="40" height="31">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TestRusltButton_vo" class="TestRusltButton">
-		<svg class="TestRusltButton_vp">
-			<rect id="TestRusltButton_vp" rx="0" ry="0" x="0" y="0" width="290" height="183">
+	<div onclick="application.goToTargetView(event)" id="TestRusltButton_i" class="TestRusltButton">
+		<svg class="TestRusltButton_j">
+			<rect id="TestRusltButton_j" rx="0" ry="0" x="0" y="0" width="290" height="183">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_vq" class="CurveButton">
-		<svg class="CurveButton_vr">
-			<rect id="CurveButton_vr" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_l" class="CurveButton">
+		<svg class="CurveButton_m">
+			<rect id="CurveButton_m" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="TableButton_vs" class="TableButton">
-		<svg class="TableButton_vt">
-			<rect id="TableButton_vt" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="TableButton_o" class="TableButton">
+		<svg class="TableButton_q">
+			<rect id="TableButton_q" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_vu" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_vv">
-			<rect id="HOMEBUTTON_vv" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_q" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_r">
+			<rect id="HOMEBUTTON_r" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_vw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_vw" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_o">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_o" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
+	<svg class="n_23_o">
+		<ellipse id="n_23_o" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1.html
old mode 100644
new mode 100755
index aa5d760..a2a4ac6
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1.html
@@ -50,6 +50,24 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_22_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
 	#BackButton_v {
 		position: absolute;
 		width: 58px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#BackButton_wa {
+	#BackButton_w {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wa {
+	.BackButton_w {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E1">
 	<img id="n_71" src="n_71.png" srcset="n_71.png 1x, n_71@2x.png 2x">
 		
+	<svg class="n_22_b">
+		<ellipse id="n_22_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="BackButton_v" class="BackButton">
-		<svg class="BackButton_wa">
-			<rect id="BackButton_wa" rx="0" ry="0" x="0" y="0" width="58" height="34">
+		<svg class="BackButton_w">
+			<rect id="BackButton_w" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___1.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___1.html
old mode 100644
new mode 100755
index bd544e3..15a26f3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_f {
+	#n_71_bjq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbk {
+	#n_22_bjr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bjr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bjs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbk {
+	.BackButton_bjs {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__1">
-	<img id="n_71_f" src="n_71_f.png" srcset="n_71_f.png 1x, n_71_f@2x.png 2x">
+	<img id="n_71_bjq" src="n_71_bjq.png" srcset="n_71_bjq.png 1x, n_71_bjq@2x.png 2x">
 		
-	<svg class="BackButton_bbk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_bjr">
+		<ellipse id="n_22_bjr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bjs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bjs" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___10.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___10.html
old mode 100644
new mode 100755
index a2db045..2f67327
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___10.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___10.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bp {
+	#n_71_cvg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cag {
+	#n_22_cvh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cvh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cvi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cag {
+	.BackButton_cvi {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__10">
-	<img id="n_71_bp" src="n_71_bp.png" srcset="n_71_bp.png 1x, n_71_bp@2x.png 2x">
+	<img id="n_71_cvg" src="n_71_cvg.png" srcset="n_71_cvg.png 1x, n_71_cvg@2x.png 2x">
 		
-	<svg class="BackButton_cag">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cag" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cvh">
+		<ellipse id="n_22_cvh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cvi">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cvi" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___11.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___11.html
old mode 100644
new mode 100755
index f02369c..edcb954
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___11.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___11.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_b {
+	#n_71_cvv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_caj {
+	#n_22_cvw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cvw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cvx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caj {
+	.BackButton_cvx {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__11">
-	<img id="n_71_b" src="n_71_b.png" srcset="n_71_b.png 1x, n_71_b@2x.png 2x">
+	<img id="n_71_cvv" src="n_71_cvv.png" srcset="n_71_cvv.png 1x, n_71_cvv@2x.png 2x">
 		
-	<svg class="BackButton_caj">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caj" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cvw">
+		<ellipse id="n_22_cvw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cvx">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cvx" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___12.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___12.html
old mode 100644
new mode 100755
index 7478790..e1f73b3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___12.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___12.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_by {
+	#n_71_cxa {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cam {
+	#n_22_cxb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cxb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cxc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cam {
+	.BackButton_cxc {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__12">
-	<img id="n_71_by" src="n_71_by.png" srcset="n_71_by.png 1x, n_71_by@2x.png 2x">
+	<img id="n_71_cxa" src="n_71_cxa.png" srcset="n_71_cxa.png 1x, n_71_cxa@2x.png 2x">
 		
-	<svg class="BackButton_cam">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cam" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cxb">
+		<ellipse id="n_22_cxb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cxc">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cxc" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___13.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___13.html
old mode 100644
new mode 100755
index c3a1238..8773aca
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___13.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___13.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bu {
+	#n_71_cvl {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cah {
+	#n_22_cvm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cvm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cvn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cah {
+	.BackButton_cvn {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__13">
-	<img id="n_71_bu" src="n_71_bu.png" srcset="n_71_bu.png 1x, n_71_bu@2x.png 2x">
+	<img id="n_71_cvl" src="n_71_cvl.png" srcset="n_71_cvl.png 1x, n_71_cvl@2x.png 2x">
 		
-	<svg class="BackButton_cah">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cah" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cvm">
+		<ellipse id="n_22_cvm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cvn">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cvn" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___2.html
old mode 100644
new mode 100755
index 51a0d66..307c03e
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_be {
+	#n_71_bun {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bfa {
+	#n_22_buo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_buo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bup {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bfa {
+	.BackButton_bup {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__2">
-	<img id="n_71_be" src="n_71_be.png" srcset="n_71_be.png 1x, n_71_be@2x.png 2x">
+	<img id="n_71_bun" src="n_71_bun.png" srcset="n_71_bun.png 1x, n_71_bun@2x.png 2x">
 		
-	<svg class="BackButton_bfa">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bfa" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_buo">
+		<ellipse id="n_22_buo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bup">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bup" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___3.html
old mode 100644
new mode 100755
index 162ae43..1fe5fa7
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bfa {
+	#n_71_bus {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bfb {
+	#n_22_but {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_but {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_buu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bfb {
+	.BackButton_buu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__3">
-	<img id="n_71_bfa" src="n_71_bfa.png" srcset="n_71_bfa.png 1x, n_71_bfa@2x.png 2x">
+	<img id="n_71_bus" src="n_71_bus.png" srcset="n_71_bus.png 1x, n_71_bus@2x.png 2x">
 		
-	<svg class="BackButton_bfb">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bfb" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_but">
+		<ellipse id="n_22_but" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_buu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_buu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___4.html
old mode 100644
new mode 100755
index daadb84..8c78562
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___4.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bj {
+	#n_71_bb {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bka {
+	#n_22_cab {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cab {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bka {
+	.BackButton_bt {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__4">
-	<img id="n_71_bj" src="n_71_bj.png" srcset="n_71_bj.png 1x, n_71_bj@2x.png 2x">
+	<img id="n_71_bb" src="n_71_bb.png" srcset="n_71_bb.png 1x, n_71_bb@2x.png 2x">
 		
-	<svg class="BackButton_bka">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bka" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cab">
+		<ellipse id="n_22_cab" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bt">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bt" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___5.html
old mode 100644
new mode 100755
index 19366b0..4e27f43
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___5.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bsj {
+	#n_71_cf {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bsk {
+	#n_22_cf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bsk {
+	.BackButton_cga {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__5">
-	<img id="n_71_bsj" src="n_71_bsj.png" srcset="n_71_bsj.png 1x, n_71_bsj@2x.png 2x">
+	<img id="n_71_cf" src="n_71_cf.png" srcset="n_71_cf.png 1x, n_71_cf@2x.png 2x">
 		
-	<svg class="BackButton_bsk">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bsk" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cf">
+		<ellipse id="n_22_cf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cga">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cga" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___6.html
old mode 100644
new mode 100755
index ef58348..4da4ece
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___6.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bl {
+	#n_71_cvb {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_caf {
+	#n_22_cvc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cvc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cvd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_caf {
+	.BackButton_cvd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__6">
-	<img id="n_71_bl" src="n_71_bl.png" srcset="n_71_bl.png 1x, n_71_bl@2x.png 2x">
+	<img id="n_71_cvb" src="n_71_cvb.png" srcset="n_71_cvb.png 1x, n_71_cvb@2x.png 2x">
 		
-	<svg class="BackButton_caf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_caf" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cvc">
+		<ellipse id="n_22_cvc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cvd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cvd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___7.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___7.html
old mode 100644
new mode 100755
index 8863312..e148b8b
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___7.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___7.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bx {
+	#n_71_cvq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cai {
+	#n_22_cvr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cvr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cvs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cai {
+	.BackButton_cvs {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__7">
-	<img id="n_71_bx" src="n_71_bx.png" srcset="n_71_bx.png 1x, n_71_bx@2x.png 2x">
+	<img id="n_71_cvq" src="n_71_cvq.png" srcset="n_71_cvq.png 1x, n_71_cvq@2x.png 2x">
 		
-	<svg class="BackButton_cai">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cai" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cvr">
+		<ellipse id="n_22_cvr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cvs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cvs" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___8.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___8.html
old mode 100644
new mode 100755
index b6d4657..be3310b
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___8.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___8.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bka {
+	#n_71_bg {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bkb {
+	#n_22_cac {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cac {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bkb {
+	.BackButton_bu {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__8">
-	<img id="n_71_bka" src="n_71_bka.png" srcset="n_71_bka.png 1x, n_71_bka@2x.png 2x">
+	<img id="n_71_bg" src="n_71_bg.png" srcset="n_71_bg.png 1x, n_71_bg@2x.png 2x">
 		
-	<svg class="BackButton_bkb">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bkb" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cac">
+		<ellipse id="n_22_cac" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bu" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___9.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___9.html
old mode 100644
new mode 100755
index c59c596..cfe04e3
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___9.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E1___9.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_71_bsn {
+	#n_71_cgc {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bso {
+	#n_22_cgd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cgd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_cge {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bso {
+	.BackButton_cge {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-EventMap-HELP-E1__9">
-	<img id="n_71_bsn" src="n_71_bsn.png" srcset="n_71_bsn.png 1x, n_71_bsn@2x.png 2x">
+	<img id="n_71_cgc" src="n_71_cgc.png" srcset="n_71_cgc.png 1x, n_71_cgc@2x.png 2x">
 		
-	<svg class="BackButton_bso">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bso" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_cgd">
+		<ellipse id="n_22_cgd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_cge">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cge" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E2.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E2.html
old mode 100644
new mode 100755
index 8011825..b211324
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E2.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E2.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wb {
+	#n_22_c {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_c {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_z {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E2.html;
 		cursor: pointer;
 	}
-	#BackButton_wc {
+	#BackButton_ {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wc {
+	.BackButton_ {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E2">
 	<img id="n_70" src="n_70.png" srcset="n_70.png 1x, n_70@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wb" class="BackButton">
-		<svg class="BackButton_wc">
-			<rect id="BackButton_wc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_c">
+		<ellipse id="n_22_c" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_z" class="BackButton">
+		<svg class="BackButton_">
+			<rect id="BackButton_" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E3.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E3.html
old mode 100644
new mode 100755
index f5eaffb..856d9ac
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E3.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E3.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wd {
+	#n_22_d {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_d {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_a {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E3.html;
 		cursor: pointer;
 	}
-	#BackButton_we {
+	#BackButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_we {
+	.BackButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E3">
 	<img id="n_69" src="n_69.png" srcset="n_69.png 1x, n_69@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wd" class="BackButton">
-		<svg class="BackButton_we">
-			<rect id="BackButton_we" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_d">
+		<ellipse id="n_22_d" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_a" class="BackButton">
+		<svg class="BackButton_b">
+			<rect id="BackButton_b" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E4.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E4.html
old mode 100644
new mode 100755
index d58ec61..eb02daa
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E4.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E4.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wf {
+	#n_22_e {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_e {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_c {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E4.html;
 		cursor: pointer;
 	}
-	#BackButton_wg {
+	#BackButton_d {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wg {
+	.BackButton_d {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E4">
 	<img id="n_68" src="n_68.png" srcset="n_68.png 1x, n_68@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wf" class="BackButton">
-		<svg class="BackButton_wg">
-			<rect id="BackButton_wg" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_e">
+		<ellipse id="n_22_e" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_c" class="BackButton">
+		<svg class="BackButton_d">
+			<rect id="BackButton_d" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E5.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E5.html
old mode 100644
new mode 100755
index 0c63bad..1db13ef
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E5.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E5.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wk {
+	#n_22_g {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_g {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_i {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E5.html;
 		cursor: pointer;
 	}
-	#BackButton_wl {
+	#BackButton_j {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wl {
+	.BackButton_j {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E5">
 	<img id="n_67" src="n_67.png" srcset="n_67.png 1x, n_67@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wk" class="BackButton">
-		<svg class="BackButton_wl">
-			<rect id="BackButton_wl" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_g">
+		<ellipse id="n_22_g" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_i" class="BackButton">
+		<svg class="BackButton_j">
+			<rect id="BackButton_j" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E6.html b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E6.html
old mode 100644
new mode 100755
index 46d64de..bf671fb
--- a/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E6.html
+++ b/public/flukemoni/Ex5/OTDR_1_EventMap_HELP_E6.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_wp {
+	#n_22_n {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_n {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_r {
 		position: absolute;
 		width: 58px;
 		height: 34px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_EventMap_E6.html;
 		cursor: pointer;
 	}
-	#BackButton_wq {
+	#BackButton_s {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_wq {
+	.BackButton_s {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-EventMap-HELP-E6">
 	<img id="n_66" src="n_66.png" srcset="n_66.png 1x, n_66@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_wp" class="BackButton">
-		<svg class="BackButton_wq">
-			<rect id="BackButton_wq" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="n_22_n">
+		<ellipse id="n_22_n" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_r" class="BackButton">
+		<svg class="BackButton_s">
+			<rect id="BackButton_s" rx="0" ry="0" x="0" y="0" width="58" height="34">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1310.html
old mode 100644
new mode 100755
index 02b460e..3665f2c
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1310.html
@@ -50,6 +50,150 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_22 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_42 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_42 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_43 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_44 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_44 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_45 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_45 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_46 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_46 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#n_47 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_47 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#n_48 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_48 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 600px;
+	}
 	#LButton {
 		position: absolute;
 		width: 36px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#LButton_gr {
+	#LButton_gz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LButton_gr {
+	.LButton_gz {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#RButton_gt {
+	#RButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RButton_gt {
+	.RButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_gv {
+	#HelpButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_gv {
+	.HelpButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#DetailButton_gx {
+	#DetailButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_gx {
+	.DetailButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_gz {
+	#EvenTMapButton_g {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_gz {
+	.EvenTMapButton_g {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -242,7 +386,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_g {
+	#HOMEBUTTON_hb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_g {
+	.HOMEBUTTON_hb {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -3196,35 +3340,67 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-1310">
-	<img id="n_203" src="n_203.png" srcset="n_203.png 1x">
+	<img id="n_203" src="n_203.png" srcset="n_203.png 1x, n_203@2x.png 2x">
 		
+	<svg class="n_22">
+		<ellipse id="n_22" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_42">
+		<ellipse id="n_42" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43">
+		<ellipse id="n_43" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_44">
+		<ellipse id="n_44" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_45">
+		<ellipse id="n_45" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_46">
+		<ellipse id="n_46" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_47">
+		<ellipse id="n_47" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_48">
+		<ellipse id="n_48" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<div onclick="application.goToTargetView(event)" id="LButton" class="LButton">
-		<svg class="LButton_gr">
-			<ellipse id="LButton_gr" rx="18" ry="18.5" cx="18" cy="18.5">
+		<svg class="LButton_gz">
+			<ellipse id="LButton_gz" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="RButton" class="RButton">
-		<svg class="RButton_gt">
-			<ellipse id="RButton_gt" rx="18" ry="18.5" cx="18" cy="18.5">
+		<svg class="RButton_g">
+			<ellipse id="RButton_g" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HelpButton" class="HelpButton">
-		<svg class="HelpButton_gv">
-			<rect id="HelpButton_gv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+		<svg class="HelpButton_g">
+			<rect id="HelpButton_g" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="DetailButton" class="DetailButton">
-		<svg class="DetailButton_gx">
-			<rect id="DetailButton_gx" rx="0" ry="0" x="0" y="0" width="62" height="50">
+		<svg class="DetailButton_g">
+			<rect id="DetailButton_g" rx="0" ry="0" x="0" y="0" width="62" height="50">
 			</rect>
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="EvenTMapButton" class="EvenTMapButton">
-		<svg class="EvenTMapButton_gz">
-			<rect id="EvenTMapButton_gz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+		<svg class="EvenTMapButton_g">
+			<rect id="EvenTMapButton_g" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
@@ -3235,8 +3411,8 @@ window.application = new Application();
 		</svg>
 	</div>
 	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_g">
-			<rect id="HOMEBUTTON_g" rx="0" ry="0" x="0" y="0" width="63" height="51">
+		<svg class="HOMEBUTTON_hb">
+			<rect id="HOMEBUTTON_hb" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___1.html
old mode 100644
new mode 100755
index 1c74aee..76211d2
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___1.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bak {
+	#n_24_bm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_bna {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bna {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 97px;
+	}
+	#n_24_bnb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bnb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_24_bnc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bnc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 539px;
+	}
+	#n_24_bnd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bnd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_24_bne {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bne {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 537px;
+	}
+	#n_24_bnf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bnf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 599px;
+	}
+	#LButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +190,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___1.html;
 		cursor: pointer;
 	}
-	.LButton_bak {
+	.LButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +198,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bal {
+	#RButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +212,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___1.html;
 		cursor: pointer;
 	}
-	.RButton_bal {
+	.RButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +220,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_ba {
+	#HelpButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ba {
+	.HelpButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1310___1.html;
 		cursor: pointer;
 	}
-	#DetailButton_ban {
+	#DetailButton_bna {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_ban {
+	.DetailButton_bna {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bao {
+	#EvenTMapButton_bnb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bao {
+	.EvenTMapButton_bnb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#CurveButton_bap {
+	#CurveButton_bnc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bap {
+	.CurveButton_bnc {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbx {
+	#BackButton_bnd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbx {
+	.BackButton_bnd {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3120,32 +3246,60 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1310__1">
 	<img id="n_122" src="n_122.png" srcset="n_122.png 1x, n_122@2x.png 2x">
 		
-	<svg class="LButton_bak">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bak" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_bm">
+		<ellipse id="n_24_bm" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bal">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bal" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_bna">
+		<ellipse id="n_24_bna" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_ba" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_bnb">
+		<ellipse id="n_24_bnb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bnc">
+		<ellipse id="n_24_bnc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bnd">
+		<ellipse id="n_24_bnd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bne">
+		<ellipse id="n_24_bne" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bnf">
+		<ellipse id="n_24_bnf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_bm">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_bm" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_bm">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_bm" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bm">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bm" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_ban">
-		<rect onclick="application.goToTargetView(event)" id="DetailButton_ban" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_bna">
+		<rect onclick="application.goToTargetView(event)" id="DetailButton_bna" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bao">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bao" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bnb">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bnb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bap">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bap" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bnc">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bnc" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbx">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbx" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bnd">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bnd" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___2.html
old mode 100644
new mode 100755
index 2ebcd0f..efd1640
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___2.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bjj {
+	#n_24_bd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_be {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_be {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 97px;
+	}
+	#n_24_bf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_24_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 539px;
+	}
+	#n_24_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_24_bi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 537px;
+	}
+	#n_24_bj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 599px;
+	}
+	#LButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +190,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___2.html;
 		cursor: pointer;
 	}
-	.LButton_bjj {
+	.LButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +198,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bjk {
+	#RButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +212,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___2.html;
 		cursor: pointer;
 	}
-	.RButton_bjk {
+	.RButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +220,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_bjl {
+	#HelpButton_bo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bjl {
+	.HelpButton_bo {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1310___2.html;
 		cursor: pointer;
 	}
-	#DetailButton_bjm {
+	#DetailButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_bjm {
+	.DetailButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bjn {
+	#EvenTMapButton_bo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bjn {
+	.EvenTMapButton_bo {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#CurveButton_bjo {
+	#CurveButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bjo {
+	.CurveButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bjp {
+	#HOMEBUTTON_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bjp {
+	.HOMEBUTTON_bs {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -200,7 +326,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bjq {
+	#BackButton_bs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bjq {
+	.BackButton_bs {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3138,36 +3264,64 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1310__2">
 	<img id="n_158" src="n_158.png" srcset="n_158.png 1x, n_158@2x.png 2x">
 		
-	<svg class="LButton_bjj">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bjj" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_bd">
+		<ellipse id="n_24_bd" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bjk">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bjk" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_be">
+		<ellipse id="n_24_be" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bjl">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bjl" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_bf">
+		<ellipse id="n_24_bf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bg">
+		<ellipse id="n_24_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bh">
+		<ellipse id="n_24_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bi">
+		<ellipse id="n_24_bi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bj">
+		<ellipse id="n_24_bj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_bk">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_bk" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_bl">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_bl" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bo">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bo" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_bjm">
-		<rect onclick="application.goToTargetView(event)" id="DetailButton_bjm" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_bn">
+		<rect onclick="application.goToTargetView(event)" id="DetailButton_bn" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bjn">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bjn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bo">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bo" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bjo">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bjo" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bjp">
-		<rect id="HOMEBUTTON_bjp" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_bs">
+		<rect id="HOMEBUTTON_bs" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bjq">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bjq" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bs" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___3.html
old mode 100644
new mode 100755
index 0ce26df..f23a756
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1310___3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bju {
+	#n_22_caa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_caa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_67_bw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_67_bw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 125px;
+		top: 98px;
+	}
+	#n_68_bx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_68_bx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 98px;
+	}
+	#n_69_by {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_69_by {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 539px;
+	}
+	#n_70_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_70_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_71_ba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_71_ba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#LButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +172,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___3.html;
 		cursor: pointer;
 	}
-	.LButton_bju {
+	.LButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +180,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bjv {
+	#RButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +194,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___3.html;
 		cursor: pointer;
 	}
-	.RButton_bjv {
+	.RButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +202,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_bjw {
+	#HelpButton_bf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bjw {
+	.HelpButton_bf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1310___3.html;
 		cursor: pointer;
 	}
-	#DetailButton_bjx {
+	#DetailButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_bjx {
+	.DetailButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -134,7 +242,7 @@
 		left: 12px;
 		top: 585px;
 	}
-	#EvenTMapButton_bjy {
+	#EvenTMapButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bjy {
+	.EvenTMapButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -156,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#CurveButton_bjz {
+	#CurveButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bjz {
+	.CurveButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +286,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bj {
+	#HOMEBUTTON_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bj {
+	.HOMEBUTTON_b {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -196,7 +304,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bj {
+	#BackButton_bm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -206,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bj {
+	.BackButton_bm {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3134,36 +3242,60 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1310__3">
 	<img id="n_253" src="n_253.png" srcset="n_253.png 1x, n_253@2x.png 2x">
 		
-	<svg class="LButton_bju">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bju" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_22_caa">
+		<ellipse id="n_22_caa" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bjv">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bjv" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_67_bw">
+		<ellipse id="n_67_bw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bjw">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bjw" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_68_bx">
+		<ellipse id="n_68_bx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_69_by">
+		<ellipse id="n_69_by" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_70_bz">
+		<ellipse id="n_70_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_71_ba">
+		<ellipse id="n_71_ba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_b">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_b" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_b">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_b" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bf">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_bjx">
-		<rect id="DetailButton_bjx" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_b">
+		<rect id="DetailButton_b" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bjy">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bjy" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_b">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bjz">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bjz" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_b">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_b" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bj">
-		<rect id="HOMEBUTTON_bj" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_b">
+		<rect id="HOMEBUTTON_b" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bj">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bj" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bm">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bm" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1550.html
old mode 100644
new mode 100755
index 6b08748..2368fb8
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1550.html
@@ -50,7 +50,151 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_q {
+	#n_22_vy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_vy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_42_vz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_42_vz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 100px;
+	}
+	#n_43_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 97px;
+	}
+	#n_44_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_44_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 537px;
+	}
+	#n_45_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_45_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_46_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_46_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#n_47_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_47_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 424px;
+		top: 599px;
+	}
+	#n_48_v {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_48_v {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 600px;
+	}
+	#LButton_v {
 		position: absolute;
 		width: 36px;
 		height: 37px;
@@ -62,7 +206,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#LButton_ra {
+	#LButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LButton_ra {
+	.LButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -80,7 +224,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#RButton_ra {
+	#RButton_v {
 		position: absolute;
 		width: 36px;
 		height: 37px;
@@ -92,7 +236,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#RButton_rb {
+	#RButton_wa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +246,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RButton_rb {
+	.RButton_wa {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -110,7 +254,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HelpButton_rc {
+	#HelpButton_wa {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -122,7 +266,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_rd {
+	#HelpButton_wb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -132,7 +276,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_rd {
+	.HelpButton_wb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -140,7 +284,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#DetailButton_re {
+	#DetailButton_wc {
 		position: absolute;
 		width: 62px;
 		height: 50px;
@@ -152,7 +296,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#DetailButton_rf {
+	#DetailButton_wd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -162,7 +306,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_rf {
+	.DetailButton_wd {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -170,7 +314,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#EvenTMapButton_rg {
+	#EvenTMapButton_we {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -182,7 +326,7 @@
 		--web-action-target: OTDR_1_EventMap_E1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_rh {
+	#EvenTMapButton_wf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_rh {
+	.EvenTMapButton_wf {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -200,7 +344,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#CurveButton_ri {
+	#CurveButton_wg {
 		position: absolute;
 		width: 159px;
 		height: 34px;
@@ -212,7 +356,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1.html;
 		cursor: pointer;
 	}
-	#CurveButton_rj {
+	#CurveButton_wh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -222,7 +366,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_rj {
+	.CurveButton_wh {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -230,7 +374,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#HOMEBUTTON_rk {
+	#HOMEBUTTON_wi {
 		position: absolute;
 		width: 63px;
 		height: 51px;
@@ -242,7 +386,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_rl {
+	#HOMEBUTTON_wj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -252,7 +396,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_rl {
+	.HOMEBUTTON_wj {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -260,7 +404,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_rm {
+	#BackButton_wk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -270,7 +414,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_rm {
+	.BackButton_wk {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3198,50 +3342,82 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1550">
 	<img id="n_204" src="n_204.png" srcset="n_204.png 1x, n_204@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="LButton_q" class="LButton">
-		<svg class="LButton_ra">
-			<ellipse id="LButton_ra" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_22_vy">
+		<ellipse id="n_22_vy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_42_vz">
+		<ellipse id="n_42_vz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_v">
+		<ellipse id="n_43_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_44_v">
+		<ellipse id="n_44_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_45_v">
+		<ellipse id="n_45_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_46_v">
+		<ellipse id="n_46_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_47_v">
+		<ellipse id="n_47_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_48_v">
+		<ellipse id="n_48_v" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="LButton_v" class="LButton">
+		<svg class="LButton_wa">
+			<ellipse id="LButton_wa" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="RButton_ra" class="RButton">
-		<svg class="RButton_rb">
-			<ellipse id="RButton_rb" rx="18" ry="18.5" cx="18" cy="18.5">
+	<div onclick="application.goToTargetView(event)" id="RButton_v" class="RButton">
+		<svg class="RButton_wa">
+			<ellipse id="RButton_wa" rx="18" ry="18.5" cx="18" cy="18.5">
 			</ellipse>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_rc" class="HelpButton">
-		<svg class="HelpButton_rd">
-			<rect id="HelpButton_rd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_wa" class="HelpButton">
+		<svg class="HelpButton_wb">
+			<rect id="HelpButton_wb" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="DetailButton_re" class="DetailButton">
-		<svg class="DetailButton_rf">
-			<rect id="DetailButton_rf" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<div onclick="application.goToTargetView(event)" id="DetailButton_wc" class="DetailButton">
+		<svg class="DetailButton_wd">
+			<rect id="DetailButton_wd" rx="0" ry="0" x="0" y="0" width="62" height="50">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_rg" class="EvenTMapButton">
-		<svg class="EvenTMapButton_rh">
-			<rect id="EvenTMapButton_rh" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="EvenTMapButton_we" class="EvenTMapButton">
+		<svg class="EvenTMapButton_wf">
+			<rect id="EvenTMapButton_wf" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="CurveButton_ri" class="CurveButton">
-		<svg class="CurveButton_rj">
-			<rect id="CurveButton_rj" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<div onclick="application.goToTargetView(event)" id="CurveButton_wg" class="CurveButton">
+		<svg class="CurveButton_wh">
+			<rect id="CurveButton_wh" rx="0" ry="0" x="0" y="0" width="159" height="34">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_rk" class="HOMEBUTTON">
-		<svg class="HOMEBUTTON_rl">
-			<rect id="HOMEBUTTON_rl" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<div onclick="application.goToTargetView(event)" id="HOMEBUTTON_wi" class="HOMEBUTTON">
+		<svg class="HOMEBUTTON_wj">
+			<rect id="HOMEBUTTON_wj" rx="0" ry="0" x="0" y="0" width="63" height="51">
 			</rect>
 		</svg>
 	</div>
-	<svg class="BackButton_rm">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_rm" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_wk">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_wk" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___1.html
old mode 100644
new mode 100755
index 11b280c..a2a4eae
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___1.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bbi {
+	#n_24_boh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_boh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_boi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_boi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 97px;
+	}
+	#n_24_boj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_boj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_24_bok {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bok {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 539px;
+	}
+	#n_24_bol {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bol {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_24_bom {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bom {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 537px;
+	}
+	#n_24_bon {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bon {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 599px;
+	}
+	#LButton_boo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +190,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	.LButton_bbi {
+	.LButton_boo {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +198,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bbj {
+	#RButton_bop {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +212,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___1.html;
 		cursor: pointer;
 	}
-	.RButton_bbj {
+	.RButton_bop {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +220,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_bbk {
+	#HelpButton_boq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bbk {
+	.HelpButton_boq {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1550___1.html;
 		cursor: pointer;
 	}
-	#DetailButton_bbl {
+	#DetailButton_bor {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_bbl {
+	.DetailButton_bor {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___1.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bbm {
+	#EvenTMapButton_bos {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bbm {
+	.EvenTMapButton_bos {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___1.html;
 		cursor: pointer;
 	}
-	#CurveButton_bbn {
+	#CurveButton_bot {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bbn {
+	.CurveButton_bot {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bcd {
+	#BackButton_bou {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcd {
+	.BackButton_bou {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3120,32 +3246,60 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1550__1">
 	<img id="n_123" src="n_123.png" srcset="n_123.png 1x, n_123@2x.png 2x">
 		
-	<svg class="LButton_bbi">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bbi" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_boh">
+		<ellipse id="n_24_boh" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bbj">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bbj" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_boi">
+		<ellipse id="n_24_boi" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bbk">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bbk" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_boj">
+		<ellipse id="n_24_boj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bok">
+		<ellipse id="n_24_bok" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bol">
+		<ellipse id="n_24_bol" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bom">
+		<ellipse id="n_24_bom" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_bon">
+		<ellipse id="n_24_bon" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_boo">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_boo" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_bop">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_bop" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_boq">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_boq" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_bbl">
-		<rect onclick="application.goToTargetView(event)" id="DetailButton_bbl" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_bor">
+		<rect onclick="application.goToTargetView(event)" id="DetailButton_bor" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bbm">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bbm" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_bos">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bos" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bbn">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bbn" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_bot">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_bot" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bcd">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bcd" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bou">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bou" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___2.html
old mode 100644
new mode 100755
index d62bb6a..45a5b7e
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___2.html
@@ -50,7 +50,133 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bp {
+	#n_24_cbw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cbw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_24_cbx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cbx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 123px;
+		top: 97px;
+	}
+	#n_24_cby {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cby {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 97px;
+	}
+	#n_24_cbz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cbz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 32px;
+		top: 539px;
+	}
+	#n_24_cb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_24_cca {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cca {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 537px;
+	}
+	#n_24_ccb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ccb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 22px;
+		top: 599px;
+	}
+	#LButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +190,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	.LButton_bp {
+	.LButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +198,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bp {
+	#RButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +212,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	.RButton_bp {
+	.RButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +220,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_bp {
+	#HelpButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +230,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bp {
+	.HelpButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +242,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1550___2.html;
 		cursor: pointer;
 	}
-	#DetailButton_bp {
+	#DetailButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_bp {
+	.DetailButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -138,7 +264,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___2.html;
 		cursor: pointer;
 	}
-	#EvenTMapButton_bp {
+	#EvenTMapButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -148,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bp {
+	.EvenTMapButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -160,7 +286,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#CurveButton_bp {
+	#CurveButton_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -170,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bp {
+	.CurveButton_cb {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -182,7 +308,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___4.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bp {
+	#HOMEBUTTON_cb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -192,7 +318,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bp {
+	.HOMEBUTTON_cb {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -200,7 +326,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bp {
+	#BackButton_cca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -210,7 +336,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bp {
+	.BackButton_cca {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3138,36 +3264,64 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1550__2">
 	<img id="n_159" src="n_159.png" srcset="n_159.png 1x, n_159@2x.png 2x">
 		
-	<svg class="LButton_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bp" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_cbw">
+		<ellipse id="n_24_cbw" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bp">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bp" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_24_cbx">
+		<ellipse id="n_24_cbx" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bp" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_cby">
+		<ellipse id="n_24_cby" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cbz">
+		<ellipse id="n_24_cbz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cb">
+		<ellipse id="n_24_cb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_cca">
+		<ellipse id="n_24_cca" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_24_ccb">
+		<ellipse id="n_24_ccb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_cb">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_cb" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_cb">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_cb" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cb" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="DetailButton_bp" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="DetailButton_cb" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bp" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_cb">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_cb" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bp">
-		<rect id="HOMEBUTTON_bp" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_cb">
+		<rect id="HOMEBUTTON_cb" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bp" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cca">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cca" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___3.html
old mode 100644
new mode 100755
index 01173a1..73538ce
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_1550___3.html
@@ -50,7 +50,115 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LButton_bqb {
+	#n_22_cce {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cce {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_67_ccf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_67_ccf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 125px;
+		top: 98px;
+	}
+	#n_68_ccg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_68_ccg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 422px;
+		top: 98px;
+	}
+	#n_69_cch {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_69_cch {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 26px;
+		top: 539px;
+	}
+	#n_70_cci {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_70_cci {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 192px;
+		top: 537px;
+	}
+	#n_71_ccj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_71_ccj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 327px;
+		top: 539px;
+	}
+	#LButton_cck {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -64,7 +172,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	.LButton_bqb {
+	.LButton_cck {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -72,7 +180,7 @@
 		left: 185px;
 		top: 531px;
 	}
-	#RButton_bqc {
+	#RButton_ccl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -86,7 +194,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	.RButton_bqc {
+	.RButton_ccl {
 		position: absolute;
 		overflow: visible;
 		width: 36px;
@@ -94,7 +202,7 @@
 		left: 320px;
 		top: 531px;
 	}
-	#HelpButton_bqd {
+	#HelpButton_ccm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +212,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bqd {
+	.HelpButton_ccm {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +224,7 @@
 		--web-action-target: OTDR_1_Tabel_HELP_1550___3.html;
 		cursor: pointer;
 	}
-	#DetailButton_bqe {
+	#DetailButton_ccn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +234,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.DetailButton_bqe {
+	.DetailButton_ccn {
 		position: absolute;
 		overflow: visible;
 		width: 62px;
@@ -134,7 +242,7 @@
 		left: 12px;
 		top: 585px;
 	}
-	#EvenTMapButton_bqf {
+	#EvenTMapButton_cco {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +252,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.EvenTMapButton_bqf {
+	.EvenTMapButton_cco {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -156,7 +264,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___8.html;
 		cursor: pointer;
 	}
-	#CurveButton_bqg {
+	#CurveButton_ccp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -166,7 +274,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.CurveButton_bqg {
+	.CurveButton_ccp {
 		position: absolute;
 		overflow: visible;
 		width: 159px;
@@ -178,7 +286,7 @@
 		--web-action-target: OTDR_1_Curve_1310_E1___8.html;
 		cursor: pointer;
 	}
-	#HOMEBUTTON_bqh {
+	#HOMEBUTTON_ccq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -188,7 +296,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HOMEBUTTON_bqh {
+	.HOMEBUTTON_ccq {
 		position: absolute;
 		overflow: visible;
 		width: 63px;
@@ -196,7 +304,7 @@
 		left: 405px;
 		top: 585px;
 	}
-	#BackButton_bqi {
+	#BackButton_ccr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -206,7 +314,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bqi {
+	.BackButton_ccr {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3134,36 +3242,60 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-1550__3">
 	<img id="n_254" src="n_254.png" srcset="n_254.png 1x, n_254@2x.png 2x">
 		
-	<svg class="LButton_bqb">
-		<ellipse onclick="application.goToTargetView(event)" id="LButton_bqb" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_22_cce">
+		<ellipse id="n_22_cce" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="RButton_bqc">
-		<ellipse onclick="application.goToTargetView(event)" id="RButton_bqc" rx="18" ry="18.5" cx="18" cy="18.5">
+	<svg class="n_67_ccf">
+		<ellipse id="n_67_ccf" rx="11" ry="11" cx="11" cy="11">
 		</ellipse>
 	</svg>
-	<svg class="HelpButton_bqd">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bqd" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_68_ccg">
+		<ellipse id="n_68_ccg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_69_cch">
+		<ellipse id="n_69_cch" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_70_cci">
+		<ellipse id="n_70_cci" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_71_ccj">
+		<ellipse id="n_71_ccj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LButton_cck">
+		<ellipse onclick="application.goToTargetView(event)" id="LButton_cck" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="RButton_ccl">
+		<ellipse onclick="application.goToTargetView(event)" id="RButton_ccl" rx="18" ry="18.5" cx="18" cy="18.5">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_ccm">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ccm" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="DetailButton_bqe">
-		<rect id="DetailButton_bqe" rx="0" ry="0" x="0" y="0" width="62" height="50">
+	<svg class="DetailButton_ccn">
+		<rect id="DetailButton_ccn" rx="0" ry="0" x="0" y="0" width="62" height="50">
 		</rect>
 	</svg>
-	<svg class="EvenTMapButton_bqf">
-		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_bqf" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="EvenTMapButton_cco">
+		<rect onclick="application.goToTargetView(event)" id="EvenTMapButton_cco" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="CurveButton_bqg">
-		<rect onclick="application.goToTargetView(event)" id="CurveButton_bqg" rx="0" ry="0" x="0" y="0" width="159" height="34">
+	<svg class="CurveButton_ccp">
+		<rect onclick="application.goToTargetView(event)" id="CurveButton_ccp" rx="0" ry="0" x="0" y="0" width="159" height="34">
 		</rect>
 	</svg>
-	<svg class="HOMEBUTTON_bqh">
-		<rect id="HOMEBUTTON_bqh" rx="0" ry="0" x="0" y="0" width="63" height="51">
+	<svg class="HOMEBUTTON_ccq">
+		<rect id="HOMEBUTTON_ccq" rx="0" ry="0" x="0" y="0" width="63" height="51">
 		</rect>
 	</svg>
-	<svg class="BackButton_bqi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bqi" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_ccr">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ccr" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310.html
old mode 100644
new mode 100755
index ed4286a..5ac4649
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_k {
+	#n_84_bin {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbc {
+	#n_22_bio {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bio {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bip {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bbd {
+	#BackButton_biq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbd {
+	.BackButton_biq {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1310">
-	<img id="n_84_k" src="n_84_k.png" srcset="n_84_k.png 1x, n_84_k@2x.png 2x">
+	<img id="n_84_bin" src="n_84_bin.png" srcset="n_84_bin.png 1x, n_84_bin@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbc" class="BackButton">
-		<svg class="BackButton_bbd">
-			<rect id="BackButton_bbd" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bio">
+		<ellipse id="n_22_bio" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bip" class="BackButton">
+		<svg class="BackButton_biq">
+			<rect id="BackButton_biq" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___1.html
old mode 100644
new mode 100755
index 9661a7d..b5794a4
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_o {
+	#n_84_blq {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbq {
+	#n_24 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bls {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbq {
+	.BackButton_bls {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1310__1">
-	<img id="n_84_o" src="n_84_o.png" srcset="n_84_o.png 1x, n_84_o@2x.png 2x">
+	<img id="n_84_blq" src="n_84_blq.png" srcset="n_84_blq.png 1x, n_84_blq@2x.png 2x">
 		
-	<svg class="BackButton_bbq">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbq" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24">
+		<ellipse id="n_24" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bls">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bls" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___2.html
old mode 100644
new mode 100755
index bd701ea..e5f2572
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bhn {
+	#n_84_byn {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bho {
+	#n_24_byo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_byo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_byp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bho {
+	.BackButton_byp {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1310__2">
-	<img id="n_84_bhn" src="n_84_bhn.png" srcset="n_84_bhn.png 1x, n_84_bhn@2x.png 2x">
+	<img id="n_84_byn" src="n_84_byn.png" srcset="n_84_byn.png 1x, n_84_byn@2x.png 2x">
 		
-	<svg class="BackButton_bho">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bho" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_byo">
+		<ellipse id="n_24_byo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_byp">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_byp" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___3.html
old mode 100644
new mode 100755
index 454f8bf..ae574b0
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1310___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bhr {
+	#n_84_bys {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bhs {
+	#n_22_byt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_byt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_byu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bhs {
+	.BackButton_byu {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1310__3">
-	<img id="n_84_bhr" src="n_84_bhr.png" srcset="n_84_bhr.png 1x, n_84_bhr@2x.png 2x">
+	<img id="n_84_bys" src="n_84_bys.png" srcset="n_84_bys.png 1x, n_84_bys@2x.png 2x">
 		
-	<svg class="BackButton_bhs">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bhs" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_byt">
+		<ellipse id="n_22_byt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_byu">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_byu" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550.html
old mode 100644
new mode 100755
index 8f29808..f62028e
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_p {
+	#n_84_bit {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbe {
+	#n_22_biu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_biu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_biv {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bbf {
+	#BackButton_biw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbf {
+	.BackButton_biw {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2994,11 +3012,15 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1550">
-	<img id="n_84_p" src="n_84_p.png" srcset="n_84_p.png 1x, n_84_p@2x.png 2x">
+	<img id="n_84_bit" src="n_84_bit.png" srcset="n_84_bit.png 1x, n_84_bit@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbe" class="BackButton">
-		<svg class="BackButton_bbf">
-			<rect id="BackButton_bbf" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_biu">
+		<ellipse id="n_22_biu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_biv" class="BackButton">
+		<svg class="BackButton_biw">
+			<rect id="BackButton_biw" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___1.html
old mode 100644
new mode 100755
index 3fbb09c..347f6ab
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bbv {
+	#n_84_bo {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bcf {
+	#n_24_bo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcf {
+	.BackButton_bo {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1550__1">
-	<img id="n_84_bbv" src="n_84_bbv.png" srcset="n_84_bbv.png 1x, n_84_bbv@2x.png 2x">
+	<img id="n_84_bo" src="n_84_bo.png" srcset="n_84_bo.png 1x, n_84_bo@2x.png 2x">
 		
-	<svg class="BackButton_bcf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bcf" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_bo">
+		<ellipse id="n_24_bo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_bo">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bo" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___2.html
old mode 100644
new mode 100755
index 127b53b..18a2eff
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bi {
+	#n_84_cth {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_cab {
+	#n_24_cti {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cti {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ctj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_cab {
+	.BackButton_ctj {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1550__2">
-	<img id="n_84_bi" src="n_84_bi.png" srcset="n_84_bi.png 1x, n_84_bi@2x.png 2x">
+	<img id="n_84_cth" src="n_84_cth.png" srcset="n_84_cth.png 1x, n_84_cth@2x.png 2x">
 		
-	<svg class="BackButton_cab">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_cab" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_cti">
+		<ellipse id="n_24_cti" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ctj">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ctj" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___3.html
old mode 100644
new mode 100755
index 4b1f25f..32fac89
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_HELP_1550___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bvh {
+	#n_84_ckt {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bvi {
+	#n_22_cku {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cku {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ckv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bvi {
+	.BackButton_ckv {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-ALL-HELP-1550__3">
-	<img id="n_84_bvh" src="n_84_bvh.png" srcset="n_84_bvh.png 1x, n_84_bvh@2x.png 2x">
+	<img id="n_84_ckt" src="n_84_ckt.png" srcset="n_84_ckt.png 1x, n_84_ckt@2x.png 2x">
 		
-	<svg class="BackButton_bvi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bvi" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_cku">
+		<ellipse id="n_22_cku" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ckv">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ckv" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310.html
old mode 100644
new mode 100755
index 7fdd23f..1e4bc86
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bai {
+	#n_43_bgi {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgi {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bgj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_43_bgk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 431px;
+	}
+	#n_43_bgl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_bgm {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +134,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_baj {
+	#HelpButton_bgn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baj {
+	.HelpButton_bgn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +152,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bar {
+	#BackButton_bgo {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -92,7 +164,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bas {
+	#BackButton_bgp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bas {
+	.BackButton_bgp {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,15 +3142,31 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1310">
 	<img id="n_205" src="n_205.png" srcset="n_205.png 1x, n_205@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bai" class="HelpButton">
-		<svg class="HelpButton_baj">
-			<rect id="HelpButton_baj" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_43_bgi">
+		<ellipse id="n_43_bgi" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgj">
+		<ellipse id="n_43_bgj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgk">
+		<ellipse id="n_43_bgk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgl">
+		<ellipse id="n_43_bgl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bgm" class="HelpButton">
+		<svg class="HelpButton_bgn">
+			<rect id="HelpButton_bgn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bar" class="BackButton">
-		<svg class="BackButton_bas">
-			<rect id="BackButton_bas" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bgo" class="BackButton">
+		<svg class="BackButton_bgp">
+			<rect id="BackButton_bgp" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___1.html
old mode 100644
new mode 100755
index 333ae6f..c999b5f
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bax {
+	#n_22_bl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bma {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bma {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_22_bmb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 438px;
+		top: 431px;
+	}
+	#n_22_bmc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bax {
+	.HelpButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbs {
+	#BackButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbs {
+	.BackButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -90,7 +162,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#RLButton_z {
+	#RLButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_z {
+	.RLButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -112,7 +184,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___1.html;
 		cursor: pointer;
 	}
-	#LengthButton_baa {
+	#LengthButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -122,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_baa {
+	.LengthButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -134,7 +206,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbt {
+	#BackButton_bma {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbt {
+	.BackButton_bma {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3072,24 +3144,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1310__1">
 	<img id="n_124" src="n_124.png" srcset="n_124.png 1x, n_124@2x.png 2x">
 		
-	<svg class="HelpButton_bax">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bax" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bl">
+		<ellipse id="n_22_bl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bma">
+		<ellipse id="n_22_bma" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmb">
+		<ellipse id="n_22_bmb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmc">
+		<ellipse id="n_22_bmc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bl" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbs">
-		<rect id="BackButton_bbs" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bl">
+		<rect id="BackButton_bl" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_z">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_z" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bl">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bl" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_baa">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_baa" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bl">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bl" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbt">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbt" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bma">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bma" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___2.html
old mode 100644
new mode 100755
index c1162dd..c4f51cb
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bid {
+	#n_24_bzj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bzj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 376px;
+	}
+	#n_34 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 426px;
+	}
+	#n_35 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_bzn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bid {
+	.HelpButton_bzn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bie {
+	#BackButton_bzo {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bie {
+	.BackButton_bzo {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___2.html;
 		cursor: pointer;
 	}
-	#RLButton_bif {
+	#RLButton_bzp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bif {
+	.RLButton_bzp {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___2.html;
 		cursor: pointer;
 	}
-	#LengthButton_big {
+	#LengthButton_bzq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_big {
+	.LengthButton_bzq {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1310__2">
 	<img id="n_161" src="n_161.png" srcset="n_161.png 1x, n_161@2x.png 2x">
 		
-	<svg class="HelpButton_bid">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bid" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_bzj">
+		<ellipse id="n_24_bzj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33">
+		<ellipse id="n_33" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34">
+		<ellipse id="n_34" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35">
+		<ellipse id="n_35" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bzn">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bzn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bie">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bie" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bzo">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bzo" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_bif">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bif" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bzp">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bzp" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_big">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_big" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bzq">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bzq" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___3.html
old mode 100644
new mode 100755
index d8b9a11..5d33919
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1310___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bik {
+	#n_22_bzu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bzu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bzv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bzv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 376px;
+	}
+	#n_22_bzw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bzw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 431px;
+	}
+	#n_22_bzx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bzx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_bzy {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bik {
+	.HelpButton_bzy {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bil {
+	#BackButton_bzz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bil {
+	.BackButton_bzz {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_1310___3.html;
 		cursor: pointer;
 	}
-	#RLButton_bim {
+	#RLButton_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bim {
+	.RLButton_bz {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___3.html;
 		cursor: pointer;
 	}
-	#LengthButton_bin {
+	#LengthButton_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bin {
+	.LengthButton_bz {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1310__3">
 	<img id="n_255" src="n_255.png" srcset="n_255.png 1x, n_255@2x.png 2x">
 		
-	<svg class="HelpButton_bik">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bik" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bzu">
+		<ellipse id="n_22_bzu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bzv">
+		<ellipse id="n_22_bzv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bzw">
+		<ellipse id="n_22_bzw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bzx">
+		<ellipse id="n_22_bzx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bzy">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bzy" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bil">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bil" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bzz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bzz" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_bim">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bim" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bz">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bz" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_bin">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bin" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bz">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bz" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550.html
old mode 100644
new mode 100755
index bf02bb0..b1b1907
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bak {
+	#n_43_bgv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bgw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_43_bgx {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgx {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 431px;
+	}
+	#n_43_bgy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bgy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_bgz {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -62,7 +134,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bal {
+	#HelpButton_bg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +144,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bal {
+	.HelpButton_bg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -80,7 +152,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bat {
+	#BackButton_bg {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -92,7 +164,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bau {
+	#BackButton_bha {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -102,7 +174,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bau {
+	.BackButton_bha {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -110,7 +182,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#RLButton_g {
+	#RLButton_bg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -120,7 +192,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_g {
+	.RLButton_bg {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -132,7 +204,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550.html;
 		cursor: pointer;
 	}
-	#LengthButton_h {
+	#LengthButton_bg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -142,7 +214,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_h {
+	.LengthButton_bg {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3070,24 +3142,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1550">
 	<img id="n_206" src="n_206.png" srcset="n_206.png 1x, n_206@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bak" class="HelpButton">
-		<svg class="HelpButton_bal">
-			<rect id="HelpButton_bal" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_43_bgv">
+		<ellipse id="n_43_bgv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgw">
+		<ellipse id="n_43_bgw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgx">
+		<ellipse id="n_43_bgx" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bgy">
+		<ellipse id="n_43_bgy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bgz" class="HelpButton">
+		<svg class="HelpButton_bg">
+			<rect id="HelpButton_bg" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bat" class="BackButton">
-		<svg class="BackButton_bau">
-			<rect id="BackButton_bau" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bg" class="BackButton">
+		<svg class="BackButton_bha">
+			<rect id="BackButton_bha" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
-	<svg class="RLButton_g">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_g" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bg">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bg" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_h">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_h" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bg">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bg" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___1.html
old mode 100644
new mode 100755
index 6f5efb7..e3b9e5c
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bba {
+	#n_22_bnh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bni {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bni {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_22_bnj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 438px;
+		top: 431px;
+	}
+	#n_22_bnk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#HelpButton_bnl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bba {
+	.HelpButton_bnl {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bby {
+	#BackButton_bnm {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bby {
+	.BackButton_bnm {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -90,7 +162,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#RLButton_baw {
+	#RLButton_bnn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -100,7 +172,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_baw {
+	.RLButton_bnn {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -112,7 +184,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___1.html;
 		cursor: pointer;
 	}
-	#LengthButton_bax {
+	#LengthButton_bno {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -122,7 +194,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bax {
+	.LengthButton_bno {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -134,7 +206,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbz {
+	#BackButton_bnp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbz {
+	.BackButton_bnp {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3072,24 +3144,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1550__1">
 	<img id="n_125" src="n_125.png" srcset="n_125.png 1x, n_125@2x.png 2x">
 		
-	<svg class="HelpButton_bba">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bba" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_bnh">
+		<ellipse id="n_22_bnh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bni">
+		<ellipse id="n_22_bni" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bnj">
+		<ellipse id="n_22_bnj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bnk">
+		<ellipse id="n_22_bnk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_bnl">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bnl" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bby">
-		<rect id="BackButton_bby" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bnm">
+		<rect id="BackButton_bnm" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_baw">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_baw" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_bnn">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bnn" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_bax">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bax" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_bno">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bno" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbz">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbz" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bnp">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bnp" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___2.html
old mode 100644
new mode 100755
index 31a73b3..b76421e
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bou {
+	#n_24_caj {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_caj {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 376px;
+	}
+	#n_34_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 426px;
+	}
+	#n_35_b {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35_b {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_caf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bou {
+	.HelpButton_caf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bov {
+	#BackButton_cap {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bov {
+	.BackButton_cap {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___2.html;
 		cursor: pointer;
 	}
-	#RLButton_bow {
+	#RLButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bow {
+	.RLButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___2.html;
 		cursor: pointer;
 	}
-	#LengthButton_box {
+	#LengthButton_caa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_box {
+	.LengthButton_caa {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1550__2">
 	<img id="n_160" src="n_160.png" srcset="n_160.png 1x, n_160@2x.png 2x">
 		
-	<svg class="HelpButton_bou">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bou" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_24_caj">
+		<ellipse id="n_24_caj" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33_b">
+		<ellipse id="n_33_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34_b">
+		<ellipse id="n_34_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35_b">
+		<ellipse id="n_35_b" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_caf">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_caf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bov">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bov" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cap">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cap" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_bow">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bow" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_b">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_b" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_box">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_box" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_caa">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_caa" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___3.html
old mode 100644
new mode 100755
index f750c5a..a9a647d
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_LOSS_1550___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#HelpButton_bo {
+	#n_22_cbk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cbl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 426px;
+		top: 376px;
+	}
+	#n_22_cbm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 431px;
+	}
+	#n_22_cbn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#HelpButton_cah {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bo {
+	.HelpButton_cah {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bo {
+	#BackButton_caq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bo {
+	.BackButton_caq {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_1550___3.html;
 		cursor: pointer;
 	}
-	#RLButton_bo {
+	#RLButton_caj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bo {
+	.RLButton_caj {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___3.html;
 		cursor: pointer;
 	}
-	#LengthButton_bo {
+	#LengthButton_cak {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bo {
+	.LengthButton_cak {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-LOSS-1550__3">
 	<img id="n_256" src="n_256.png" srcset="n_256.png 1x, n_256@2x.png 2x">
 		
-	<svg class="HelpButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bo" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="n_22_cbk">
+		<ellipse id="n_22_cbk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbl">
+		<ellipse id="n_22_cbl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbm">
+		<ellipse id="n_22_cbm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbn">
+		<ellipse id="n_22_cbn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="HelpButton_cah">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cah" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bo" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_caq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_caq" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="RLButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bo" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="RLButton_caj">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_caj" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LengthButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bo" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LengthButton_cak">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_cak" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310.html
old mode 100644
new mode 100755
index 8717daf..60cde27
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_l {
+	#n_43_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bha {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bha {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 338px;
+	}
+	#n_43_bhb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 431px;
+	}
+	#n_43_bhc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_bhc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_l {
+	.RLButton_bhc {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310.html;
 		cursor: pointer;
 	}
-	#LossButton_w {
+	#LossButton_bhd {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_w {
+	.LossButton_bhd {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bam {
+	#HelpButton_bhe {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_ban {
+	#HelpButton_bhf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_ban {
+	.HelpButton_bhf {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bav {
+	#BackButton_bhg {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_baw {
+	#BackButton_bhh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_baw {
+	.BackButton_bhh {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1310">
 	<img id="n_207" src="n_207.png" srcset="n_207.png 1x, n_207@2x.png 2x">
 		
-	<svg class="RLButton_l">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_l" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_43_bg">
+		<ellipse id="n_43_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bha">
+		<ellipse id="n_43_bha" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bhb">
+		<ellipse id="n_43_bhb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bhc">
+		<ellipse id="n_43_bhc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bhc">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bhc" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_w">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_w" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bhd">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bhd" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bam" class="HelpButton">
-		<svg class="HelpButton_ban">
-			<rect id="HelpButton_ban" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bhe" class="HelpButton">
+		<svg class="HelpButton_bhf">
+			<rect id="HelpButton_bhf" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bav" class="BackButton">
-		<svg class="BackButton_baw">
-			<rect id="BackButton_baw" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bhg" class="BackButton">
+		<svg class="BackButton_bhh">
+			<rect id="BackButton_bhh" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___1.html
old mode 100644
new mode 100755
index 4a8b77d..0994e9e
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_ {
+	#n_22_bmd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bme {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bme {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 332px;
+	}
+	#n_22_bmf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 438px;
+		top: 431px;
+	}
+	#n_22_bmg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#RLButton_bmh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_ {
+	.RLButton_bmh {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___1.html;
 		cursor: pointer;
 	}
-	#LossButton_bae {
+	#LossButton_bmi {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bae {
+	.LossButton_bmi {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bay {
+	#HelpButton_bmj {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bay {
+	.HelpButton_bmj {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbu {
+	#BackButton_bmk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbu {
+	.BackButton_bmk {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3050,20 +3122,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1310__1">
 	<img id="n_126" src="n_126.png" srcset="n_126.png 1x, n_126@2x.png 2x">
 		
-	<svg class="RLButton_">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_22_bmd">
+		<ellipse id="n_22_bmd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bme">
+		<ellipse id="n_22_bme" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmf">
+		<ellipse id="n_22_bmf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmg">
+		<ellipse id="n_22_bmg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bmh">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bmh" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bae">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bae" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bmi">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bmi" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bay">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bay" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bmj">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bmj" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbu">
-		<rect id="BackButton_bbu" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bmk">
+		<rect id="BackButton_bmk" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___2.html
old mode 100644
new mode 100755
index 39106ff..cd5700f
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_bir {
+	#n_24_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 338px;
+	}
+	#n_34_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 426px;
+	}
+	#n_35_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bir {
+	.RLButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bis {
+	#LossButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bis {
+	.LossButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___2.html;
 		cursor: pointer;
 	}
-	#HelpButton_bit {
+	#HelpButton_bc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bit {
+	.HelpButton_bc {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___2.html;
 		cursor: pointer;
 	}
-	#BackButton_biu {
+	#BackButton_bc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_biu {
+	.BackButton_bc {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1310__2">
 	<img id="n_162" src="n_162.png" srcset="n_162.png 1x, n_162@2x.png 2x">
 		
-	<svg class="RLButton_bir">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bir" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_24_bz">
+		<ellipse id="n_24_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33_bz">
+		<ellipse id="n_33_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34_bz">
+		<ellipse id="n_34_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35_bz">
+		<ellipse id="n_35_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_ba">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_ba" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bis">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bis" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bb" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bit">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bit" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bc">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bc" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_biu">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_biu" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bc">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bc" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___3.html
old mode 100644
new mode 100755
index b6db189..c85882c
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1310___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_biy {
+	#n_22_bg {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bg {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 335px;
+	}
+	#n_22_bm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 431px;
+	}
+	#n_22_br {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_br {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_bk {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_biy {
+	.RLButton_bk {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1310___3.html;
 		cursor: pointer;
 	}
-	#LossButton_biz {
+	#LossButton_bl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_biz {
+	.LossButton_bl {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___3.html;
 		cursor: pointer;
 	}
-	#HelpButton_bi {
+	#HelpButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bi {
+	.HelpButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bi {
+	#BackButton_bp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bi {
+	.BackButton_bp {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1310__3">
 	<img id="n_257" src="n_257.png" srcset="n_257.png 1x, n_257@2x.png 2x">
 		
-	<svg class="RLButton_biy">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_biy" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_22_bg">
+		<ellipse id="n_22_bg" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bh">
+		<ellipse id="n_22_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bm">
+		<ellipse id="n_22_bm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_br">
+		<ellipse id="n_22_br" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bk">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bk" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_biz">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_biz" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bl">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bl" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bi" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bn">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bn" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bi" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bp">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bp" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550.html
old mode 100644
new mode 100755
index b6c1fae..830e329
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_u {
+	#n_43_bhl {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhl {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bhm {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhm {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 338px;
+	}
+	#n_43_bhn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 431px;
+	}
+	#n_43_bho {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bho {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_bhp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_u {
+	.RLButton_bhp {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550.html;
 		cursor: pointer;
 	}
-	#LossButton_z {
+	#LossButton_bhq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_z {
+	.LossButton_bhq {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bao {
+	#HelpButton_bhr {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bap {
+	#HelpButton_bhs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bap {
+	.HelpButton_bhs {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bax {
+	#BackButton_bht {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bay {
+	#BackButton_bhu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bay {
+	.BackButton_bhu {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1550">
 	<img id="n_208" src="n_208.png" srcset="n_208.png 1x, n_208@2x.png 2x">
 		
-	<svg class="RLButton_u">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_u" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_43_bhl">
+		<ellipse id="n_43_bhl" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bhm">
+		<ellipse id="n_43_bhm" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bhn">
+		<ellipse id="n_43_bhn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bho">
+		<ellipse id="n_43_bho" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bhp">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bhp" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_z">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_z" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bhq">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bhq" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bao" class="HelpButton">
-		<svg class="HelpButton_bap">
-			<rect id="HelpButton_bap" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bhr" class="HelpButton">
+		<svg class="HelpButton_bhs">
+			<rect id="HelpButton_bhs" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bax" class="BackButton">
-		<svg class="BackButton_bay">
-			<rect id="BackButton_bay" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bht" class="BackButton">
+		<svg class="BackButton_bhu">
+			<rect id="BackButton_bhu" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___1.html
old mode 100644
new mode 100755
index 585980d..5d96e1b
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_ba {
+	#n_22_bnt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bnu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 332px;
+	}
+	#n_22_bnv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 438px;
+		top: 431px;
+	}
+	#n_22_bnw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bnw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#RLButton_bnx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_ba {
+	.RLButton_bnx {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___1.html;
 		cursor: pointer;
 	}
-	#LossButton_ba {
+	#LossButton_bny {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_ba {
+	.LossButton_bny {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bbb {
+	#HelpButton_bnz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bbb {
+	.HelpButton_bnz {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bb {
+	#BackButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bb {
+	.BackButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -134,7 +206,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#BackButton_bca {
+	#BackButton_boa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bca {
+	.BackButton_boa {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3072,24 +3144,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1550__1">
 	<img id="n_127" src="n_127.png" srcset="n_127.png 1x, n_127@2x.png 2x">
 		
-	<svg class="RLButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_ba" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_22_bnt">
+		<ellipse id="n_22_bnt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bnu">
+		<ellipse id="n_22_bnu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bnv">
+		<ellipse id="n_22_bnv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bnw">
+		<ellipse id="n_22_bnw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_bnx">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_bnx" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_ba">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_ba" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bny">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bny" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bbb">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bbb" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bnz">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bnz" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bb">
-		<rect id="BackButton_bb" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bn">
+		<rect id="BackButton_bn" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="BackButton_bca">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bca" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_boa">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_boa" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___2.html
old mode 100644
new mode 100755
index 00c3c6e..820c979
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_bpa {
+	#n_24_cao {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cao {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33_cap {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33_cap {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 338px;
+	}
+	#n_34_caq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34_caq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 426px;
+	}
+	#n_35_car {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35_car {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_cas {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bpa {
+	.RLButton_cas {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bo {
+	#LossButton_cat {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bo {
+	.LossButton_cat {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___2.html;
 		cursor: pointer;
 	}
-	#HelpButton_bpa {
+	#HelpButton_cau {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bpa {
+	.HelpButton_cau {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bpb {
+	#BackButton_cav {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bpb {
+	.BackButton_cav {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1550__2">
 	<img id="n_163" src="n_163.png" srcset="n_163.png 1x, n_163@2x.png 2x">
 		
-	<svg class="RLButton_bpa">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bpa" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_24_cao">
+		<ellipse id="n_24_cao" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33_cap">
+		<ellipse id="n_33_cap" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34_caq">
+		<ellipse id="n_34_caq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35_car">
+		<ellipse id="n_35_car" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_cas">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_cas" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bo">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bo" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_cat">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cat" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bpa">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bpa" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cau">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cau" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bpb">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bpb" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cav">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cav" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___3.html
old mode 100644
new mode 100755
index d888c29..6491031
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_Length_1550___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#RLButton_bpf {
+	#n_22_cbo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cbp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 335px;
+	}
+	#n_22_cbq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 431px;
+	}
+	#n_22_cbr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#RLButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.RLButton_bpf {
+	.RLButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_RL_1550___3.html;
 		cursor: pointer;
 	}
-	#LossButton_bpg {
+	#LossButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bpg {
+	.LossButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___3.html;
 		cursor: pointer;
 	}
-	#HelpButton_bph {
+	#HelpButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bph {
+	.HelpButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bpi {
+	#BackButton_ca {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bpi {
+	.BackButton_ca {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-Length-1550__3">
 	<img id="n_258" src="n_258.png" srcset="n_258.png 1x, n_258@2x.png 2x">
 		
-	<svg class="RLButton_bpf">
-		<rect onclick="application.goToTargetView(event)" id="RLButton_bpf" rx="0" ry="0" x="0" y="0" width="137" height="56">
+	<svg class="n_22_cbo">
+		<ellipse id="n_22_cbo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbp">
+		<ellipse id="n_22_cbp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbq">
+		<ellipse id="n_22_cbq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbr">
+		<ellipse id="n_22_cbr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="RLButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="RLButton_ca" rx="0" ry="0" x="0" y="0" width="137" height="56">
 		</rect>
 	</svg>
-	<svg class="LossButton_bpg">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bpg" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_ca" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bph">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bph" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ca" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bpi">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bpi" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_ca">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ca" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310.html
old mode 100644
new mode 100755
index 36c8e58..6bd0281
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_ {
+	#n_43_bhy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bhz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bhz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 338px;
+	}
+	#n_43_bh {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bh {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 379px;
+	}
+	#n_43_bia {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bia {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_bh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_ {
+	.LengthButton_bh {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1310.html;
 		cursor: pointer;
 	}
-	#LossButton_baa {
+	#LossButton_bh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_baa {
+	.LossButton_bh {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_baq {
+	#HelpButton_bh {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310.html;
 		cursor: pointer;
 	}
-	#HelpButton_bar {
+	#HelpButton_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bar {
+	.HelpButton_bia {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_baz {
+	#BackButton_bh {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_ba {
+	#BackButton_bia {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_ba {
+	.BackButton_bia {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1310">
 	<img id="n_210" src="n_210.png" srcset="n_210.png 1x, n_210@2x.png 2x">
 		
-	<svg class="LengthButton_">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_43_bhy">
+		<ellipse id="n_43_bhy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bhz">
+		<ellipse id="n_43_bhz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bh">
+		<ellipse id="n_43_bh" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bia">
+		<ellipse id="n_43_bia" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bh">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bh" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_baa">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_baa" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bh">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bh" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_baq" class="HelpButton">
-		<svg class="HelpButton_bar">
-			<rect id="HelpButton_bar" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bh" class="HelpButton">
+		<svg class="HelpButton_bia">
+			<rect id="HelpButton_bia" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_baz" class="BackButton">
-		<svg class="BackButton_ba">
-			<rect id="BackButton_ba" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bh" class="BackButton">
+		<svg class="BackButton_bia">
+			<rect id="BackButton_bia" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___1.html
old mode 100644
new mode 100755
index 1f3b7d1..b0276bc
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bac {
+	#n_22_bmo {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmo {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bmp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 332px;
+	}
+	#n_22_bmq {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmq {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_22_bmr {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bmr {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#LengthButton_bms {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bac {
+	.LengthButton_bms {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1310___1.html;
 		cursor: pointer;
 	}
-	#LossButton_baf {
+	#LossButton_bmt {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_baf {
+	.LossButton_bmt {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_baz {
+	#HelpButton_bmu {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_baz {
+	.HelpButton_bmu {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bbv {
+	#BackButton_bmv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbv {
+	.BackButton_bmv {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -134,7 +206,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#BackButton_bbw {
+	#BackButton_bmw {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbw {
+	.BackButton_bmw {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3072,24 +3144,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1310__1">
 	<img id="n_128" src="n_128.png" srcset="n_128.png 1x, n_128@2x.png 2x">
 		
-	<svg class="LengthButton_bac">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bac" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_22_bmo">
+		<ellipse id="n_22_bmo" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmp">
+		<ellipse id="n_22_bmp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmq">
+		<ellipse id="n_22_bmq" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bmr">
+		<ellipse id="n_22_bmr" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bms">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bms" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_baf">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_baf" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_bmt">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_bmt" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_baz">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_baz" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bmu">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bmu" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbv">
-		<rect id="BackButton_bbv" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bmv">
+		<rect id="BackButton_bmv" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="BackButton_bbw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbw" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bmw">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bmw" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___2.html
old mode 100644
new mode 100755
index 6ab3ea2..6e065af
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bi {
+	#n_24_br {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_br {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 338px;
+	}
+	#n_34_bt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34_bt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 376px;
+	}
+	#n_35_bu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35_bu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_bv {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bi {
+	.LengthButton_bv {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bi {
+	#LossButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bi {
+	.LossButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___2.html;
 		cursor: pointer;
 	}
-	#HelpButton_bja {
+	#HelpButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bja {
+	.HelpButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bja {
+	#BackButton_bz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bja {
+	.BackButton_bz {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1310__2">
 	<img id="n_164" src="n_164.png" srcset="n_164.png 1x, n_164@2x.png 2x">
 		
-	<svg class="LengthButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bi" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_24_br">
+		<ellipse id="n_24_br" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33_bs">
+		<ellipse id="n_33_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34_bt">
+		<ellipse id="n_34_bt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35_bu">
+		<ellipse id="n_35_bu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bv">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bv" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bi">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bi" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_by">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_by" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bja">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bja" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_by">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_by" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bja">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bja" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bz" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___3.html
old mode 100644
new mode 100755
index 59c161c..ae8f023
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1310___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bjc {
+	#n_22_ba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_bd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 335px;
+	}
+	#n_22_bs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 376px;
+	}
+	#n_22_bz {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bz {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bjc {
+	.LengthButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1310___3.html;
 		cursor: pointer;
 	}
-	#LossButton_bjd {
+	#LossButton_b {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bjd {
+	.LossButton_b {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1310___3.html;
 		cursor: pointer;
 	}
-	#HelpButton_bje {
+	#HelpButton_ba {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bje {
+	.HelpButton_ba {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1310___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bjf {
+	#BackButton_bb {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bjf {
+	.BackButton_bb {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1310__3">
 	<img id="n_259" src="n_259.png" srcset="n_259.png 1x, n_259@2x.png 2x">
 		
-	<svg class="LengthButton_bjc">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bjc" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_22_ba">
+		<ellipse id="n_22_ba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bd">
+		<ellipse id="n_22_bd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bs">
+		<ellipse id="n_22_bs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bz">
+		<ellipse id="n_22_bz" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_b">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_b" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bjd">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bjd" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_b">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_b" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bje">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bje" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_ba">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_ba" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bjf">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bjf" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_bb">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bb" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550.html
old mode 100644
new mode 100755
index 8584bd8..6eb0224
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_c {
+	#n_43_bib {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bib {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 51px;
+	}
+	#n_43_bic {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bic {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 338px;
+	}
+	#n_43_bid {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bid {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 379px;
+	}
+	#n_43_bie {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_43_bie {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_bif {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_c {
+	.LengthButton_bif {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550.html;
 		cursor: pointer;
 	}
-	#LossButton_bab {
+	#LossButton_big {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bab {
+	.LossButton_big {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bas {
+	#HelpButton_bih {
 		position: absolute;
 		width: 43px;
 		height: 32px;
@@ -106,7 +178,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550.html;
 		cursor: pointer;
 	}
-	#HelpButton_bat {
+	#HelpButton_bii {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -116,7 +188,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bat {
+	.HelpButton_bii {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -124,7 +196,7 @@
 		left: 0px;
 		top: 0px;
 	}
-	#BackButton_bba {
+	#BackButton_bij {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -136,7 +208,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_bbb {
+	#BackButton_bik {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -146,7 +218,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbb {
+	.BackButton_bik {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3070,23 +3142,39 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1550">
 	<img id="n_209" src="n_209.png" srcset="n_209.png 1x, n_209@2x.png 2x">
 		
-	<svg class="LengthButton_c">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_c" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_43_bib">
+		<ellipse id="n_43_bib" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bic">
+		<ellipse id="n_43_bic" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bid">
+		<ellipse id="n_43_bid" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_43_bie">
+		<ellipse id="n_43_bie" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bif">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bif" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bab">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bab" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_big">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_big" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="HelpButton_bas" class="HelpButton">
-		<svg class="HelpButton_bat">
-			<rect id="HelpButton_bat" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<div onclick="application.goToTargetView(event)" id="HelpButton_bih" class="HelpButton">
+		<svg class="HelpButton_bii">
+			<rect id="HelpButton_bii" rx="0" ry="0" x="0" y="0" width="43" height="32">
 			</rect>
 		</svg>
 	</div>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bba" class="BackButton">
-		<svg class="BackButton_bbb">
-			<rect id="BackButton_bbb" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bij" class="BackButton">
+		<svg class="BackButton_bik">
+			<rect id="BackButton_bik" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___1.html
old mode 100644
new mode 100755
index 799696a..c80ebe2
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___1.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bba {
+	#n_22_bn {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bn {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_boa {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_boa {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 332px;
+	}
+	#n_22_bob {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bob {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 427px;
+		top: 376px;
+	}
+	#n_22_boc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_boc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 549px;
+	}
+	#LengthButton_bn {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bba {
+	.LengthButton_bn {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550___1.html;
 		cursor: pointer;
 	}
-	#LossButton_bbb {
+	#LossButton_boa {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bbb {
+	.LossButton_boa {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___1.html;
 		cursor: pointer;
 	}
-	#HelpButton_bbc {
+	#HelpButton_bob {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bbc {
+	.HelpButton_bob {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___1.html;
 		cursor: pointer;
 	}
-	#BackButton_bcb {
+	#BackButton_boc {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcb {
+	.BackButton_boc {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -134,7 +206,7 @@
 		left: 16px;
 		top: 41px;
 	}
-	#BackButton_bcc {
+	#BackButton_bod {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -144,7 +216,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bcc {
+	.BackButton_bod {
 		position: absolute;
 		overflow: visible;
 		width: 58px;
@@ -3072,24 +3144,40 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1550__1">
 	<img id="n_129" src="n_129.png" srcset="n_129.png 1x, n_129@2x.png 2x">
 		
-	<svg class="LengthButton_bba">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bba" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_22_bn">
+		<ellipse id="n_22_bn" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_boa">
+		<ellipse id="n_22_boa" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_bob">
+		<ellipse id="n_22_bob" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_boc">
+		<ellipse id="n_22_boc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_bn">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_bn" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bbb">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bbb" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_boa">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_boa" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bbc">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bbc" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_bob">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_bob" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bcb">
-		<rect id="BackButton_bcb" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_boc">
+		<rect id="BackButton_boc" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
-	<svg class="BackButton_bcc">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bcc" rx="0" ry="0" x="0" y="0" width="58" height="34">
+	<svg class="BackButton_bod">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_bod" rx="0" ry="0" x="0" y="0" width="58" height="34">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___2.html
old mode 100644
new mode 100755
index 66b1128..d3033bb
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___2.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bpm {
+	#n_24_cba {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_cba {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_33_cbb {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_33_cbb {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 338px;
+	}
+	#n_34_cbc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_34_cbc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 428px;
+		top: 376px;
+	}
+	#n_35_cbd {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_35_cbd {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_cbe {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bpm {
+	.LengthButton_cbe {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550___2.html;
 		cursor: pointer;
 	}
-	#LossButton_bpn {
+	#LossButton_cbf {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bpn {
+	.LossButton_cbf {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___2.html;
 		cursor: pointer;
 	}
-	#HelpButton_bpo {
+	#HelpButton_cbg {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bpo {
+	.HelpButton_cbg {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___2.html;
 		cursor: pointer;
 	}
-	#BackButton_bpp {
+	#BackButton_cbh {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bpp {
+	.BackButton_cbh {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1550__2">
 	<img id="n_165" src="n_165.png" srcset="n_165.png 1x, n_165@2x.png 2x">
 		
-	<svg class="LengthButton_bpm">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bpm" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_24_cba">
+		<ellipse id="n_24_cba" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_33_cbb">
+		<ellipse id="n_33_cbb" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_34_cbc">
+		<ellipse id="n_34_cbc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_35_cbd">
+		<ellipse id="n_35_cbd" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_cbe">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_cbe" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bpn">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bpn" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_cbf">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cbf" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bpo">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bpo" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cbg">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cbg" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bpp">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bpp" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cbh">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cbh" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___3.html
old mode 100644
new mode 100755
index 1d49bc1..81bc222
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_ALL_RL_1550___3.html
@@ -50,7 +50,79 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#LengthButton_bpt {
+	#n_22_cbs {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbs {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#n_22_cbt {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbt {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 335px;
+	}
+	#n_22_cbu {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbu {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 430px;
+		top: 376px;
+	}
+	#n_22_cbv {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_cbv {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 31px;
+		top: 548px;
+	}
+	#LengthButton_cbp {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +132,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LengthButton_bpt {
+	.LengthButton_cbp {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -72,7 +144,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_Length_1550___3.html;
 		cursor: pointer;
 	}
-	#LossButton_bpu {
+	#LossButton_cbq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -82,7 +154,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.LossButton_bpu {
+	.LossButton_cbq {
 		position: absolute;
 		overflow: visible;
 		width: 137px;
@@ -94,7 +166,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_LOSS_1550___3.html;
 		cursor: pointer;
 	}
-	#HelpButton_bpv {
+	#HelpButton_cbr {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -104,7 +176,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.HelpButton_bpv {
+	.HelpButton_cbr {
 		position: absolute;
 		overflow: visible;
 		width: 43px;
@@ -116,7 +188,7 @@
 		--web-action-target: OTDR_1_Tabel_ALL_HELP_1550___3.html;
 		cursor: pointer;
 	}
-	#BackButton_bpw {
+	#BackButton_cbs {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -126,7 +198,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bpw {
+	.BackButton_cbs {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -3054,20 +3126,36 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-ALL-RL-1550__3">
 	<img id="n_260" src="n_260.png" srcset="n_260.png 1x, n_260@2x.png 2x">
 		
-	<svg class="LengthButton_bpt">
-		<rect onclick="application.goToTargetView(event)" id="LengthButton_bpt" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="n_22_cbs">
+		<ellipse id="n_22_cbs" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbt">
+		<ellipse id="n_22_cbt" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbu">
+		<ellipse id="n_22_cbu" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_22_cbv">
+		<ellipse id="n_22_cbv" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="LengthButton_cbp">
+		<rect onclick="application.goToTargetView(event)" id="LengthButton_cbp" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="LossButton_bpu">
-		<rect onclick="application.goToTargetView(event)" id="LossButton_bpu" rx="0" ry="0" x="0" y="0" width="137" height="34">
+	<svg class="LossButton_cbq">
+		<rect onclick="application.goToTargetView(event)" id="LossButton_cbq" rx="0" ry="0" x="0" y="0" width="137" height="34">
 		</rect>
 	</svg>
-	<svg class="HelpButton_bpv">
-		<rect onclick="application.goToTargetView(event)" id="HelpButton_bpv" rx="0" ry="0" x="0" y="0" width="43" height="32">
+	<svg class="HelpButton_cbr">
+		<rect onclick="application.goToTargetView(event)" id="HelpButton_cbr" rx="0" ry="0" x="0" y="0" width="43" height="32">
 		</rect>
 	</svg>
-	<svg class="BackButton_bpw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bpw" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="BackButton_cbs">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_cbs" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310.html
old mode 100644
new mode 100755
index 7393d80..82c495c
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_ban {
+	#n_22_bf {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bf {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bf {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_1310.html;
 		cursor: pointer;
 	}
-	#BackButton_bao {
+	#BackButton_bga {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bao {
+	.BackButton_bga {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-HELP-1310">
 	<img id="n_84" src="n_84.png" srcset="n_84.png 1x, n_84@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_ban" class="BackButton">
-		<svg class="BackButton_bao">
-			<rect id="BackButton_bao" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bf">
+		<ellipse id="n_22_bf" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bf" class="BackButton">
+		<svg class="BackButton_bga">
+			<rect id="BackButton_bga" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___1.html
old mode 100644
new mode 100755
index feda229..9876047
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_s {
+	#n_84_blv {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bbr {
+	#n_24_blw {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_blw {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_blx {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbr {
+	.BackButton_blx {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1310__1">
-	<img id="n_84_s" src="n_84_s.png" srcset="n_84_s.png 1x, n_84_s@2x.png 2x">
+	<img id="n_84_blv" src="n_84_blv.png" srcset="n_84_blv.png 1x, n_84_blv@2x.png 2x">
 		
-	<svg class="BackButton_bbr">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bbr" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_blw">
+		<ellipse id="n_24_blw" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_blx">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_blx" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___2.html
old mode 100644
new mode 100755
index 1bae256..c515355
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bhv {
+	#n_84_byx {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bhw {
+	#n_24_byy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_byy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_byz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bhw {
+	.BackButton_byz {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1310__2">
-	<img id="n_84_bhv" src="n_84_bhv.png" srcset="n_84_bhv.png 1x, n_84_bhv@2x.png 2x">
+	<img id="n_84_byx" src="n_84_byx.png" srcset="n_84_byx.png 1x, n_84_byx@2x.png 2x">
 		
-	<svg class="BackButton_bhw">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bhw" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_byy">
+		<ellipse id="n_24_byy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_byz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_byz" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___3.html
old mode 100644
new mode 100755
index b392487..bfbd9c3
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1310___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_84_bhz {
+	#n_84_by {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bh {
+	#n_22_by {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_by {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_by {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bh {
+	.BackButton_by {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1310__3">
-	<img id="n_84_bhz" src="n_84_bhz.png" srcset="n_84_bhz.png 1x, n_84_bhz@2x.png 2x">
+	<img id="n_84_by" src="n_84_by.png" srcset="n_84_by.png 1x, n_84_by@2x.png 2x">
 		
-	<svg class="BackButton_bh">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bh" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_by">
+		<ellipse id="n_22_by" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_by">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_by" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550.html
old mode 100644
new mode 100755
index f487c22..a674e71
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550.html
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bap {
+	#n_22_bgc {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_bgc {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_bgd {
 		position: absolute;
 		width: 56px;
 		height: 42px;
@@ -62,7 +80,7 @@
 		--web-action-target: OTDR_1_Tabel_1550.html;
 		cursor: pointer;
 	}
-	#BackButton_baq {
+	#BackButton_bge {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -72,7 +90,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_baq {
+	.BackButton_bge {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2996,9 +3014,13 @@ window.application = new Application();
 <div id="OTDR-1-Tabel-HELP-1550">
 	<img id="n_85" src="n_85.png" srcset="n_85.png 1x, n_85@2x.png 2x">
 		
-	<div onclick="application.goToTargetView(event)" id="BackButton_bap" class="BackButton">
-		<svg class="BackButton_baq">
-			<rect id="BackButton_baq" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_bgc">
+		<ellipse id="n_22_bgc" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<div onclick="application.goToTargetView(event)" id="BackButton_bgd" class="BackButton">
+		<svg class="BackButton_bge">
+			<rect id="BackButton_bge" rx="0" ry="0" x="0" y="0" width="56" height="42">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___1.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___1.html
old mode 100644
new mode 100755
index 966492e..9b4f441
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___1.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___1.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_85_bbr {
+	#n_85_box {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bce {
+	#n_24_boy {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_boy {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_boz {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bce {
+	.BackButton_boz {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1550__1">
-	<img id="n_85_bbr" src="n_85_bbr.png" srcset="n_85_bbr.png 1x, n_85_bbr@2x.png 2x">
+	<img id="n_85_box" src="n_85_box.png" srcset="n_85_box.png 1x, n_85_box@2x.png 2x">
 		
-	<svg class="BackButton_bce">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bce" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_boy">
+		<ellipse id="n_24_boy" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_boz">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_boz" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___2.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___2.html
old mode 100644
new mode 100755
index 4e50ef2..6d6b6b6
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___2.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___2.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_85_bu {
+	#n_85_ckj {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bva {
+	#n_24_ckk {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_24_ckk {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ckl {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bva {
+	.BackButton_ckl {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1550__2">
-	<img id="n_85_bu" src="n_85_bu.png" srcset="n_85_bu.png 1x, n_85_bu@2x.png 2x">
+	<img id="n_85_ckj" src="n_85_ckj.png" srcset="n_85_ckj.png 1x, n_85_ckj@2x.png 2x">
 		
-	<svg class="BackButton_bva">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bva" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_24_ckk">
+		<ellipse id="n_24_ckk" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ckl">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ckl" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___3.html b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___3.html
old mode 100644
new mode 100755
index a7084f5..7a60e52
--- a/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___3.html
+++ b/public/flukemoni/Ex5/OTDR_1_Tabel_HELP_1550___3.html
@@ -42,7 +42,7 @@
 		}
 	
 	}
-	#n_85_bvd {
+	#n_85_cko {
 		position: absolute;
 		width: 480px;
 		height: 640px;
@@ -50,7 +50,25 @@
 		top: 0px;
 		overflow: visible;
 	}
-	#BackButton_bve {
+	#n_22_ckp {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_22_ckp {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 33px;
+		top: 51px;
+	}
+	#BackButton_ckq {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
@@ -60,7 +78,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bve {
+	.BackButton_ckq {
 		position: absolute;
 		overflow: visible;
 		width: 56px;
@@ -2986,10 +3004,14 @@ window.application = new Application();
 </head>
 <body>
 <div id="OTDR-1-Tabel-HELP-1550__3">
-	<img id="n_85_bvd" src="n_85_bvd.png" srcset="n_85_bvd.png 1x, n_85_bvd@2x.png 2x">
+	<img id="n_85_cko" src="n_85_cko.png" srcset="n_85_cko.png 1x, n_85_cko@2x.png 2x">
 		
-	<svg class="BackButton_bve">
-		<rect onclick="application.goToTargetView(event)" id="BackButton_bve" rx="0" ry="0" x="0" y="0" width="56" height="42">
+	<svg class="n_22_ckp">
+		<ellipse id="n_22_ckp" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="BackButton_ckq">
+		<rect onclick="application.goToTargetView(event)" id="BackButton_ckq" rx="0" ry="0" x="0" y="0" width="56" height="42">
 		</rect>
 	</svg>
 </div>
diff --git a/public/flukemoni/Ex5/SETCOMP_LA_TA_OK_SaveResult.html b/public/flukemoni/Ex5/SETCOMP_LA_TA_OK_SaveResult.html
old mode 100644
new mode 100755
index 74545b7..9f75468
--- a/public/flukemoni/Ex5/SETCOMP_LA_TA_OK_SaveResult.html
+++ b/public/flukemoni/Ex5/SETCOMP_LA_TA_OK_SaveResult.html
@@ -50,6 +50,78 @@
 		top: 0px;
 		overflow: visible;
 	}
+	#n_18 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_18 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 331px;
+		top: 219px;
+	}
+	#n_19 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_19 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 331px;
+		top: 273px;
+	}
+	#n_20 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_20 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 331px;
+		top: 327px;
+	}
+	#n_21 {
+		opacity: 0.8;
+		fill: rgba(249,188,18,1);
+		stroke: rgba(249,188,18,1);
+		stroke-width: 4px;
+		stroke-linejoin: miter;
+		stroke-linecap: butt;
+		stroke-miterlimit: 4;
+		shape-rendering: auto;
+	}
+	.n_21 {
+		position: absolute;
+		overflow: visible;
+		width: 22px;
+		height: 22px;
+		left: 331px;
+		top: 434px;
+	}
 	#TEST-04 {
 		opacity: 0;
 		fill: rgba(255,255,255,1);
@@ -138,7 +210,7 @@
 		--web-action-target: OTDR_1_EventMap_E1___4.html;
 		cursor: pointer;
 	}
-	#BackButton_bbi {
+	#BackButton_bjm {
 		opacity: 0;
 		position: absolute;
 		width: 53px;
@@ -151,7 +223,7 @@
 		--web-action-target: HOMEPAGE.html;
 		cursor: pointer;
 	}
-	#BackButton_bbj {
+	#BackButton_bjn {
 		fill: rgba(255,255,255,1);
 		stroke: rgba(112,112,112,1);
 		stroke-width: 1px;
@@ -160,7 +232,7 @@
 		stroke-miterlimit: 4;
 		shape-rendering: auto;
 	}
-	.BackButton_bbj {
+	.BackButton_bjn {
 		position: absolute;
 		overflow: visible;
 		width: 53px;
@@ -3084,6 +3156,22 @@ window.application = new Application();
 <div id="SETCOMP-LA-TA-OK-SaveResult">
 	<img id="n_109" src="n_109.png" srcset="n_109.png 1x, n_109@2x.png 2x">
 		
+	<svg class="n_18">
+		<ellipse id="n_18" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_19">
+		<ellipse id="n_19" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_20">
+		<ellipse id="n_20" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
+	<svg class="n_21">
+		<ellipse id="n_21" rx="11" ry="11" cx="11" cy="11">
+		</ellipse>
+	</svg>
 	<svg class="TEST-04">
 		<rect onclick="application.goToTargetView(event)" id="TEST-04" rx="0" ry="0" x="0" y="0" width="480" height="54">
 		</rect>
@@ -3100,9 +3188,9 @@ window.application = new Application();
 		<rect onclick="application.goToTargetView(event)" id="TEST-01" rx="0" ry="0" x="0" y="0" width="480" height="54">
 		</rect>
 	</svg>
-	<div onclick="application.goToTargetView(event)" id="BackButton_bbi" class="BackButton">
-		<svg class="BackButton_bbj">
-			<rect id="BackButton_bbj" rx="0" ry="0" x="0" y="0" width="53" height="37">
+	<div onclick="application.goToTargetView(event)" id="BackButton_bjm" class="BackButton">
+		<svg class="BackButton_bjn">
+			<rect id="BackButton_bjn" rx="0" ry="0" x="0" y="0" width="53" height="37">
 			</rect>
 		</svg>
 	</div>
diff --git a/public/flukemoni/Ex5/n_108.png b/public/flukemoni/Ex5/n_108.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_109.png b/public/flukemoni/Ex5/n_109.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_109@2x.png b/public/flukemoni/Ex5/n_109@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_110.png b/public/flukemoni/Ex5/n_110.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_110@2x.png b/public/flukemoni/Ex5/n_110@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_111.png b/public/flukemoni/Ex5/n_111.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_111@2x.png b/public/flukemoni/Ex5/n_111@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_112.png b/public/flukemoni/Ex5/n_112.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_112@2x.png b/public/flukemoni/Ex5/n_112@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_113.png b/public/flukemoni/Ex5/n_113.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_113@2x.png b/public/flukemoni/Ex5/n_113@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_114.png b/public/flukemoni/Ex5/n_114.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_114@2x.png b/public/flukemoni/Ex5/n_114@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_115.png b/public/flukemoni/Ex5/n_115.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_115@2x.png b/public/flukemoni/Ex5/n_115@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_116.png b/public/flukemoni/Ex5/n_116.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_116@2x.png b/public/flukemoni/Ex5/n_116@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_117.png b/public/flukemoni/Ex5/n_117.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_117@2x.png b/public/flukemoni/Ex5/n_117@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_118.png b/public/flukemoni/Ex5/n_118.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_118@2x.png b/public/flukemoni/Ex5/n_118@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_119.png b/public/flukemoni/Ex5/n_119.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_119@2x.png b/public/flukemoni/Ex5/n_119@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_120.png b/public/flukemoni/Ex5/n_120.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_120@2x.png b/public/flukemoni/Ex5/n_120@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_121.png b/public/flukemoni/Ex5/n_121.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_122.png b/public/flukemoni/Ex5/n_122.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_122@2x.png b/public/flukemoni/Ex5/n_122@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_123.png b/public/flukemoni/Ex5/n_123.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_123@2x.png b/public/flukemoni/Ex5/n_123@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_124.png b/public/flukemoni/Ex5/n_124.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_124@2x.png b/public/flukemoni/Ex5/n_124@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_125.png b/public/flukemoni/Ex5/n_125.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_125@2x.png b/public/flukemoni/Ex5/n_125@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_126.png b/public/flukemoni/Ex5/n_126.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_126@2x.png b/public/flukemoni/Ex5/n_126@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_127.png b/public/flukemoni/Ex5/n_127.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_127@2x.png b/public/flukemoni/Ex5/n_127@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_128.png b/public/flukemoni/Ex5/n_128.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_128@2x.png b/public/flukemoni/Ex5/n_128@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_129.png b/public/flukemoni/Ex5/n_129.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_129@2x.png b/public/flukemoni/Ex5/n_129@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_130.png b/public/flukemoni/Ex5/n_130.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_130@2x.png b/public/flukemoni/Ex5/n_130@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_131.png b/public/flukemoni/Ex5/n_131.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_131@2x.png b/public/flukemoni/Ex5/n_131@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_133.png b/public/flukemoni/Ex5/n_133.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_133@2x.png b/public/flukemoni/Ex5/n_133@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_136.png b/public/flukemoni/Ex5/n_136.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_136@2x.png b/public/flukemoni/Ex5/n_136@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_137.png b/public/flukemoni/Ex5/n_137.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_137@2x.png b/public/flukemoni/Ex5/n_137@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_138.png b/public/flukemoni/Ex5/n_138.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_138@2x.png b/public/flukemoni/Ex5/n_138@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_139.png b/public/flukemoni/Ex5/n_139.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_139@2x.png b/public/flukemoni/Ex5/n_139@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_140.png b/public/flukemoni/Ex5/n_140.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_140@2x.png b/public/flukemoni/Ex5/n_140@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_141.png b/public/flukemoni/Ex5/n_141.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_141@2x.png b/public/flukemoni/Ex5/n_141@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_142.png b/public/flukemoni/Ex5/n_142.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_142@2x.png b/public/flukemoni/Ex5/n_142@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_143.png b/public/flukemoni/Ex5/n_143.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_143@2x.png b/public/flukemoni/Ex5/n_143@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_144.png b/public/flukemoni/Ex5/n_144.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_144@2x.png b/public/flukemoni/Ex5/n_144@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_145.png b/public/flukemoni/Ex5/n_145.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_145@2x.png b/public/flukemoni/Ex5/n_145@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_146.png b/public/flukemoni/Ex5/n_146.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_146@2x.png b/public/flukemoni/Ex5/n_146@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_147.png b/public/flukemoni/Ex5/n_147.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_147@2x.png b/public/flukemoni/Ex5/n_147@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_148.png b/public/flukemoni/Ex5/n_148.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_148@2x.png b/public/flukemoni/Ex5/n_148@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_150.png b/public/flukemoni/Ex5/n_150.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_150@2x.png b/public/flukemoni/Ex5/n_150@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_151.png b/public/flukemoni/Ex5/n_151.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_151@2x.png b/public/flukemoni/Ex5/n_151@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_152.png b/public/flukemoni/Ex5/n_152.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_152@2x.png b/public/flukemoni/Ex5/n_152@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_153.png b/public/flukemoni/Ex5/n_153.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_153@2x.png b/public/flukemoni/Ex5/n_153@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_154.png b/public/flukemoni/Ex5/n_154.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_154@2x.png b/public/flukemoni/Ex5/n_154@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_155.png b/public/flukemoni/Ex5/n_155.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_155@2x.png b/public/flukemoni/Ex5/n_155@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_156.png b/public/flukemoni/Ex5/n_156.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_156@2x.png b/public/flukemoni/Ex5/n_156@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_157.png b/public/flukemoni/Ex5/n_157.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_157@2x.png b/public/flukemoni/Ex5/n_157@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_158.png b/public/flukemoni/Ex5/n_158.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_158@2x.png b/public/flukemoni/Ex5/n_158@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_159.png b/public/flukemoni/Ex5/n_159.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_159@2x.png b/public/flukemoni/Ex5/n_159@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_160.png b/public/flukemoni/Ex5/n_160.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_160@2x.png b/public/flukemoni/Ex5/n_160@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_161.png b/public/flukemoni/Ex5/n_161.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_161@2x.png b/public/flukemoni/Ex5/n_161@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_162.png b/public/flukemoni/Ex5/n_162.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_162@2x.png b/public/flukemoni/Ex5/n_162@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_163.png b/public/flukemoni/Ex5/n_163.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_163@2x.png b/public/flukemoni/Ex5/n_163@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_164.png b/public/flukemoni/Ex5/n_164.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_164@2x.png b/public/flukemoni/Ex5/n_164@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_165.png b/public/flukemoni/Ex5/n_165.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_165@2x.png b/public/flukemoni/Ex5/n_165@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_166.png b/public/flukemoni/Ex5/n_166.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_166@2x.png b/public/flukemoni/Ex5/n_166@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_167.png b/public/flukemoni/Ex5/n_167.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_167@2x.png b/public/flukemoni/Ex5/n_167@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_168.png b/public/flukemoni/Ex5/n_168.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_168@2x.png b/public/flukemoni/Ex5/n_168@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_169.png b/public/flukemoni/Ex5/n_169.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_169@2x.png b/public/flukemoni/Ex5/n_169@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_170.png b/public/flukemoni/Ex5/n_170.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_170@2x.png b/public/flukemoni/Ex5/n_170@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_171.png b/public/flukemoni/Ex5/n_171.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_171@2x.png b/public/flukemoni/Ex5/n_171@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_172.png b/public/flukemoni/Ex5/n_172.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_172@2x.png b/public/flukemoni/Ex5/n_172@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_173.png b/public/flukemoni/Ex5/n_173.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_173@2x.png b/public/flukemoni/Ex5/n_173@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_174.png b/public/flukemoni/Ex5/n_174.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_174@2x.png b/public/flukemoni/Ex5/n_174@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_175.png b/public/flukemoni/Ex5/n_175.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_175@2x.png b/public/flukemoni/Ex5/n_175@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_176.png b/public/flukemoni/Ex5/n_176.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_176@2x.png b/public/flukemoni/Ex5/n_176@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_177.png b/public/flukemoni/Ex5/n_177.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_177@2x.png b/public/flukemoni/Ex5/n_177@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_178.png b/public/flukemoni/Ex5/n_178.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_178@2x.png b/public/flukemoni/Ex5/n_178@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_179.png b/public/flukemoni/Ex5/n_179.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_179@2x.png b/public/flukemoni/Ex5/n_179@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_180.png b/public/flukemoni/Ex5/n_180.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_180@2x.png b/public/flukemoni/Ex5/n_180@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_181.png b/public/flukemoni/Ex5/n_181.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_181@2x.png b/public/flukemoni/Ex5/n_181@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_182.png b/public/flukemoni/Ex5/n_182.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_183.png b/public/flukemoni/Ex5/n_183.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_183@2x.png b/public/flukemoni/Ex5/n_183@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_184.png b/public/flukemoni/Ex5/n_184.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_184@2x.png b/public/flukemoni/Ex5/n_184@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_185.png b/public/flukemoni/Ex5/n_185.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_185@2x.png b/public/flukemoni/Ex5/n_185@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_186.png b/public/flukemoni/Ex5/n_186.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_186@2x.png b/public/flukemoni/Ex5/n_186@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_187.png b/public/flukemoni/Ex5/n_187.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_187@2x.png b/public/flukemoni/Ex5/n_187@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_188.png b/public/flukemoni/Ex5/n_188.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_188@2x.png b/public/flukemoni/Ex5/n_188@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_189.png b/public/flukemoni/Ex5/n_189.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_189@2x.png b/public/flukemoni/Ex5/n_189@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_190.png b/public/flukemoni/Ex5/n_190.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_190@2x.png b/public/flukemoni/Ex5/n_190@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_191.png b/public/flukemoni/Ex5/n_191.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_191@2x.png b/public/flukemoni/Ex5/n_191@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_192.png b/public/flukemoni/Ex5/n_192.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_192@2x.png b/public/flukemoni/Ex5/n_192@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_193.png b/public/flukemoni/Ex5/n_193.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_193@2x.png b/public/flukemoni/Ex5/n_193@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_194.png b/public/flukemoni/Ex5/n_194.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_194@2x.png b/public/flukemoni/Ex5/n_194@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_195.png b/public/flukemoni/Ex5/n_195.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_195@2x.png b/public/flukemoni/Ex5/n_195@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_196.png b/public/flukemoni/Ex5/n_196.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_196@2x.png b/public/flukemoni/Ex5/n_196@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_197.png b/public/flukemoni/Ex5/n_197.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_197@2x.png b/public/flukemoni/Ex5/n_197@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_198.png b/public/flukemoni/Ex5/n_198.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_198@2x.png b/public/flukemoni/Ex5/n_198@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_199.png b/public/flukemoni/Ex5/n_199.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_199@2x.png b/public/flukemoni/Ex5/n_199@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_200.png b/public/flukemoni/Ex5/n_200.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_200@2x.png b/public/flukemoni/Ex5/n_200@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_201.png b/public/flukemoni/Ex5/n_201.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_201@2x.png b/public/flukemoni/Ex5/n_201@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_202.png b/public/flukemoni/Ex5/n_202.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_202@2x.png b/public/flukemoni/Ex5/n_202@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_203.png b/public/flukemoni/Ex5/n_203.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_203@2x.png b/public/flukemoni/Ex5/n_203@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_204.png b/public/flukemoni/Ex5/n_204.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_204@2x.png b/public/flukemoni/Ex5/n_204@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_205.png b/public/flukemoni/Ex5/n_205.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_205@2x.png b/public/flukemoni/Ex5/n_205@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_206.png b/public/flukemoni/Ex5/n_206.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_206@2x.png b/public/flukemoni/Ex5/n_206@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_207.png b/public/flukemoni/Ex5/n_207.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_207@2x.png b/public/flukemoni/Ex5/n_207@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_208.png b/public/flukemoni/Ex5/n_208.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_208@2x.png b/public/flukemoni/Ex5/n_208@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_209.png b/public/flukemoni/Ex5/n_209.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_209@2x.png b/public/flukemoni/Ex5/n_209@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_210.png b/public/flukemoni/Ex5/n_210.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_210@2x.png b/public/flukemoni/Ex5/n_210@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_211.png b/public/flukemoni/Ex5/n_211.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_211@2x.png b/public/flukemoni/Ex5/n_211@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_212.png b/public/flukemoni/Ex5/n_212.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_212@2x.png b/public/flukemoni/Ex5/n_212@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_213.png b/public/flukemoni/Ex5/n_213.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_213@2x.png b/public/flukemoni/Ex5/n_213@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_214.png b/public/flukemoni/Ex5/n_214.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_214@2x.png b/public/flukemoni/Ex5/n_214@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_215.png b/public/flukemoni/Ex5/n_215.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_215@2x.png b/public/flukemoni/Ex5/n_215@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_216.png b/public/flukemoni/Ex5/n_216.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_216@2x.png b/public/flukemoni/Ex5/n_216@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_217.png b/public/flukemoni/Ex5/n_217.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_217@2x.png b/public/flukemoni/Ex5/n_217@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_218.png b/public/flukemoni/Ex5/n_218.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_218@2x.png b/public/flukemoni/Ex5/n_218@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_219.png b/public/flukemoni/Ex5/n_219.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_219@2x.png b/public/flukemoni/Ex5/n_219@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_220.png b/public/flukemoni/Ex5/n_220.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_220@2x.png b/public/flukemoni/Ex5/n_220@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_221.png b/public/flukemoni/Ex5/n_221.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_221@2x.png b/public/flukemoni/Ex5/n_221@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_222.png b/public/flukemoni/Ex5/n_222.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_222@2x.png b/public/flukemoni/Ex5/n_222@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_223.png b/public/flukemoni/Ex5/n_223.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_223@2x.png b/public/flukemoni/Ex5/n_223@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_224.png b/public/flukemoni/Ex5/n_224.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_224@2x.png b/public/flukemoni/Ex5/n_224@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_225.png b/public/flukemoni/Ex5/n_225.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_225@2x.png b/public/flukemoni/Ex5/n_225@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_226.png b/public/flukemoni/Ex5/n_226.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_226@2x.png b/public/flukemoni/Ex5/n_226@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_227.png b/public/flukemoni/Ex5/n_227.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_227@2x.png b/public/flukemoni/Ex5/n_227@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_228.png b/public/flukemoni/Ex5/n_228.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_228@2x.png b/public/flukemoni/Ex5/n_228@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_229.png b/public/flukemoni/Ex5/n_229.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_229@2x.png b/public/flukemoni/Ex5/n_229@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_230.png b/public/flukemoni/Ex5/n_230.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_230@2x.png b/public/flukemoni/Ex5/n_230@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_231.png b/public/flukemoni/Ex5/n_231.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_231@2x.png b/public/flukemoni/Ex5/n_231@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_232.png b/public/flukemoni/Ex5/n_232.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_232@2x.png b/public/flukemoni/Ex5/n_232@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_233.png b/public/flukemoni/Ex5/n_233.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_233@2x.png b/public/flukemoni/Ex5/n_233@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_234.png b/public/flukemoni/Ex5/n_234.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_234@2x.png b/public/flukemoni/Ex5/n_234@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_235.png b/public/flukemoni/Ex5/n_235.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_235@2x.png b/public/flukemoni/Ex5/n_235@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_236.png b/public/flukemoni/Ex5/n_236.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_236@2x.png b/public/flukemoni/Ex5/n_236@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_237.png b/public/flukemoni/Ex5/n_237.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_238.png b/public/flukemoni/Ex5/n_238.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_238@2x.png b/public/flukemoni/Ex5/n_238@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_239.png b/public/flukemoni/Ex5/n_239.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_239@2x.png b/public/flukemoni/Ex5/n_239@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_240.png b/public/flukemoni/Ex5/n_240.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_240@2x.png b/public/flukemoni/Ex5/n_240@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_241.png b/public/flukemoni/Ex5/n_241.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_241@2x.png b/public/flukemoni/Ex5/n_241@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_242.png b/public/flukemoni/Ex5/n_242.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_242@2x.png b/public/flukemoni/Ex5/n_242@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_243.png b/public/flukemoni/Ex5/n_243.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_243@2x.png b/public/flukemoni/Ex5/n_243@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_244.png b/public/flukemoni/Ex5/n_244.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_244@2x.png b/public/flukemoni/Ex5/n_244@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_245.png b/public/flukemoni/Ex5/n_245.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_245@2x.png b/public/flukemoni/Ex5/n_245@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_246.png b/public/flukemoni/Ex5/n_246.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_246@2x.png b/public/flukemoni/Ex5/n_246@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_247.png b/public/flukemoni/Ex5/n_247.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_247@2x.png b/public/flukemoni/Ex5/n_247@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_248.png b/public/flukemoni/Ex5/n_248.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_248@2x.png b/public/flukemoni/Ex5/n_248@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_249.png b/public/flukemoni/Ex5/n_249.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_249@2x.png b/public/flukemoni/Ex5/n_249@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_250.png b/public/flukemoni/Ex5/n_250.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_250@2x.png b/public/flukemoni/Ex5/n_250@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_251.png b/public/flukemoni/Ex5/n_251.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_251@2x.png b/public/flukemoni/Ex5/n_251@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_252.png b/public/flukemoni/Ex5/n_252.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_252@2x.png b/public/flukemoni/Ex5/n_252@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_253.png b/public/flukemoni/Ex5/n_253.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_253@2x.png b/public/flukemoni/Ex5/n_253@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_254.png b/public/flukemoni/Ex5/n_254.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_254@2x.png b/public/flukemoni/Ex5/n_254@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_255.png b/public/flukemoni/Ex5/n_255.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_255@2x.png b/public/flukemoni/Ex5/n_255@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_256.png b/public/flukemoni/Ex5/n_256.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_256@2x.png b/public/flukemoni/Ex5/n_256@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_257.png b/public/flukemoni/Ex5/n_257.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_257@2x.png b/public/flukemoni/Ex5/n_257@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_258.png b/public/flukemoni/Ex5/n_258.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_258@2x.png b/public/flukemoni/Ex5/n_258@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_259.png b/public/flukemoni/Ex5/n_259.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_259@2x.png b/public/flukemoni/Ex5/n_259@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_260.png b/public/flukemoni/Ex5/n_260.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_260@2x.png b/public/flukemoni/Ex5/n_260@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_261.png b/public/flukemoni/Ex5/n_261.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_261@2x.png b/public/flukemoni/Ex5/n_261@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_262.png b/public/flukemoni/Ex5/n_262.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_262@2x.png b/public/flukemoni/Ex5/n_262@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_263.png b/public/flukemoni/Ex5/n_263.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_263@2x.png b/public/flukemoni/Ex5/n_263@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_264.png b/public/flukemoni/Ex5/n_264.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_264@2x.png b/public/flukemoni/Ex5/n_264@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_265.png b/public/flukemoni/Ex5/n_265.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_265@2x.png b/public/flukemoni/Ex5/n_265@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_266.png b/public/flukemoni/Ex5/n_266.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_266@2x.png b/public/flukemoni/Ex5/n_266@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_267.png b/public/flukemoni/Ex5/n_267.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_267@2x.png b/public/flukemoni/Ex5/n_267@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_269.png b/public/flukemoni/Ex5/n_269.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_269@2x.png b/public/flukemoni/Ex5/n_269@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_270.png b/public/flukemoni/Ex5/n_270.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_270@2x.png b/public/flukemoni/Ex5/n_270@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_272.png b/public/flukemoni/Ex5/n_272.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_272@2x.png b/public/flukemoni/Ex5/n_272@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_273.png b/public/flukemoni/Ex5/n_273.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_273@2x.png b/public/flukemoni/Ex5/n_273@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_274.png b/public/flukemoni/Ex5/n_274.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_274@2x.png b/public/flukemoni/Ex5/n_274@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_275.png b/public/flukemoni/Ex5/n_275.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_275@2x.png b/public/flukemoni/Ex5/n_275@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_276.png b/public/flukemoni/Ex5/n_276.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_276@2x.png b/public/flukemoni/Ex5/n_276@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_277.png b/public/flukemoni/Ex5/n_277.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_277@2x.png b/public/flukemoni/Ex5/n_277@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_278.png b/public/flukemoni/Ex5/n_278.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_278@2x.png b/public/flukemoni/Ex5/n_278@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_279.png b/public/flukemoni/Ex5/n_279.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_279@2x.png b/public/flukemoni/Ex5/n_279@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_280.png b/public/flukemoni/Ex5/n_280.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_280@2x.png b/public/flukemoni/Ex5/n_280@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_281.png b/public/flukemoni/Ex5/n_281.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_281@2x.png b/public/flukemoni/Ex5/n_281@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_66.png b/public/flukemoni/Ex5/n_66.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_66@2x.png b/public/flukemoni/Ex5/n_66@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_66_z.png b/public/flukemoni/Ex5/n_66_.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_66_z.png
rename to public/flukemoni/Ex5/n_66_.png
diff --git a/public/flukemoni/Ex5/n_66_z@2x.png b/public/flukemoni/Ex5/n_66_@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_66_z@2x.png
rename to public/flukemoni/Ex5/n_66_@2x.png
diff --git a/public/flukemoni/Ex5/n_67.png b/public/flukemoni/Ex5/n_67.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_67@2x.png b/public/flukemoni/Ex5/n_67@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_67_zx.png b/public/flukemoni/Ex5/n_67_z.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_67_zx.png
rename to public/flukemoni/Ex5/n_67_z.png
diff --git a/public/flukemoni/Ex5/n_67_zx@2x.png b/public/flukemoni/Ex5/n_67_z@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_67_zx@2x.png
rename to public/flukemoni/Ex5/n_67_z@2x.png
diff --git a/public/flukemoni/Ex5/n_68.png b/public/flukemoni/Ex5/n_68.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_68@2x.png b/public/flukemoni/Ex5/n_68@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_68_zs.png b/public/flukemoni/Ex5/n_68_t.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_68_zs.png
rename to public/flukemoni/Ex5/n_68_t.png
diff --git a/public/flukemoni/Ex5/n_68_zs@2x.png b/public/flukemoni/Ex5/n_68_t@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_68_zs@2x.png
rename to public/flukemoni/Ex5/n_68_t@2x.png
diff --git a/public/flukemoni/Ex5/n_69.png b/public/flukemoni/Ex5/n_69.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_69@2x.png b/public/flukemoni/Ex5/n_69@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_69_zn.png b/public/flukemoni/Ex5/n_69_n.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_69_zn.png
rename to public/flukemoni/Ex5/n_69_n.png
diff --git a/public/flukemoni/Ex5/n_69_zn@2x.png b/public/flukemoni/Ex5/n_69_n@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_69_zn@2x.png
rename to public/flukemoni/Ex5/n_69_n@2x.png
diff --git a/public/flukemoni/Ex5/n_70.png b/public/flukemoni/Ex5/n_70.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_70@2x.png b/public/flukemoni/Ex5/n_70@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_70_zi.png b/public/flukemoni/Ex5/n_70_h.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_70_zi.png
rename to public/flukemoni/Ex5/n_70_h.png
diff --git a/public/flukemoni/Ex5/n_70_zi@2x.png b/public/flukemoni/Ex5/n_70_h@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_70_zi@2x.png
rename to public/flukemoni/Ex5/n_70_h@2x.png
diff --git a/public/flukemoni/Ex5/n_71.png b/public/flukemoni/Ex5/n_71.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71@2x.png b/public/flukemoni/Ex5/n_71@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_b.png b/public/flukemoni/Ex5/n_71_b.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_b@2x.png b/public/flukemoni/Ex5/n_71_b@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bb.png b/public/flukemoni/Ex5/n_71_bb.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bb@2x.png b/public/flukemoni/Ex5/n_71_bb@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_.png b/public/flukemoni/Ex5/n_71_bg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_.png
rename to public/flukemoni/Ex5/n_71_bg.png
diff --git a/public/flukemoni/Ex5/n_71_@2x.png b/public/flukemoni/Ex5/n_71_bg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_@2x.png
rename to public/flukemoni/Ex5/n_71_bg@2x.png
diff --git a/public/flukemoni/Ex5/n_71_ba.png b/public/flukemoni/Ex5/n_71_bjq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_ba.png
rename to public/flukemoni/Ex5/n_71_bjq.png
diff --git a/public/flukemoni/Ex5/n_71_ba@2x.png b/public/flukemoni/Ex5/n_71_bjq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_ba@2x.png
rename to public/flukemoni/Ex5/n_71_bjq@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bc.png b/public/flukemoni/Ex5/n_71_bkr.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bc.png
rename to public/flukemoni/Ex5/n_71_bkr.png
diff --git a/public/flukemoni/Ex5/n_71_bc@2x.png b/public/flukemoni/Ex5/n_71_bkr@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bc@2x.png
rename to public/flukemoni/Ex5/n_71_bkr@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bp.png b/public/flukemoni/Ex5/n_71_bp.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bp@2x.png b/public/flukemoni/Ex5/n_71_bp@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bu.png b/public/flukemoni/Ex5/n_71_bu.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bu@2x.png b/public/flukemoni/Ex5/n_71_bu@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_71_bd.png b/public/flukemoni/Ex5/n_71_bun.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bd.png
rename to public/flukemoni/Ex5/n_71_bun.png
diff --git a/public/flukemoni/Ex5/n_71_bd@2x.png b/public/flukemoni/Ex5/n_71_bun@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bd@2x.png
rename to public/flukemoni/Ex5/n_71_bun@2x.png
diff --git a/public/flukemoni/Ex5/n_71_be.png b/public/flukemoni/Ex5/n_71_bus.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_be.png
rename to public/flukemoni/Ex5/n_71_bus.png
diff --git a/public/flukemoni/Ex5/n_71_be@2x.png b/public/flukemoni/Ex5/n_71_bus@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_be@2x.png
rename to public/flukemoni/Ex5/n_71_bus@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bfa.png b/public/flukemoni/Ex5/n_71_bwp.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bfa.png
rename to public/flukemoni/Ex5/n_71_bwp.png
diff --git a/public/flukemoni/Ex5/n_71_bfa@2x.png b/public/flukemoni/Ex5/n_71_bwp@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bfa@2x.png
rename to public/flukemoni/Ex5/n_71_bwp@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bgf.png b/public/flukemoni/Ex5/n_71_bwu.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bgf.png
rename to public/flukemoni/Ex5/n_71_bwu.png
diff --git a/public/flukemoni/Ex5/n_71_bgf@2x.png b/public/flukemoni/Ex5/n_71_bwu@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bgf@2x.png
rename to public/flukemoni/Ex5/n_71_bwu@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bgj.png b/public/flukemoni/Ex5/n_71_c.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bgj.png
rename to public/flukemoni/Ex5/n_71_c.png
diff --git a/public/flukemoni/Ex5/n_71_bgj@2x.png b/public/flukemoni/Ex5/n_71_c@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bgj@2x.png
rename to public/flukemoni/Ex5/n_71_c@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bh.png b/public/flukemoni/Ex5/n_71_ca.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bh.png
rename to public/flukemoni/Ex5/n_71_ca.png
diff --git a/public/flukemoni/Ex5/n_71_bh@2x.png b/public/flukemoni/Ex5/n_71_ca@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bh@2x.png
rename to public/flukemoni/Ex5/n_71_ca@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bj.png b/public/flukemoni/Ex5/n_71_cb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bj.png
rename to public/flukemoni/Ex5/n_71_cb.png
diff --git a/public/flukemoni/Ex5/n_71_bj@2x.png b/public/flukemoni/Ex5/n_71_cb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bj@2x.png
rename to public/flukemoni/Ex5/n_71_cb@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bka.png b/public/flukemoni/Ex5/n_71_cc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bka.png
rename to public/flukemoni/Ex5/n_71_cc.png
diff --git a/public/flukemoni/Ex5/n_71_bka@2x.png b/public/flukemoni/Ex5/n_71_cc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bka@2x.png
rename to public/flukemoni/Ex5/n_71_cc@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bl.png b/public/flukemoni/Ex5/n_71_cd.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bl.png
rename to public/flukemoni/Ex5/n_71_cd.png
diff --git a/public/flukemoni/Ex5/n_71_bl@2x.png b/public/flukemoni/Ex5/n_71_cd@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bl@2x.png
rename to public/flukemoni/Ex5/n_71_cd@2x.png
diff --git a/public/flukemoni/Ex5/n_71_blm.png b/public/flukemoni/Ex5/n_71_cf.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_blm.png
rename to public/flukemoni/Ex5/n_71_cf.png
diff --git a/public/flukemoni/Ex5/n_71_blm@2x.png b/public/flukemoni/Ex5/n_71_cf@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_blm@2x.png
rename to public/flukemoni/Ex5/n_71_cf@2x.png
diff --git a/public/flukemoni/Ex5/n_71_blq.png b/public/flukemoni/Ex5/n_71_cgc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_blq.png
rename to public/flukemoni/Ex5/n_71_cgc.png
diff --git a/public/flukemoni/Ex5/n_71_blq@2x.png b/public/flukemoni/Ex5/n_71_cgc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_blq@2x.png
rename to public/flukemoni/Ex5/n_71_cgc@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bm.png b/public/flukemoni/Ex5/n_71_cil.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bm.png
rename to public/flukemoni/Ex5/n_71_cil.png
diff --git a/public/flukemoni/Ex5/n_71_bm@2x.png b/public/flukemoni/Ex5/n_71_cil@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bm@2x.png
rename to public/flukemoni/Ex5/n_71_cil@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bq.png b/public/flukemoni/Ex5/n_71_ciq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bq.png
rename to public/flukemoni/Ex5/n_71_ciq.png
diff --git a/public/flukemoni/Ex5/n_71_bq@2x.png b/public/flukemoni/Ex5/n_71_ciq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bq@2x.png
rename to public/flukemoni/Ex5/n_71_ciq@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bsj.png b/public/flukemoni/Ex5/n_71_cv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bsj.png
rename to public/flukemoni/Ex5/n_71_cv.png
diff --git a/public/flukemoni/Ex5/n_71_bsj@2x.png b/public/flukemoni/Ex5/n_71_cv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bsj@2x.png
rename to public/flukemoni/Ex5/n_71_cv@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bsn.png b/public/flukemoni/Ex5/n_71_cvb.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bsn.png
rename to public/flukemoni/Ex5/n_71_cvb.png
diff --git a/public/flukemoni/Ex5/n_71_bsn@2x.png b/public/flukemoni/Ex5/n_71_cvb@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bsn@2x.png
rename to public/flukemoni/Ex5/n_71_cvb@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bt.png b/public/flukemoni/Ex5/n_71_cvg.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bt.png
rename to public/flukemoni/Ex5/n_71_cvg.png
diff --git a/public/flukemoni/Ex5/n_71_bt@2x.png b/public/flukemoni/Ex5/n_71_cvg@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bt@2x.png
rename to public/flukemoni/Ex5/n_71_cvg@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bua.png b/public/flukemoni/Ex5/n_71_cvl.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bua.png
rename to public/flukemoni/Ex5/n_71_cvl.png
diff --git a/public/flukemoni/Ex5/n_71_bua@2x.png b/public/flukemoni/Ex5/n_71_cvl@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bua@2x.png
rename to public/flukemoni/Ex5/n_71_cvl@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bw.png b/public/flukemoni/Ex5/n_71_cvq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bw.png
rename to public/flukemoni/Ex5/n_71_cvq.png
diff --git a/public/flukemoni/Ex5/n_71_bw@2x.png b/public/flukemoni/Ex5/n_71_cvq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bw@2x.png
rename to public/flukemoni/Ex5/n_71_cvq@2x.png
diff --git a/public/flukemoni/Ex5/n_71_bx.png b/public/flukemoni/Ex5/n_71_cvv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bx.png
rename to public/flukemoni/Ex5/n_71_cvv.png
diff --git a/public/flukemoni/Ex5/n_71_bx@2x.png b/public/flukemoni/Ex5/n_71_cvv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_bx@2x.png
rename to public/flukemoni/Ex5/n_71_cvv@2x.png
diff --git a/public/flukemoni/Ex5/n_71_by.png b/public/flukemoni/Ex5/n_71_cxa.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_by.png
rename to public/flukemoni/Ex5/n_71_cxa.png
diff --git a/public/flukemoni/Ex5/n_71_by@2x.png b/public/flukemoni/Ex5/n_71_cxa@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_71_by@2x.png
rename to public/flukemoni/Ex5/n_71_cxa@2x.png
diff --git a/public/flukemoni/Ex5/n_71_f.png b/public/flukemoni/Ex5/n_71_f.png
deleted file mode 100644
index 0e30cf1..0000000
Binary files a/public/flukemoni/Ex5/n_71_f.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_71_f@2x.png b/public/flukemoni/Ex5/n_71_f@2x.png
deleted file mode 100644
index 67a7570..0000000
Binary files a/public/flukemoni/Ex5/n_71_f@2x.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_71_zd.png b/public/flukemoni/Ex5/n_71_zd.png
deleted file mode 100644
index 0e30cf1..0000000
Binary files a/public/flukemoni/Ex5/n_71_zd.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_71_zd@2x.png b/public/flukemoni/Ex5/n_71_zd@2x.png
deleted file mode 100644
index 67a7570..0000000
Binary files a/public/flukemoni/Ex5/n_71_zd@2x.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_84.png b/public/flukemoni/Ex5/n_84.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_84@2x.png b/public/flukemoni/Ex5/n_84@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_84_bbv.png b/public/flukemoni/Ex5/n_84_bin.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bbv.png
rename to public/flukemoni/Ex5/n_84_bin.png
diff --git a/public/flukemoni/Ex5/n_84_bbv@2x.png b/public/flukemoni/Ex5/n_84_bin@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bbv@2x.png
rename to public/flukemoni/Ex5/n_84_bin@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bhn.png b/public/flukemoni/Ex5/n_84_bit.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhn.png
rename to public/flukemoni/Ex5/n_84_bit.png
diff --git a/public/flukemoni/Ex5/n_84_bhn@2x.png b/public/flukemoni/Ex5/n_84_bit@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhn@2x.png
rename to public/flukemoni/Ex5/n_84_bit@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bhr.png b/public/flukemoni/Ex5/n_84_blq.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhr.png
rename to public/flukemoni/Ex5/n_84_blq.png
diff --git a/public/flukemoni/Ex5/n_84_bhr@2x.png b/public/flukemoni/Ex5/n_84_blq@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhr@2x.png
rename to public/flukemoni/Ex5/n_84_blq@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bhv.png b/public/flukemoni/Ex5/n_84_blv.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhv.png
rename to public/flukemoni/Ex5/n_84_blv.png
diff --git a/public/flukemoni/Ex5/n_84_bhv@2x.png b/public/flukemoni/Ex5/n_84_blv@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhv@2x.png
rename to public/flukemoni/Ex5/n_84_blv@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bhz.png b/public/flukemoni/Ex5/n_84_bo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhz.png
rename to public/flukemoni/Ex5/n_84_bo.png
diff --git a/public/flukemoni/Ex5/n_84_bhz@2x.png b/public/flukemoni/Ex5/n_84_bo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bhz@2x.png
rename to public/flukemoni/Ex5/n_84_bo@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bi.png b/public/flukemoni/Ex5/n_84_by.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bi.png
rename to public/flukemoni/Ex5/n_84_by.png
diff --git a/public/flukemoni/Ex5/n_84_bi@2x.png b/public/flukemoni/Ex5/n_84_by@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bi@2x.png
rename to public/flukemoni/Ex5/n_84_by@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bvh.png b/public/flukemoni/Ex5/n_84_byn.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bvh.png
rename to public/flukemoni/Ex5/n_84_byn.png
diff --git a/public/flukemoni/Ex5/n_84_bvh@2x.png b/public/flukemoni/Ex5/n_84_byn@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bvh@2x.png
rename to public/flukemoni/Ex5/n_84_byn@2x.png
diff --git a/public/flukemoni/Ex5/n_84_bvl.png b/public/flukemoni/Ex5/n_84_bys.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bvl.png
rename to public/flukemoni/Ex5/n_84_bys.png
diff --git a/public/flukemoni/Ex5/n_84_bvl@2x.png b/public/flukemoni/Ex5/n_84_bys@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_bvl@2x.png
rename to public/flukemoni/Ex5/n_84_bys@2x.png
diff --git a/public/flukemoni/Ex5/n_84_k.png b/public/flukemoni/Ex5/n_84_byx.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_k.png
rename to public/flukemoni/Ex5/n_84_byx.png
diff --git a/public/flukemoni/Ex5/n_84_k@2x.png b/public/flukemoni/Ex5/n_84_byx@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_k@2x.png
rename to public/flukemoni/Ex5/n_84_byx@2x.png
diff --git a/public/flukemoni/Ex5/n_84_o.png b/public/flukemoni/Ex5/n_84_ckt.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_o.png
rename to public/flukemoni/Ex5/n_84_ckt.png
diff --git a/public/flukemoni/Ex5/n_84_o@2x.png b/public/flukemoni/Ex5/n_84_ckt@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_o@2x.png
rename to public/flukemoni/Ex5/n_84_ckt@2x.png
diff --git a/public/flukemoni/Ex5/n_84_p.png b/public/flukemoni/Ex5/n_84_cth.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_p.png
rename to public/flukemoni/Ex5/n_84_cth.png
diff --git a/public/flukemoni/Ex5/n_84_p@2x.png b/public/flukemoni/Ex5/n_84_cth@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_p@2x.png
rename to public/flukemoni/Ex5/n_84_cth@2x.png
diff --git a/public/flukemoni/Ex5/n_85.png b/public/flukemoni/Ex5/n_85.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_85@2x.png b/public/flukemoni/Ex5/n_85@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_84_s.png b/public/flukemoni/Ex5/n_85_box.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_s.png
rename to public/flukemoni/Ex5/n_85_box.png
diff --git a/public/flukemoni/Ex5/n_84_s@2x.png b/public/flukemoni/Ex5/n_85_box@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_84_s@2x.png
rename to public/flukemoni/Ex5/n_85_box@2x.png
diff --git a/public/flukemoni/Ex5/n_85_bvd.png b/public/flukemoni/Ex5/n_85_bvd.png
deleted file mode 100644
index 3161d84..0000000
Binary files a/public/flukemoni/Ex5/n_85_bvd.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_85_bvd@2x.png b/public/flukemoni/Ex5/n_85_bvd@2x.png
deleted file mode 100644
index 7dc170e..0000000
Binary files a/public/flukemoni/Ex5/n_85_bvd@2x.png and /dev/null differ
diff --git a/public/flukemoni/Ex5/n_85_bbr.png b/public/flukemoni/Ex5/n_85_ckj.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_85_bbr.png
rename to public/flukemoni/Ex5/n_85_ckj.png
diff --git a/public/flukemoni/Ex5/n_85_bbr@2x.png b/public/flukemoni/Ex5/n_85_ckj@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_85_bbr@2x.png
rename to public/flukemoni/Ex5/n_85_ckj@2x.png
diff --git a/public/flukemoni/Ex5/n_85_bu.png b/public/flukemoni/Ex5/n_85_cko.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_85_bu.png
rename to public/flukemoni/Ex5/n_85_cko.png
diff --git a/public/flukemoni/Ex5/n_85_bu@2x.png b/public/flukemoni/Ex5/n_85_cko@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_85_bu@2x.png
rename to public/flukemoni/Ex5/n_85_cko@2x.png
diff --git a/public/flukemoni/Ex5/n_89.png b/public/flukemoni/Ex5/n_89.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_89@2x.png b/public/flukemoni/Ex5/n_89@2x.png
old mode 100644
new mode 100755
diff --git a/public/flukemoni/Ex5/n_89_bbz.png b/public/flukemoni/Ex5/n_89_bo.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bbz.png
rename to public/flukemoni/Ex5/n_89_bo.png
diff --git a/public/flukemoni/Ex5/n_89_bbz@2x.png b/public/flukemoni/Ex5/n_89_bo@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bbz@2x.png
rename to public/flukemoni/Ex5/n_89_bo@2x.png
diff --git a/public/flukemoni/Ex5/n_89_bh.png b/public/flukemoni/Ex5/n_89_by.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bh.png
rename to public/flukemoni/Ex5/n_89_by.png
diff --git a/public/flukemoni/Ex5/n_89_bh@2x.png b/public/flukemoni/Ex5/n_89_by@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bh@2x.png
rename to public/flukemoni/Ex5/n_89_by@2x.png
diff --git a/public/flukemoni/Ex5/n_89_bia.png b/public/flukemoni/Ex5/n_89_bzc.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bia.png
rename to public/flukemoni/Ex5/n_89_bzc.png
diff --git a/public/flukemoni/Ex5/n_89_bia@2x.png b/public/flukemoni/Ex5/n_89_bzc@2x.png
old mode 100644
new mode 100755
similarity index 100%
rename from public/flukemoni/Ex5/n_89_bia@2x.png
rename to public/flukemoni/Ex5/n_89_bzc@2x.png
diff --git a/src/components/Grade/Grade.module.css b/src/components/Grade/Grade.module.css
new file mode 100644
index 0000000..532cb05
--- /dev/null
+++ b/src/components/Grade/Grade.module.css
@@ -0,0 +1,17 @@
+.fullscreen {
+  
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+}
+
+.iframe {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
diff --git a/src/components/Grade/index.jsx b/src/components/Grade/index.jsx
new file mode 100644
index 0000000..b33037d
--- /dev/null
+++ b/src/components/Grade/index.jsx
@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import styles from './Grade.module.css';
+
+const hostname = typeof window !== 'undefined' ? window.location.hostname : '';
+const PROTOCOL = typeof window !== 'undefined' ? window.location.protocol : '';
+
+const BASE_URL = `${PROTOCOL}//${hostname}:3003`;
+const currentUrl = typeof window !== 'undefined' ? window.location.href : '';
+const urlParams = new URLSearchParams(currentUrl.split('?')[1] || '');
+let orgParam = urlParams.get('org') || '';
+
+export default function Grade() {
+  const [src] = useState(`${BASE_URL}/grade?org=${orgParam}`);
+  return (
+    <div className={styles.fullscreen}>
+      <iframe
+        className={styles.iframe}
+        src={src}
+        title="仿真评价"
+        allowFullScreen
+      />
+    </div>
+  );
+}
diff --git a/src/pages/Control/index.jsx b/src/pages/Control/index.jsx
index 953d430..c982823 100644
--- a/src/pages/Control/index.jsx
+++ b/src/pages/Control/index.jsx
@@ -1,6 +1,8 @@
 import { useState } from 'react';
 import ScoreQuery from '../../components/ScoreQuery';
 import Materials from '../../components/Materials';
+import Grade from '../../components/Grade';
+
 import styles from './Control.module.css';
 
 export default function Control() {
@@ -12,6 +14,10 @@ export default function Control() {
       key: 'score',
       label: '成绩查询',
     },
+    {
+      key: 'grade',
+      label: '仿真评价',
+    },
     {
       key: 'materials',
       label: '课件/教案',
@@ -33,6 +39,8 @@ export default function Control() {
         return <ScoreQuery />;
       case 'materials':
         return <Materials/>; // 这里需要替换为实际的课件/教案组件
+      case 'grade':
+        return <Grade/>; // 这里需要替换为实际的仿真评价组件
       default:
         return null;
     }