function pxToEm (px, element) { element = element === null || element === undefined ? document.documentElement : element; var temporaryElement = document.createElement('div'); temporaryElement.style.setProperty('position', 'absolute', 'important'); temporaryElement.style.setProperty('visibility', 'hidden', 'important'); temporaryElement.style.setProperty('font-size', '1em', 'important'); element.appendChild(temporaryElement); var baseFontSize = parseFloat(getComputedStyle(temporaryElement).fontSize); temporaryElement.parentNode.removeChild(temporaryElement); return px / baseFontSize;}function emToPx (em, element) { element = element === null || element === undefined ? document.documentElement : element; var temporaryElement = document.createElement('div'); temporaryElement.style.setProperty('position', 'absolute', 'important'); temporaryElement.style.setProperty('visibility', 'hidden', 'important'); temporaryElement.style.setProperty('font-size', '1em', 'important'); element.appendChild(temporaryElement); var baseFontSize = parseFloat(getComputedStyle(temporaryElement).fontSize); temporaryElement.parentNode.removeChild(temporaryElement); return baseFontSize * em;}function moveRoundDivs(){ gap = 1.5; gap = emToPx (gap, document.getElementById('sty19')); rtT = document.getElementById('roundTop').style.top; rtT = rtT.replace(/[^\d.-]/g, ''); rtT = emToPx (rtT, document.getElementById('sty19')); rtH = document.getElementById('roundTop').clientHeight; rmH = document.getElementById('roundMiddle').clientHeight; rbH = document.getElementById('roundBottom').clientHeight; setit = Math.round(rtT + gap); setit2 = Math.round(rtT + gap + rmH + gap - rbH); setit = pxToEm (setit, document.getElementById('sty19')); setit2 = pxToEm (setit2, document.getElementById('sty19')); setit = setit.toFixed(2); setit2 = setit2.toFixed(2); document.getElementById('roundMiddle').style.top = setit+"em"; document.getElementById('roundBottom').style.top = setit2+"em"; } function submitTheForm() { document.getElementById('loadp').innerHTML = "LOADING"; document.getElementById('decalbuilderform').submit(); document.getElementById("theBod").style.cursor = "progress"; } function showdiscount() { oyea = document.getElementById('totalPrice').innerHTML; ooyea = "discounts.php?t="+oyea; window.open(ooyea, 'newwindow', 'width=300, height=300'); return false; } function round(value, decimals) { x = Number(Math.round(value+'e'+decimals)+'e-'+decimals); return x; } function updatePrice() { style = document.getElementById('style').value; font = document.getElementById('font').value; sizex = document.getElementById('sizet').value; color = document.getElementById('color').value; ck = "st: "+style+" c: "+color+" f: "+font+" sz: "+sizex; if(style == '15') { styleadd = "9.99"; } if(style == '16') { styleadd = "10.99"; } if(style == '17') { styleadd = "13.99"; } if(style == '18') { styleadd = "12.99"; } if(style == '19') { styleadd = "9.99"; } if(style == '25') { styleadd = "10.99"; } if(style == '26') { styleadd = "9.99"; } if(style == '27') { styleadd = "9.99"; } if(style == '28') { styleadd = "8.99"; } if(font == '7') { fontadd = "1"; } if(font == '5') { fontadd = "0"; } if(font == '8') { fontadd = "0"; } if(font == '9') { fontadd = "0"; } if(font == '10') { fontadd = "0"; } if(font == '6') { fontadd = "1"; } if(sizex == '8') { sizeadd = "0"; } if(sizex == '9') { sizeadd = "2"; } if(sizex == '10') { sizeadd = "6"; } if(sizex == '11') { sizeadd = "9"; } if(sizex == '12') { sizeadd = "12"; } if(sizex == '13') { sizeadd = "15"; } if(color == '25') { coloradd = "0"; } if(color == '26') { coloradd = "1"; } if(color == '27') { coloradd = "1"; } if(color == '28') { coloradd = "1"; } if(color == '29') { coloradd = "1"; } if(color == '31') { coloradd = "1"; } if(color == '32') { coloradd = "1"; } if(color == '33') { coloradd = "1"; } if(color == '34') { coloradd = "1"; } if(color == '35') { coloradd = "1"; } if(color == '36') { coloradd = "1"; } if(color == '37') { coloradd = "1"; } if(color == '38') { coloradd = "1"; } if(color == '39') { coloradd = "1"; } if(color == '40') { coloradd = "0"; } num = +styleadd + +fontadd + +sizeadd + +coloradd; num = round(num, 2) document.getElementById('totalPrice').innerHTML = num; document.getElementById('totalPricex').value = num; } function setcolor(c, d, e) { z = "stickercolor"; x = "setText.php?z="+z+"&a="+e; jQuery.get(x); clrr = "c"+e; document.getElementById(clrr).checked = true; thefontcolor = "#"+c; theborderwidth = ".11em"; if(d=="ffffff") { document.getElementById('builderWindow').style.backgroundColor = "#ffffff"; } else { document.getElementById('builderWindow').style.backgroundColor = "#000000"; } var myrect = document.getElementById('builderWindow'); var x = document.getElementsByClassName("stickerpicture"); var i; for (i = 0; i < x.length; i++) { x[i].style.borderColor=thefontcolor; x[i].style.borderWidth=theborderwidth; } myrect.style.color=thefontcolor; if(e == 25) { add = "0"; name = "Black"; } if(e == 26) { add = "1"; name = "Beige"; } if(e == 27) { add = "1"; name = "Blue"; } if(e == 28) { add = "1"; name = "Brown"; } if(e == 29) { add = "1"; name = "Green"; } if(e == 31) { add = "1"; name = "Orange"; } if(e == 32) { add = "1"; name = "Purple"; } if(e == 33) { add = "1"; name = "Red"; } if(e == 34) { add = "1"; name = "Yellow"; } if(e == 35) { add = "1"; name = "Pink"; } if(e == 36) { add = "1"; name = "Light Blue"; } if(e == 37) { add = "1"; name = "Turquoise"; } if(e == 38) { add = "1"; name = "Silver"; } if(e == 39) { add = "1"; name = "Gold"; } if(e == 40) { add = "0"; name = "White"; } document.getElementById('color').value = e; document.getElementById('colorD').innerHTML = name; document.getElementById('colorPrice').innerHTML = name+" - $"+add+".00"; updatePrice();} function setfont(f) { z = "font"; x = "setText.php?z="+z+"&a="+f; jQuery.get(x); clrr = "f"+f; document.getElementById(clrr).checked = true; if(f == 7) { fam = "kaushan script,cursive"; size = "42px"; add = "1"; name = "Kaushan Script"; space = "normal"; char = "0"; top = "0em"; } if(f == 5) { fam = "freight-sans-compressed-pro,sans-serif"; size = "42px"; add = "0"; name = "Freight Sans"; space = "2px"; char = "1"; top = "-1em"; } if(f == 8) { fam = "spicy rice,fantasy"; size = "42px"; add = "0"; name = "Spicy Rice"; space = "normal"; char = "2"; top = "0em"; } if(f == 9) { fam = "cowboyslang, serif"; size = "42px"; add = "0"; name = "Cowboyslang"; space = "normal"; char = "3"; top = "0em"; } if(f == 10) { fam = "rosewood-std-fill, sans-serif"; size = "42px"; add = "0"; name = "Rosewood"; space = "normal"; char = "4"; top = "0em"; } if(f == 6) { fam = "brush-script-std,sans-serif"; size = "44px"; add = "1"; name = "Brush Script"; space = "normal"; char = "5"; top = "0em"; } //alert(fam); document.getElementById('builderWindow').style.fontFamily = fam; var x = document.getElementsByClassName("fontchar"); var i; for (i = 0; i < x.length; i++) { x[i].innerHTML = char; x[i].style.top = top; } document.getElementById('font').value = f; document.getElementById('fontD').innerHTML = name; document.getElementById('fontPrice').innerHTML = name+" - $"+add+".00"; var x = document.getElementsByClassName("bree"); var i; for (i = 0; i < x.length; i++) { x[i].style.fontFamily = fam; } var a = 0; var b = 0; refreshCircles(); updatePrice(); } function setpic(f) { z = "picture"; x = "setText.php?z="+z+"&a="+f; jQuery.get(x); clrr = "p"+f; document.getElementById(clrr).checked = true; if(f == 1) { fam = "duilm1"; char = "b"; left = "0em"; top = "0em"; } if(f == 2) { fam = "duilm1"; char = "g"; left = "0em"; top = "0em"; } if(f == 3) { fam = "duilm1"; char = "d"; left = "0em"; top = "0em"; } if(f == 4) { fam = "duilm1"; char = "l"; left = "0em"; top = "0em"; } if(f == 5) { fam = "duilm1"; char = "Q"; left = "-.03em"; top = "0em"; } if(f == 6) { fam = "duilm1"; char = "j"; left = "0em"; top = "0em"; } if(f == 7) { fam = "duilm1"; char = "m"; left = "0em"; top = "0em"; } if(f == 8) { fam = "duilm1"; char = "F"; left = "0em"; top = "0em"; } if(f == 9) { fam = "duilm1"; char = "i"; left = "0em"; top = "0em"; } if(f == 10) { fam = "duilm1"; char = "M"; left = "0em"; top = "0em"; } if(f == 11) { fam = "duilm6"; char = "a"; left = "0em"; top = "0em"; } if(f == 12) { fam = "duilm1"; char = "f"; left = "0em"; top = "0em"; } if(f == 13) { fam = "duilm1"; char = "e"; left = "0em"; top = "0em"; } if(f == 14) { fam = "duilm1"; char = "B"; left = "0em"; top = "0em"; } if(f == 15) { fam = "duilm1"; char = "a"; left = "0em"; top = "0em"; } if(f == 16) { fam = "duilm1"; char = "h"; left = "0em"; top = "0em"; } if(f == 17) { fam = "duilm1"; char = "c"; left = ".01em"; top = "0em"; } if(f == 18) { fam = "duilm6"; char = "f"; left = "0em"; top = "0em"; } if(f == 26) { fam = "duilm1"; char = "v"; left = "0em"; top = "0em"; } if(f == 27) { fam = "duilm1"; char = "J"; left = "0em"; top = "0em"; } if(f == 28) { fam = "duilm1"; char = "u"; left = "0em"; top = "0em"; } if(f == 29) { fam = "duilm1"; char = "3"; left = "0em"; top = "0em"; } if(f == 30) { fam = "duilm1"; char = "r"; left = "0em"; top = "0em"; } if(f == 31) { fam = "duilm1"; char = "5"; left = "0em"; top = "0em"; } if(f == 32) { fam = "duilm1"; char = "8"; left = "0em"; top = "0em"; } if(f == 34) { fam = "duilm6"; char = "p"; left = "0em"; top = "0em"; } if(f == 36) { fam = "duilm1"; char = "9"; left = "0em"; top = "0em"; } if(f == 37) { fam = "duilm6"; char = "b"; left = "0em"; top = "0em"; } if(f == 38) { fam = "duilm1"; char = "D"; left = "0em"; top = "0em"; } if(f == 39) { fam = "duilm1"; char = "E"; left = "0em"; top = "0em"; } if(f == 40) { fam = "duilm1"; char = "w"; left = "0em"; top = "0em"; } if(f == 41) { fam = "duilm1"; char = "1"; left = "0em"; top = "0em"; } if(f == 42) { fam = "duilm1"; char = "U"; left = "0em"; top = "0em"; } if(f == 43) { fam = "duilm1"; char = "I"; left = "0em"; top = "0em"; } if(f == 44) { fam = "duilm1"; char = "6"; left = "0em"; top = "0em"; } if(f == 45) { fam = "duilm6"; char = "n"; left = "0em"; top = "0em"; } if(f == 47) { fam = "duilm1"; char = "A"; left = "0em"; top = "0em"; } if(f == 48) { fam = "duilm1"; char = "o"; left = "0em"; top = "0em"; } if(f == 49) { fam = "duilm1"; char = "7"; left = "0em"; top = "0em"; } if(f == 50) { fam = "duilm1"; char = "x"; left = "0em"; top = "0em"; } if(f == 51) { fam = "duilm1"; char = "P"; left = "0em"; top = "0em"; } if(f == 52) { fam = "duilm1"; char = "X"; left = "0em"; top = "0em"; } if(f == 53) { fam = "duilm6"; char = "i"; left = "0em"; top = "0em"; } if(f == 54) { fam = "duilm1"; char = "V"; left = "0em"; top = "0em"; } if(f == 55) { fam = "duilm6"; char = "g"; left = "0em"; top = "0em"; } if(f == 56) { fam = "duilm6"; char = "c"; left = "0em"; top = "0em"; } if(f == 57) { fam = "duilm1"; char = "Y"; left = "0em"; top = "0em"; } if(f == 58) { fam = "duilm6"; char = "h"; left = "0em"; top = "0em"; } if(f == 61) { fam = "duilm1"; char = "G"; left = "0em"; top = "0em"; } if(f == 62) { fam = "duilm1"; char = "p"; left = "0em"; top = "0em"; } if(f == 63) { fam = "duilm1"; char = "4"; left = "0em"; top = "0em"; } if(f == 64) { fam = "duilm1"; char = "C"; left = "0em"; top = "0em"; } if(f == 65) { fam = "duilm1"; char = "z"; left = "0em"; top = "0em"; } if(f == 66) { fam = "duilm1"; char = "k"; left = "0em"; top = "0em"; } if(f == 67) { fam = "duilm1"; char = "L"; left = "0em"; top = "0em"; } if(f == 68) { fam = "duilm1"; char = "O"; left = "-.05em"; top = "0em"; } if(f == 69) { fam = "duilm1"; char = "t"; left = "0em"; top = "0em"; } if(f == 70) { fam = "duilm1"; char = "n"; left = "0em"; top = "0em"; } if(f == 71) { fam = "duilm6"; char = "d"; left = "0em"; top = "0em"; } if(f == 72) { fam = "duilm1"; char = "y"; left = "0em"; top = "0em"; } if(f == 73) { fam = "duilm1"; char = "q"; left = "0em"; top = "0em"; } if(f == 74) { fam = "duilm6"; char = "k"; left = "0em"; top = "0em"; } if(f == 75) { fam = "duilm1"; char = "N"; left = "0em"; top = "0em"; } if(f == 76) { fam = "duilm6"; char = "l"; left = "0em"; top = "0em"; } if(f == 77) { fam = "duilm6"; char = "j"; left = "0em"; top = "0em"; } if(f == 78) { fam = "duilm1"; char = "T"; left = "0em"; top = "0em"; } if(f == 79) { fam = "duilm1"; char = "R"; left = "0em"; top = "0em"; } if(f == 80) { fam = "duilm6"; char = "m"; left = "0em"; top = "0em"; } if(f == 81) { fam = "duilm6"; char = "o"; left = "0em"; top = "0em"; } if(f == 82) { fam = "duilm1"; char = "W"; left = "0em"; top = "0em"; } if(f == 84) { fam = "duilm1"; char = "Z"; left = "0em"; top = "0em"; } if(f == 85) { fam = "duilm1"; char = "2"; left = "0em"; top = "0em"; } if(f == 86) { fam = "duilm1"; char = "K"; left = "-.06em"; top = "0em"; } if(f == 87) { fam = "duilm1"; char = "0"; left = "0em"; top = "0em"; } if(f == 88) { fam = "duilm1"; char = "S"; left = "0em"; top = "0em"; } if(f == 89) { fam = "duilm1"; char = "s"; left = "0em"; top = "0em"; } if(f == 90) { fam = "duilm1"; char = "H"; left = ".05em"; top = "0em"; } if(f == 91) { fam = "duilm6"; char = "e"; left = "0em"; top = "0em"; } if(f == 93) { fam = "duilm6"; char = "q"; left = "0em"; top = "0em"; } if(f == 94) { fam = "duilm6"; char = "r"; left = "0em"; top = "0em"; } if(f == 95) { fam = "duilm6"; char = "s"; left = "0em"; top = "0em"; } if(f == 96) { fam = "duilm6"; char = "t"; left = "0em"; top = "0em"; } if(f == 97) { fam = "duilm6"; char = "u"; left = "0em"; top = "0em"; } if(f == 98) { fam = "duilm6"; char = "v"; left = "0em"; top = "0em"; } if(f == 99) { fam = "duilm6"; char = "w"; left = "0em"; top = "0em"; } if(f == 100) { fam = "duilm6"; char = "x"; left = "0em"; top = "0em"; } if(f == 101) { fam = "duilm6"; char = "y"; left = "0em"; top = "0em"; } if(f == 102) { fam = "duilm6"; char = "z"; left = "0em"; top = "0em"; } if(f == 103) { fam = "duilm6"; char = "0"; left = "0em"; top = "0em"; } if(f == 104) { fam = "duilm6"; char = "4"; left = "0em"; top = "-.5em"; } if(f == 105) { fam = "duilm6"; char = "1"; left = "0em"; top = "0em"; } if(f == 112) { fam = "duilm6"; char = "2"; left = "0em"; top = "0em"; } if(f == 107) { fam = "duilm6"; char = "3"; left = ".05em"; top = "0em"; } if(f == 108) { fam = "duilm6"; char = "5"; left = "0em"; top = "0em"; } if(f == 109) { fam = "duilm6"; char = "6"; left = "0em"; top = "0em"; } if(f == 110) { fam = "duilm6"; char = "7"; left = "0em"; top = "0em"; } if(f == 111) { fam = "duilm6"; char = "8"; left = "0em"; top = "0em"; } var x = document.getElementsByClassName("picturechar"); var i; for (i = 0; i < x.length; i++) { x[i].innerHTML = char; x[i].style.fontFamily = fam; x[i].style.left = left; x[i].style.top = top; } } function setstyle(f) { z = "stickerstyle"; x = "setText.php?z="+z+"&a="+f; jQuery.get(x); clrr = "st"+f; document.getElementById(clrr).checked = true; document.getElementById('style').value = f; document.getElementById('sty15').style.display = 'none'; document.getElementById('ia15').style.display = 'none'; if(f == 15) { name = 'Curved'; price = '9.99'; } document.getElementById('sty16').style.display = 'none'; document.getElementById('ia16').style.display = 'none'; if(f == 16) { name = 'Curved Plus'; price = '10.99'; } document.getElementById('sty17').style.display = 'none'; document.getElementById('ia17').style.display = 'none'; if(f == 17) { name = 'Double Plus'; price = '13.99'; } document.getElementById('sty18').style.display = 'none'; document.getElementById('ia18').style.display = 'none'; if(f == 18) { name = 'Double '; price = '12.99'; } document.getElementById('sty19').style.display = 'none'; document.getElementById('ia19').style.display = 'none'; if(f == 19) { name = 'Round'; price = '9.99'; } document.getElementById('sty25').style.display = 'none'; document.getElementById('ia25').style.display = 'none'; if(f == 25) { name = 'Basic w/ Photo Plus'; price = '10.99'; } document.getElementById('sty26').style.display = 'none'; document.getElementById('ia26').style.display = 'none'; if(f == 26) { name = 'Basic w/ Photo'; price = '9.99'; } document.getElementById('sty27').style.display = 'none'; document.getElementById('ia27').style.display = 'none'; if(f == 27) { name = 'Angel Wings Photo Plus'; price = '9.99'; } document.getElementById('sty28').style.display = 'none'; document.getElementById('ia28').style.display = 'none'; if(f == 28) { name = 'Angel Wings Photo'; price = '8.99'; } document.getElementById('stylePrice').innerHTML = name+" - $"+price; ft = "sty"+f; ftia = "ia"+f; document.getElementById(ft).style.display = 'block'; document.getElementById(ftia).style.display = 'block'; refreshCircles(); or = document.getElementById("orientation").value; badd = document.getElementById("pic").value; color = document.getElementById("pic").value; if(or == "portrait") { wa = "2.25em"; ha = "3.27em"; } if(or == "landscape") { ha = "2.5em"; wa = "3.63em"; } if(or == "circle") { wa = "2.7em"; ha = "2.7em"; } var x = document.getElementsByClassName("stickerpicture"); var i; for (i = 0; i < x.length; i++) { x[i].style.width = wa; x[i].style.height = ha; x[i].src = badd; } updatePrice(); } function showbox() { check = 'true'; z = 'maxcheck'; var x = document.getElementsByClassName(z); var i; for (i = 0; i < x.length; i++) { if(x[i].value == 'false') { check = 'false'; } } if(check == 'false') { document.getElementById('warning').style.display = 'block'; } else { document.getElementById('warning').style.display = 'none'; } } function setsize(f) { z = "stickersize"; x = "setText.php?z="+z+"&a="+f; jQuery.get(x); var max = 20; clrr = "z"+f; document.getElementById(clrr).checked = true; if(f == '8'){i = '6'; p = '0'; max = '35';} if(f == '9'){i = '9'; p = '2'; max = '40';} if(f == '10'){i = '12'; p = '6'; max = '45';} if(f == '11'){i = '15'; p = '9'; max = '50';} if(f == '12'){i = '18'; p = '12'; max = '55';} if(f == '13'){i = '21'; p = '15'; max = '60';} sp = i+" inches wide - $"+p+".00"; document.getElementById('sizePrice').innerHTML = sp; document.getElementById('sizeDisplay').innerHTML = i; document.getElementById('sizet').value = f; updatePrice(); } function changeText(u, w, y, z) { var zee = z+"ixx"; var str = document.getElementById(w).value; ct = str.length; var x = document.getElementsByClassName(z); var i; for (i = 0; i < x.length; i++) { x[i].innerHTML = str; //alert(str); } document.getElementById(zee).value = str; v = z+"i"; var t = document.getElementsByClassName(v); var a = 0; var b = 0; refreshCircles(); }function setText(a, z){ aa = encodeURI(a); x = "setText.php?z="+z+"&a="+aa; jQuery.get(x); var xx = document.getElementsByClassName(z); var i; for (i = 0; i < xx.length; i++) { xx[i].value = a; }}function setAllTextField(textValue, inputCls, decalCls){ var xx = document.getElementsByClassName(inputCls); var i; for (i = 0; i < xx.length; i++) { xx[i].value = textValue; } var xxx = document.getElementsByClassName(decalCls); var ii; for (ii = 0; ii < xxx.length; ii++) { xxx[ii].innerHTML = textValue; }} function changeTextDB(u, w, y, z) { var zee = z+"ixx"; var str = u; ct = str.length; var x = document.getElementsByClassName(z); var i; for (i = 0; i < x.length; i++) { x[i].innerHTML = str; } document.getElementById(zee).value = str; var a = 0; var b = 0; cssWarp(a, b); }function cssWarp(a, b){ } function updateSale() { setcolor("ffffff", "000000", "40"); setstyle(15); setsize(8); //setpic(15); setfont(7); updatePrice(); }