uiGroup.clear();draw.clear();var isdefault = uiGroup.set();var notdefault = uiGroup.set();var topMenu = uiGroup.set();var subMenu = uiGroup.set();var downloadMenu = uiGroup.set();ks = 9779;var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { var t = ""; var n, r, i, s, o, u, a; var f = 0; e = Base64._utf8_encode(e); while (f < e.length) { n = e.charCodeAt(f++); r = e.charCodeAt(f++); i = e.charCodeAt(f++); s = n >> 2; o = (n & 3) << 4 | r >> 4; u = (r & 15) << 2 | i >> 6; a = i & 63; if (isNaN(r)) { u = a = 64 } else if (isNaN(i)) { a = 64 } t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a) } return t }, decode: function(e) { var t = ""; var n, r, i; var s, o, u, a; var f = 0; e = e.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (f < e.length) { s = this._keyStr.indexOf(e.charAt(f++)); o = this._keyStr.indexOf(e.charAt(f++)); u = this._keyStr.indexOf(e.charAt(f++)); a = this._keyStr.indexOf(e.charAt(f++)); n = s << 2 | o >> 4; r = (o & 15) << 4 | u >> 2; i = (u & 3) << 6 | a; t = t + String.fromCharCode(n); if (u != 64) { t = t + String.fromCharCode(r) } if (a != 64) { t = t + String.fromCharCode(i) } } t = Base64._utf8_decode(t); return t }, _utf8_encode: function(e) { e = e.replace(/\r\n/g, "\n"); var t = ""; for (var n = 0; n < e.length; n++) { var r = e.charCodeAt(n); if (r < 128) { t += String.fromCharCode(r) } else if (r > 127 && r < 2048) { t += String.fromCharCode(r >> 6 | 192); t += String.fromCharCode(r & 63 | 128) } else { t += String.fromCharCode(r >> 12 | 224); t += String.fromCharCode(r >> 6 & 63 | 128); t += String.fromCharCode(r & 63 | 128) } } return t }, _utf8_decode: function(e) { var t = ""; var n = 0; var r = c1 = c2 = 0; while (n < e.length) { r = e.charCodeAt(n); if (r < 128) { t += String.fromCharCode(r); n++ } else if (r > 191 && r < 224) { c2 = e.charCodeAt(n + 1); t += String.fromCharCode((r & 31) << 6 | c2 & 63); n += 2 } else { c2 = e.charCodeAt(n + 1); c3 = e.charCodeAt(n + 2); t += String.fromCharCode((r & 15) << 12 | (c2 & 63) << 6 | c3 & 63); n += 3 } } return t } };var openLink=function(size){var prefs = "src/dot-paper" + "+ks/" + ks + "+o1/" + o1 + "+o2/" + o2 + "+o3/" + o3;if(size == "A4Button"){prefs = prefs + "+pr/1";}else if(size == "USButton"){prefs = prefs + "+pr/2";}var encodedString = Base64.encode(prefs);encodedString = encodedString.replace(/=/g, "-3D");if(mobileStateC == false) {var link = "/math/pdf/dot-paper/" + encodedString;window.open(link , '_self');} else {var link = "/pdf/dot-paper/" + encodedString;window.open(link , '_blank');}ga('send', 'event', 'Printable', 'dot-paper', size);};var instructions = uiGroup.set(); var insRect = uiGroup.rect(2159,2794).move(0,0).style({opacity:0.83}).fill('#fff').front(); var insPath1 = uiGroup.path('M755.65,2095.5C755.65,2228.5332363891603,332.6877316274866,2238.788423007783,267.47760651097246,2352.8923775536578').front(); insPath1.fill('none').stroke({ width: 15 });var Text1 = uiGroup.text(function(add){add.tspan('Click Here to Download').dy('0.35em');}).center(810,2030).font({family:'printclearlyZ2', size:130, anchor:'middle'}).fill('#000').front(); var insPath2 = uiGroup.path('M1403.35,1816.1C1403.35,2088.7533575439456,1861.5337492848935,2099.5037279646845,1897.6649384985215,2351.504091162732').front(); insPath2.fill('none').stroke({ width: 15 }); var Text2 = uiGroup.text(function(add){add.tspan('Click Here to Customize').dy('0.35em');}).center(1500,1750).font({family:'printclearlyZ2', size:130, anchor:'middle'}).fill('#000').front(); var insRectFront = uiGroup.rect(2159,2894).move(0,0).style({opacity:0}).fill('#fff').front(); instructions.add(insRect,insPath1,Text1,insPath2,Text2,insRectFront); instructions.translate(0,100); insRectFront.on('click',function(){if(typeof instructions != 'undefined'){instructions.hide();}});var download = uiGroup.set();var downloadBack = uiGroup.rect(323.85,323.85).move(64.77,2505.38).fill('#2ECC71');var downloadPath = uiGroup.path('M 122.82452,100 180.05738,174.65461 237.29023,100 270,142.66667 180.05738,260 90.087,142.66667 z').center(226.695,2667.305).front().fill('#FFF');var downloadFront = uiGroup.rect(323.85,323.85).move(64.77,2505.38).fill({opacity:0}).front();isdefault.add(downloadBack,downloadPath,downloadFront);var downloadHoverIn = function() { downloadBack.fill({ color: '#27AE60' }); };var downloadHoverOut = function() { downloadBack.fill({ color: '#2ECC71' }); };download.add(downloadBack);download.add(downloadPath);download.on('mouseover',downloadHoverIn);download.on('mouseout',downloadHoverOut); downloadFront.on('click',function(){ if(typeof notdefault != "undefined"){notdefault.hide();} if(typeof instructions != "undefined"){instructions.hide();} if(typeof downloadMenu != "undefined"){downloadMenu.show();}});A4ButtonLink = function(){openLink('A4Button');};var A4Button = uiGroup.set();var A4ButtonBack = uiGroup.rect(971.55,194.31).move(64.77,2311.07).fill('#d8d8d8');var A4ButtonText = uiGroup.text(function(add){add.tspan('A4').dy('0.35em');}).center(550.545,2408.225).font({family:'Open Sans', size:87.4395, anchor:'middle'});var A4ButtonFront = uiGroup.rect(971.55,194.31).move(64.77,2311.07).fill({opacity: 0}).front();A4Button.add(A4ButtonBack,A4ButtonText,A4ButtonFront);notdefault.add(A4ButtonBack,A4ButtonText,A4ButtonFront);downloadMenu.add(A4ButtonBack,A4ButtonText,A4ButtonFront);var A4ButtonHoverIn = function() { A4ButtonBack.fill({ color: '#F0F0F0' }); };var A4ButtonHoverOut = function() { A4ButtonBack.fill({ color: '#d8d8d8' }); };A4Button.style({ cursor: 'default'});A4Button.on('mouseover',A4ButtonHoverIn);A4Button.on('mouseout',A4ButtonHoverOut);A4Button.on('click',A4ButtonLink); A4ButtonFront.on('click',function(){});USButtonLink = function(){openLink('USButton');};var USButton = uiGroup.set();var USButtonBack = uiGroup.rect(971.55,194.31).move(64.77,2116.76).fill('#d8d8d8');var USButtonText = uiGroup.text(function(add){add.tspan('US Letter').dy('0.35em');}).center(550.545,2213.915).font({family:'Open Sans', size:87.4395, anchor:'middle'});var USButtonFront = uiGroup.rect(971.55,194.31).move(64.77,2116.76).fill({opacity: 0}).front();USButton.add(USButtonBack,USButtonText,USButtonFront);notdefault.add(USButtonBack,USButtonText,USButtonFront);downloadMenu.add(USButtonBack,USButtonText,USButtonFront);var USButtonHoverIn = function() { USButtonBack.fill({ color: '#F0F0F0' }); };var USButtonHoverOut = function() { USButtonBack.fill({ color: '#d8d8d8' }); };USButton.style({ cursor: 'default'});USButton.on('mouseover',USButtonHoverIn);USButton.on('mouseout',USButtonHoverOut);USButton.on('click',USButtonLink); USButtonFront.on('click',function(){});var menu = uiGroup.set();var menuBack = uiGroup.rect(323.85,323.85).move(1770.38,2505.38).fill('#2ECC71');var menuPath = uiGroup.path('m 80,80 v 26.26785 H 280 V 80 H 80 z m 0,142.09511 H 280 V 195.82728 H 80 v 26.26783 z m 0,-57.91362 H 280 V 137.91365 H 80 v 26.26784 z M 80,280 H 280 V 253.73214 H 80 V 280 z').center(1932.305,2667.305).front().fill('#FFF');var menuFront = uiGroup.rect(323.85,323.85).move(1770.38,2505.38).fill({opacity:0}).front();isdefault.add(menuBack,menuPath,menuFront);var menuHoverIn = function() { menuBack.fill({ color: '#27AE60' }); };var menuHoverOut = function() { menuBack.fill({ color: '#2ECC71' }); };menu.add(menuBack);menu.add(menuPath);menu.on('mouseover',menuHoverIn);menu.on('mouseout',menuHoverOut); menuFront.on('click',function(){ if(typeof notdefault != "undefined"){notdefault.hide();} if(typeof instructions != "undefined"){instructions.hide();} if(typeof topMenu != "undefined"){topMenu.show();}});o1sub = uiGroup.set();var o1top = uiGroup.set();var o1topBack = uiGroup.rect(971.55,194.31).move(1122.68,2332.66).fill('#d8d8d8');var o1topText = uiGroup.text(function(add){add.tspan('Color').dy('0.35em');}).center(1634.0221052632,2429.815).font({family:'Open Sans', size:87.4395, anchor:'middle'});var o1topSymb = uiGroup.text(function(add){add.tspan('‹').dy('0.35em');}).center(1171.2575,2429.815).font({family:'Open Sans', size:194.31, anchor:'middle'});var o1topFront = uiGroup.rect(971.55,194.31).move(1122.68,2332.66).fill({opacity: 0}).front();o1top.add(o1topBack,o1topText,o1topSymb,o1topFront);notdefault.add(o1topBack,o1topText,o1topSymb,o1topFront);topMenu.add(o1topBack,o1topText,o1topSymb,o1topFront);var o1topHoverIn = function() { o1topBack.fill({ color: '#F0F0F0' }); };var o1topHoverOut = function() { o1topBack.fill({ color: '#d8d8d8' }); };o1top.style({ cursor: 'default'});o1top.on('mouseover',o1topHoverIn);o1top.on('mouseout',o1topHoverOut); o1topFront.on('click',function(){ if(typeof subMenu != "undefined"){subMenu.hide();} if(typeof o1sub != "undefined"){o1sub.show();}});var o1r1link = uiGroup.link('');var o1r1 = o1r1link.set();var o1r1Back = uiGroup.rect(971.55,194.31).move(151.13,2332.66).fill('#d8d8d8');var o1r1Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,2429.815).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r1Text = uiGroup.text(function(add){add.tspan('Black').dy('0.35em');}).center(374.5865,2429.815).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r1Front = uiGroup.rect(971.55,194.31).move(151.13,2332.66).fill({opacity: 0}).front();var o1r1HoverIn = function() { o1r1Back.fill({ color: '#F0F0F0' }); };var o1r1HoverOut = function() { o1r1Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r1Back,o1r1Text,o1r1Symb,o1r1Front); subMenu.add(o1r1Back,o1r1Text,o1r1Symb,o1r1Front); o1sub.add(o1r1Back,o1r1Text,o1r1Symb,o1r1Front); o1r1.add(o1r1Back);o1r1.add(o1r1Text);o1r1.style({ cursor: 'default'});o1r1.on('mouseover',o1r1HoverIn);o1r1.on('mouseout',o1r1HoverOut);o1r1Front.on('click',function(){ o1=1;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r1Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o1r2link = uiGroup.link('');var o1r2 = o1r2link.set();var o1r2Back = uiGroup.rect(971.55,194.31).move(151.13,2142.8839).fill('#d8d8d8');var o1r2Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,2240.0389).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r2Text = uiGroup.text(function(add){add.tspan('Grey').dy('0.35em');}).center(374.5865,2240.0389).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r2Front = uiGroup.rect(971.55,194.31).move(151.13,2142.8839).fill({opacity: 0}).front();var o1r2HoverIn = function() { o1r2Back.fill({ color: '#F0F0F0' }); };var o1r2HoverOut = function() { o1r2Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r2Back,o1r2Text,o1r2Symb,o1r2Front); subMenu.add(o1r2Back,o1r2Text,o1r2Symb,o1r2Front); o1sub.add(o1r2Back,o1r2Text,o1r2Symb,o1r2Front); o1r2.add(o1r2Back);o1r2.add(o1r2Text);o1r2.style({ cursor: 'default'});o1r2.on('mouseover',o1r2HoverIn);o1r2.on('mouseout',o1r2HoverOut);o1r2Front.on('click',function(){ o1=2;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o1r3link = uiGroup.link('');var o1r3 = o1r3link.set();var o1r3Back = uiGroup.rect(971.55,194.31).move(151.13,1953.1078).fill('#d8d8d8');var o1r3Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,2050.2628).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r3Text = uiGroup.text(function(add){add.tspan('Red').dy('0.35em');}).center(374.5865,2050.2628).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r3Front = uiGroup.rect(971.55,194.31).move(151.13,1953.1078).fill({opacity: 0}).front();var o1r3HoverIn = function() { o1r3Back.fill({ color: '#F0F0F0' }); };var o1r3HoverOut = function() { o1r3Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r3Back,o1r3Text,o1r3Symb,o1r3Front); subMenu.add(o1r3Back,o1r3Text,o1r3Symb,o1r3Front); o1sub.add(o1r3Back,o1r3Text,o1r3Symb,o1r3Front); o1r3.add(o1r3Back);o1r3.add(o1r3Text);o1r3.style({ cursor: 'default'});o1r3.on('mouseover',o1r3HoverIn);o1r3.on('mouseout',o1r3HoverOut);o1r3Front.on('click',function(){ o1=3;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o1r4link = uiGroup.link('');var o1r4 = o1r4link.set();var o1r4Back = uiGroup.rect(971.55,194.31).move(151.13,1763.3317).fill('#d8d8d8');var o1r4Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1860.4867).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r4Text = uiGroup.text(function(add){add.tspan('Yellow').dy('0.35em');}).center(374.5865,1860.4867).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r4Front = uiGroup.rect(971.55,194.31).move(151.13,1763.3317).fill({opacity: 0}).front();var o1r4HoverIn = function() { o1r4Back.fill({ color: '#F0F0F0' }); };var o1r4HoverOut = function() { o1r4Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r4Back,o1r4Text,o1r4Symb,o1r4Front); subMenu.add(o1r4Back,o1r4Text,o1r4Symb,o1r4Front); o1sub.add(o1r4Back,o1r4Text,o1r4Symb,o1r4Front); o1r4.add(o1r4Back);o1r4.add(o1r4Text);o1r4.style({ cursor: 'default'});o1r4.on('mouseover',o1r4HoverIn);o1r4.on('mouseout',o1r4HoverOut);o1r4Front.on('click',function(){ o1=4;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o1r5link = uiGroup.link('');var o1r5 = o1r5link.set();var o1r5Back = uiGroup.rect(971.55,194.31).move(151.13,1573.5556).fill('#d8d8d8');var o1r5Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1670.7106).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r5Text = uiGroup.text(function(add){add.tspan('Green').dy('0.35em');}).center(374.5865,1670.7106).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r5Front = uiGroup.rect(971.55,194.31).move(151.13,1573.5556).fill({opacity: 0}).front();var o1r5HoverIn = function() { o1r5Back.fill({ color: '#F0F0F0' }); };var o1r5HoverOut = function() { o1r5Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r5Back,o1r5Text,o1r5Symb,o1r5Front); subMenu.add(o1r5Back,o1r5Text,o1r5Symb,o1r5Front); o1sub.add(o1r5Back,o1r5Text,o1r5Symb,o1r5Front); o1r5.add(o1r5Back);o1r5.add(o1r5Text);o1r5.style({ cursor: 'default'});o1r5.on('mouseover',o1r5HoverIn);o1r5.on('mouseout',o1r5HoverOut);o1r5Front.on('click',function(){ o1=5;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o1 =6;var o1r6link = uiGroup.link('');var o1r6 = o1r6link.set();var o1r6Back = uiGroup.rect(971.55,194.31).move(151.13,1383.7795).fill('#d8d8d8');var o1r6Symb = uiGroup.text(function(add){add.tspan('\u25C9').dy('0.35em');}).center(248.285,1480.9345).font({family:'Open Sans', size:155.448, anchor:'middle'});var o1r6Text = uiGroup.text(function(add){add.tspan('Blue').dy('0.35em');}).center(374.5865,1480.9345).font({family:'Open Sans', size:87.4395, anchor:'left'});var o1r6Front = uiGroup.rect(971.55,194.31).move(151.13,1383.7795).fill({opacity: 0}).front();var o1r6HoverIn = function() { o1r6Back.fill({ color: '#F0F0F0' }); };var o1r6HoverOut = function() { o1r6Back.fill({ color: '#d8d8d8' }); };notdefault.add(o1r6Back,o1r6Text,o1r6Symb,o1r6Front); subMenu.add(o1r6Back,o1r6Text,o1r6Symb,o1r6Front); o1sub.add(o1r6Back,o1r6Text,o1r6Symb,o1r6Front); o1r6.add(o1r6Back);o1r6.add(o1r6Text);o1r6.style({ cursor: 'default'});o1r6.on('mouseover',o1r6HoverIn);o1r6.on('mouseout',o1r6HoverOut);o1r6Front.on('click',function(){ o1=6;o1r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o1r6Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); o2sub = uiGroup.set();var o2top = uiGroup.set();var o2topBack = uiGroup.rect(971.55,194.31).move(1122.68,2142.8839).fill('#d8d8d8');var o2topText = uiGroup.text(function(add){add.tspan('Spacing').dy('0.35em');}).center(1634.0221052632,2240.0389).font({family:'Open Sans', size:87.4395, anchor:'middle'});var o2topSymb = uiGroup.text(function(add){add.tspan('‹').dy('0.35em');}).center(1171.2575,2240.0389).font({family:'Open Sans', size:194.31, anchor:'middle'});var o2topFront = uiGroup.rect(971.55,194.31).move(1122.68,2142.8839).fill({opacity: 0}).front();o2top.add(o2topBack,o2topText,o2topSymb,o2topFront);notdefault.add(o2topBack,o2topText,o2topSymb,o2topFront);topMenu.add(o2topBack,o2topText,o2topSymb,o2topFront);var o2topHoverIn = function() { o2topBack.fill({ color: '#F0F0F0' }); };var o2topHoverOut = function() { o2topBack.fill({ color: '#d8d8d8' }); };o2top.style({ cursor: 'default'});o2top.on('mouseover',o2topHoverIn);o2top.on('mouseout',o2topHoverOut); o2topFront.on('click',function(){ if(typeof subMenu != "undefined"){subMenu.hide();} if(typeof o2sub != "undefined"){o2sub.show();}});var o2r1link = uiGroup.link('');var o2r1 = o2r1link.set();var o2r1Back = uiGroup.rect(971.55,194.31).move(151.13,2142.8839).fill('#d8d8d8');var o2r1Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,2240.0389).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r1Text = uiGroup.text(function(add){add.tspan('1/10 inch').dy('0.35em');}).center(374.5865,2240.0389).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r1Front = uiGroup.rect(971.55,194.31).move(151.13,2142.8839).fill({opacity: 0}).front();var o2r1HoverIn = function() { o2r1Back.fill({ color: '#F0F0F0' }); };var o2r1HoverOut = function() { o2r1Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r1Back,o2r1Text,o2r1Symb,o2r1Front); subMenu.add(o2r1Back,o2r1Text,o2r1Symb,o2r1Front); o2sub.add(o2r1Back,o2r1Text,o2r1Symb,o2r1Front); o2r1.add(o2r1Back);o2r1.add(o2r1Text);o2r1.style({ cursor: 'default'});o2r1.on('mouseover',o2r1HoverIn);o2r1.on('mouseout',o2r1HoverOut);o2r1Front.on('click',function(){ o2=1;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r1Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2 =2;var o2r2link = uiGroup.link('');var o2r2 = o2r2link.set();var o2r2Back = uiGroup.rect(971.55,194.31).move(151.13,1953.1078).fill('#d8d8d8');var o2r2Symb = uiGroup.text(function(add){add.tspan('\u25C9').dy('0.35em');}).center(248.285,2050.2628).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r2Text = uiGroup.text(function(add){add.tspan('5 mm').dy('0.35em');}).center(374.5865,2050.2628).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r2Front = uiGroup.rect(971.55,194.31).move(151.13,1953.1078).fill({opacity: 0}).front();var o2r2HoverIn = function() { o2r2Back.fill({ color: '#F0F0F0' }); };var o2r2HoverOut = function() { o2r2Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r2Back,o2r2Text,o2r2Symb,o2r2Front); subMenu.add(o2r2Back,o2r2Text,o2r2Symb,o2r2Front); o2sub.add(o2r2Back,o2r2Text,o2r2Symb,o2r2Front); o2r2.add(o2r2Back);o2r2.add(o2r2Text);o2r2.style({ cursor: 'default'});o2r2.on('mouseover',o2r2HoverIn);o2r2.on('mouseout',o2r2HoverOut);o2r2Front.on('click',function(){ o2=2;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r3link = uiGroup.link('');var o2r3 = o2r3link.set();var o2r3Back = uiGroup.rect(971.55,194.31).move(151.13,1763.3317).fill('#d8d8d8');var o2r3Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1860.4867).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r3Text = uiGroup.text(function(add){add.tspan('1/4 inch').dy('0.35em');}).center(374.5865,1860.4867).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r3Front = uiGroup.rect(971.55,194.31).move(151.13,1763.3317).fill({opacity: 0}).front();var o2r3HoverIn = function() { o2r3Back.fill({ color: '#F0F0F0' }); };var o2r3HoverOut = function() { o2r3Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r3Back,o2r3Text,o2r3Symb,o2r3Front); subMenu.add(o2r3Back,o2r3Text,o2r3Symb,o2r3Front); o2sub.add(o2r3Back,o2r3Text,o2r3Symb,o2r3Front); o2r3.add(o2r3Back);o2r3.add(o2r3Text);o2r3.style({ cursor: 'default'});o2r3.on('mouseover',o2r3HoverIn);o2r3.on('mouseout',o2r3HoverOut);o2r3Front.on('click',function(){ o2=3;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r4link = uiGroup.link('');var o2r4 = o2r4link.set();var o2r4Back = uiGroup.rect(971.55,194.31).move(151.13,1573.5556).fill('#d8d8d8');var o2r4Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1670.7106).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r4Text = uiGroup.text(function(add){add.tspan('3/8 inch').dy('0.35em');}).center(374.5865,1670.7106).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r4Front = uiGroup.rect(971.55,194.31).move(151.13,1573.5556).fill({opacity: 0}).front();var o2r4HoverIn = function() { o2r4Back.fill({ color: '#F0F0F0' }); };var o2r4HoverOut = function() { o2r4Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r4Back,o2r4Text,o2r4Symb,o2r4Front); subMenu.add(o2r4Back,o2r4Text,o2r4Symb,o2r4Front); o2sub.add(o2r4Back,o2r4Text,o2r4Symb,o2r4Front); o2r4.add(o2r4Back);o2r4.add(o2r4Text);o2r4.style({ cursor: 'default'});o2r4.on('mouseover',o2r4HoverIn);o2r4.on('mouseout',o2r4HoverOut);o2r4Front.on('click',function(){ o2=4;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r5link = uiGroup.link('');var o2r5 = o2r5link.set();var o2r5Back = uiGroup.rect(971.55,194.31).move(151.13,1383.7795).fill('#d8d8d8');var o2r5Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1480.9345).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r5Text = uiGroup.text(function(add){add.tspan('10 mm').dy('0.35em');}).center(374.5865,1480.9345).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r5Front = uiGroup.rect(971.55,194.31).move(151.13,1383.7795).fill({opacity: 0}).front();var o2r5HoverIn = function() { o2r5Back.fill({ color: '#F0F0F0' }); };var o2r5HoverOut = function() { o2r5Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r5Back,o2r5Text,o2r5Symb,o2r5Front); subMenu.add(o2r5Back,o2r5Text,o2r5Symb,o2r5Front); o2sub.add(o2r5Back,o2r5Text,o2r5Symb,o2r5Front); o2r5.add(o2r5Back);o2r5.add(o2r5Text);o2r5.style({ cursor: 'default'});o2r5.on('mouseover',o2r5HoverIn);o2r5.on('mouseout',o2r5HoverOut);o2r5Front.on('click',function(){ o2=5;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r6link = uiGroup.link('');var o2r6 = o2r6link.set();var o2r6Back = uiGroup.rect(971.55,194.31).move(151.13,1194.0034).fill('#d8d8d8');var o2r6Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1291.1584).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r6Text = uiGroup.text(function(add){add.tspan('1/2 inch').dy('0.35em');}).center(374.5865,1291.1584).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r6Front = uiGroup.rect(971.55,194.31).move(151.13,1194.0034).fill({opacity: 0}).front();var o2r6HoverIn = function() { o2r6Back.fill({ color: '#F0F0F0' }); };var o2r6HoverOut = function() { o2r6Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r6Back,o2r6Text,o2r6Symb,o2r6Front); subMenu.add(o2r6Back,o2r6Text,o2r6Symb,o2r6Front); o2sub.add(o2r6Back,o2r6Text,o2r6Symb,o2r6Front); o2r6.add(o2r6Back);o2r6.add(o2r6Text);o2r6.style({ cursor: 'default'});o2r6.on('mouseover',o2r6HoverIn);o2r6.on('mouseout',o2r6HoverOut);o2r6Front.on('click',function(){ o2=6;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r7link = uiGroup.link('');var o2r7 = o2r7link.set();var o2r7Back = uiGroup.rect(971.55,194.31).move(151.13,1004.2273).fill('#d8d8d8');var o2r7Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,1101.3823).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r7Text = uiGroup.text(function(add){add.tspan('3/4 inch').dy('0.35em');}).center(374.5865,1101.3823).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r7Front = uiGroup.rect(971.55,194.31).move(151.13,1004.2273).fill({opacity: 0}).front();var o2r7HoverIn = function() { o2r7Back.fill({ color: '#F0F0F0' }); };var o2r7HoverOut = function() { o2r7Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r7Back,o2r7Text,o2r7Symb,o2r7Front); subMenu.add(o2r7Back,o2r7Text,o2r7Symb,o2r7Front); o2sub.add(o2r7Back,o2r7Text,o2r7Symb,o2r7Front); o2r7.add(o2r7Back);o2r7.add(o2r7Text);o2r7.style({ cursor: 'default'});o2r7.on('mouseover',o2r7HoverIn);o2r7.on('mouseout',o2r7HoverOut);o2r7Front.on('click',function(){ o2=7;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); var o2r8link = uiGroup.link('');var o2r8 = o2r8link.set();var o2r8Back = uiGroup.rect(971.55,194.31).move(151.13,814.4512).fill('#d8d8d8');var o2r8Symb = uiGroup.text(function(add){add.tspan('\u25EF').dy('0.35em');}).center(248.285,911.6062).font({family:'Open Sans', size:155.448, anchor:'middle'});var o2r8Text = uiGroup.text(function(add){add.tspan('1 inch').dy('0.35em');}).center(374.5865,911.6062).font({family:'Open Sans', size:87.4395, anchor:'left'});var o2r8Front = uiGroup.rect(971.55,194.31).move(151.13,814.4512).fill({opacity: 0}).front();var o2r8HoverIn = function() { o2r8Back.fill({ color: '#F0F0F0' }); };var o2r8HoverOut = function() { o2r8Back.fill({ color: '#d8d8d8' }); };notdefault.add(o2r8Back,o2r8Text,o2r8Symb,o2r8Front); subMenu.add(o2r8Back,o2r8Text,o2r8Symb,o2r8Front); o2sub.add(o2r8Back,o2r8Text,o2r8Symb,o2r8Front); o2r8.add(o2r8Back);o2r8.add(o2r8Text);o2r8.style({ cursor: 'default'});o2r8.on('mouseover',o2r8HoverIn);o2r8.on('mouseout',o2r8HoverOut);o2r8Front.on('click',function(){ o2=8;o2r1Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r2Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r3Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r4Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r5Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r6Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r7Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25EF').dy('0.35em');});o2r8Symb.text(function(add){add.tspan('\u25C9').dy('0.35em');});getPreview();}); o3sub = uiGroup.set();var o3top = uiGroup.set();var o3topBack = uiGroup.rect(971.55,194.31).move(1122.68,1953.1078).fill('#d8d8d8');var o3topText = uiGroup.text(function(add){add.tspan('Dot Size').dy('0.35em');}).center(1634.0221052632,2050.2628).font({family:'Open Sans', size:87.4395, anchor:'middle'});var o3topSymb = uiGroup.text(function(add){add.tspan('‹').dy('0.35em');}).center(1171.2575,2050.2628).font({family:'Open Sans', size:194.31, anchor:'middle'});var o3topFront = uiGroup.rect(971.55,194.31).move(1122.68,1953.1078).fill({opacity: 0}).front();o3top.add(o3topBack,o3topText,o3topSymb,o3topFront);notdefault.add(o3topBack,o3topText,o3topSymb,o3topFront);topMenu.add(o3topBack,o3topText,o3topSymb,o3topFront);var o3topHoverIn = function() { o3topBack.fill({ color: '#F0F0F0' }); };var o3topHoverOut = function() { o3topBack.fill({ color: '#d8d8d8' }); };o3top.style({ cursor: 'default'});o3top.on('mouseover',o3topHoverIn);o3top.on('mouseout',o3topHoverOut); o3topFront.on('click',function(){ if(typeof subMenu != "undefined"){subMenu.hide();} if(typeof o3sub != "undefined"){o3sub.show();}});var o3slvalue = 5;var o3 = 5;var o3sl = uiGroup.set();var o3slbk = uiGroup.rect(431.8,647.7).move(669.29,1464.4878).fill('#d8d8d8');var o3sltx = uiGroup.text(function(add){add.tspan('Dot Size').dy('0.35em');}).center(885.19,1516.3038).font({family:'Open Sans', size:51.816, anchor:'middle'});var o3slup = uiGroup.rect(345.44,129.54).move(712.47,1626.4128).fill('#2ECC71');var o3slupLbl = uiGroup.text(function(add){add.tspan('+').dy('0.35em');}).center(885.19,1691.1828).font({family:'Open Sans', size:129.54, anchor:'middle'}).fill('#FFF');var o3slupFrnt = uiGroup.rect(345.44,129.54).move(712.47,1626.4128).fill({opacity: 0}).front();var o3slVal = uiGroup.text(function(add){add.tspan('5').dy('0.35em');}).center(885.19,1853.1078).font({family:'Open Sans', size:110.109, anchor:'middle'});var o3sldn = uiGroup.rect(345.44,129.54).move(712.47,1950.2628).fill('#2ECC71');var o3sldnLbl = uiGroup.text(function(add){add.tspan('-').dy('0.35em');}).center(885.19,2015.0328).font({family:'Open Sans', size:129.54, anchor:'middle'}).fill('#FFF');var o3sldnFrnt = uiGroup.rect(345.44,129.54).move(712.47,1950.2628).fill({opacity: 0}).front();o3sl.add(o3slbk,o3sltx,o3slup,o3slupLbl,o3slVal,o3sldn,o3sldnLbl,o3sldnFrnt,o3slupFrnt);notdefault.add(o3slbk,o3sltx,o3slup,o3slupLbl,o3slVal,o3sldn,o3sldnLbl,o3sldnFrnt,o3slupFrnt);subMenu.add(o3slbk,o3sltx,o3slup,o3slupLbl,o3slVal,o3sldn,o3sldnLbl,o3sldnFrnt,o3slupFrnt);o3sub.add(o3slbk,o3sltx,o3slup,o3slupLbl,o3slVal,o3sldn,o3sldnLbl,o3sldnFrnt,o3slupFrnt);var o3slHoverInupBtn = function() { o3slup.fill({ color: '#27AE60' }); };var o3slHoverOutupBtn = function() { o3slup.fill({ color: '#2ECC71' }); };o3slupFrnt.style({ cursor: 'default'});o3slupFrnt.on('mouseover',o3slHoverInupBtn);o3slupFrnt.on('mouseout',o3slHoverOutupBtn);var o3slHoverIndnBtn = function() { o3sldn.fill({ color: '#27AE60' }); };var o3slHoverOutdnBtn = function() { o3sldn.fill({ color: '#2ECC71' }); };o3sldnFrnt.style({ cursor: 'default'});o3sldnFrnt.on('mouseover',o3slHoverIndnBtn);o3sldnFrnt.on('mouseout',o3slHoverOutdnBtn);var o3slplus = function() { o3slplusIt = setInterval(function(){ if(o3slvalue < 10){ o3slvalue += 1; o3 += 1; o3slVal.text(function(add){add.tspan(o3slvalue).dy('0.35em');}); } }, 200); }; var o3slminus = function() { o3slminusIt = setInterval(function(){ if(o3slvalue > 1){ o3slvalue -= 1; o3 -= 1; o3slVal.text(function(add){add.tspan(o3slvalue).dy('0.35em');}); } }, 200); }; var o3slplusClick = function() { if(o3slvalue < 10){ o3slvalue += 1; o3 += 1; o3slVal.text(function(add){add.tspan(o3slvalue).dy('0.35em');});} }; var o3slminusClick = function() { if(o3slvalue > 1){ o3slvalue -= 1; o3 -= 1; o3slVal.text(function(add){add.tspan(o3slvalue).dy('0.35em');});} }; var o3slplusEnd = function() { if(typeof o3slplusIt != 'undefined'){clearInterval(o3slplusIt);}getPreview();}; var o3slminusEnd = function() { if(typeof o3slminusIt != 'undefined'){clearInterval(o3slminusIt);}getPreview();}; o3sldnFrnt.on('click',o3slminusClick);o3sldnFrnt.on('mousedown',o3slminus);o3sldnFrnt.on('mouseup',o3slminusEnd);o3sldnFrnt.on('mouseout',o3slminusEnd);o3slupFrnt.on('click',o3slplusClick);o3slupFrnt.on('mousedown',o3slplus);o3slupFrnt.on('mouseup',o3slplusEnd);o3slupFrnt.on('mouseout',o3slplusEnd);o3sldnFrnt.on('touchstart',o3slminus);o3sldnFrnt.on('touchend',o3slminusEnd);o3sldnFrnt.on('touchleave',o3slminusEnd);o3slupFrnt.on('touchstart',o3slplus);o3slupFrnt.on('touchend',o3slplusEnd);o3slupFrnt.on('touchleave',o3slplusEnd); var bgClickLayer = uiGroup.rect(2159,2794).move(0,100).fill({opacity: 0}).back();bgClickLayer.on('click',function(){notdefault.hide()});notdefault.hide();var getPreview=debounce(function(){ var obj = document.getElementById('hiddenB'); var vars = new Array(); vars['src'] = 'dot-paper';vars['ks'] = ks;vars['o1'] = o1;vars['o2'] = o2;vars['o3'] = o3;ajpost('/preview/fivedocHndl.php',vars,obj); },750); getPreview();