summaryrefslogtreecommitdiff
path: root/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html
diff options
context:
space:
mode:
Diffstat (limited to 'graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html')
-rw-r--r--graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html534
1 files changed, 534 insertions, 0 deletions
diff --git a/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html b/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html
new file mode 100644
index 0000000000..5c4cb291e4
--- /dev/null
+++ b/graphics/pgf/contrib/pgf-periodictable/pgfPTcolorSchemes.html
@@ -0,0 +1,534 @@
+<html>
+<meta charset="ISO-8859-1">
+<style>
+body {font-family: Arial, Helvetica, sans-serif;}
+.pgfPTBTN {
+ background-color: #AAAAAA;
+ border: none;
+ color: black;
+ padding: 0px 0px;
+ text-align: center;
+ text-decoration: none;
+ display: block;
+ font-size: 16px;
+ margin: 0px 0px;
+ cursor: pointer;
+ width: 40px;
+ height: 40px;
+}
+.pgfPTBTN:hover {
+ opacity: .6;
+}
+.pgfPTBTN:checked {
+ border: 5px solid red;
+}
+/* The Modal (background) */
+.modal {
+ display: none; /* Hidden by default */
+ position: fixed; /* Stay in place */
+ z-index: 1; /* Sit on top */
+ padding-top: 100px; /* Location of the box */
+ left: 0;
+ top: 0;
+ width: 100%; /* Full width */
+ height: 100%; /* Full height */
+ overflow: auto; /* Enable scroll if needed */
+ background-color: rgb(0,0,0); /* Fallback color */
+ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+}
+
+/* Modal Content */
+.modal-content {
+ background-color: #fefefe;
+ margin: auto;
+ padding: 30px;
+ border: 1px solid #888;
+ width: 400px;
+}
+
+/* The Close Button */
+.close {
+ color: #aaaaaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+ color: #000;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.btnrc {
+ width: 20px;
+ height: 20px;
+ margin: 0px 0px;
+ border: none;
+ padding: 0px 0px;
+ border-radius: 2px;
+ border: .2px solid #555555;
+ background-color: #EEEEEE;
+}
+
+.btnrc:hover {opacity: .8}
+
+</style>
+<head>
+</head>
+<body onload="init()">
+ <p style="font-size:18pt;background-color: teal;color: white;padding: 10px">&nbsp;pgf-PeriodicTable ColorScheme Designer</p>
+ <!-- A tabela periódica -->
+ <div align=center>
+ <table border=0 cellpadding=0 cellspacing=0 style='border-collapse:collapse;table-layout:fixed'>
+ <col width=40 span=0>
+ <!-- 1º Período -->
+ <tr>
+ <td><input type="button" name="TP" value="H" id="btn1" onclick="showmodal('btn1')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><input type="button" name="TP" value="He" id="btn2" onclick="showmodal('btn2')" class="pgfPTBTN"></td>
+ <!-- Painel à direita -->
+ <td rowspan="10" style="width: 40px"></td>
+ <td id="info" rowspan="10" style="width: 200px; padding: 20px;border: 1px solid teal;vertical-align: top;background-color: #CCDDFF;">
+ <p><label for="tex">Load a Color Scheme:</label></p>
+ <p><input type="file" id="tex" name="tex" accept=".tex" style="width: 100%" onchange="readpgfPTCS()"></p>
+ <textarea type="text" id="CSDATA" value="" style="width:100%;height:200px;resize:none"></textarea>
+ <p><button id="btndoit" style="width: 100%;disabled: true" onclick="applypgfPTCSfromfile()">Update Periodic Table</button></p>
+ </td>
+ </tr>
+ <!-- 2º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="Li" id="btn3" onclick="showmodal('btn3')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Be" id="btn4" onclick="showmodal('btn4')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td> <td></td><td></td><td><input type="button" name="TP" value="B" id="btn5" onclick="showmodal('btn5')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="C" id="btn6" onclick="showmodal('btn6')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="N" id="btn7" onclick="showmodal('btn7')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="O" id="btn8" onclick="showmodal('btn8')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="F" id="btn9" onclick="showmodal('btn9')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ne" id="btn10" onclick="showmodal('btn10')" class="pgfPTBTN"></td>
+ </tr>
+ <!-- 3º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="Na" id="btn11" onclick="showmodal('btn11')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mg" id="btn12" onclick="showmodal('btn12')" class="pgfPTBTN"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td><input type="button" name="TP" value="Al" id="btn13" onclick="showmodal('btn13')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Si" id="btn14" onclick="showmodal('btn14')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="P" id="btn15" onclick="showmodal('btn15')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="S" id="btn16" onclick="showmodal('btn16')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cl" id="btn17" onclick="showmodal('btn17')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ar" id="btn18" onclick="showmodal('btn18')" class="pgfPTBTN"></td>
+ </tr>
+ <!-- 4º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="K" id="btn19" onclick="showmodal('btn19')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ca" id="btn20" onclick="showmodal('btn20')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sc" id="btn21" onclick="showmodal('btn21')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ti" id="btn22" onclick="showmodal('btn22')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="V" id="btn23" onclick="showmodal('btn23')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cr" id="btn24" onclick="showmodal('btn24')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mn" id="btn25" onclick="showmodal('btn25')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fe" id="btn26" onclick="showmodal('btn26')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Co" id="btn27" onclick="showmodal('btn27')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ni" id="btn28" onclick="showmodal('btn28')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cu" id="btn29" onclick="showmodal('btn29')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Zn" id="btn30" onclick="showmodal('btn30')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ga" id="btn31" onclick="showmodal('btn31')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ge" id="btn32" onclick="showmodal('btn32')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="As" id="btn33" onclick="showmodal('btn33')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Se" id="btn34" onclick="showmodal('btn34')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Br" id="btn35" onclick="showmodal('btn35')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Kr" id="btn36" onclick="showmodal('btn36')" class="pgfPTBTN"></td>
+ </tr>
+ <!-- 5º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="Rb" id="btn37" onclick="showmodal('btn37')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sr" id="btn38" onclick="showmodal('btn38')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Y" id="btn39" onclick="showmodal('btn39')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Zr" id="btn40" onclick="showmodal('btn40')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nb" id="btn41" onclick="showmodal('btn41')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mo" id="btn42" onclick="showmodal('btn42')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tc" id="btn43" onclick="showmodal('btn43')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ru" id="btn44" onclick="showmodal('btn44')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rh" id="btn45" onclick="showmodal('btn45')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pd" id="btn46" onclick="showmodal('btn46')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ag" id="btn47" onclick="showmodal('btn47')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cd" id="btn48" onclick="showmodal('btn48')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="In" id="btn49" onclick="showmodal('btn49')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sn" id="btn50" onclick="showmodal('btn50')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sb" id="btn51" onclick="showmodal('btn51')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Te" id="btn52" onclick="showmodal('btn52')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="I" id="btn53" onclick="showmodal('btn53')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Xe" id="btn54" onclick="showmodal('btn54')" class="pgfPTBTN"></td>
+ <!-- 6º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="Cs" id="btn55" onclick="showmodal('btn55')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ba" id="btn56" onclick="showmodal('btn56')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="La" id="btn57" onclick="showmodal('btn57')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hf" id="btn72" onclick="showmodal('btn72')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ta" id="btn73" onclick="showmodal('btn73')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="W" id="btn74" onclick="showmodal('btn74')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Re" id="btn75" onclick="showmodal('btn75')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Os" id="btn76" onclick="showmodal('btn76')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ir" id="btn77" onclick="showmodal('btn77')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pt" id="btn78" onclick="showmodal('btn78')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Au" id="btn79" onclick="showmodal('btn79')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hg" id="btn80" onclick="showmodal('btn80')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tl" id="btn81" onclick="showmodal('btn81')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pb" id="btn82" onclick="showmodal('btn82')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bi" id="btn83" onclick="showmodal('btn83')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Po" id="btn84" onclick="showmodal('btn84')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="At" id="btn85" onclick="showmodal('btn85')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rn" id="btn86" onclick="showmodal('btn86')" class="pgfPTBTN"></td>
+ </tr>
+ <!-- 7º Período -->
+ <tr height=17 style='height:12.75pt'>
+ <td><input type="button" name="TP" value="Fr" id="btn87" onclick="showmodal('btn87')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ra" id="btn88" onclick="showmodal('btn88')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ac" id="btn89" onclick="showmodal('btn89')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rf" id="btn104" onclick="showmodal('btn104')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Db" id="btn105" onclick="showmodal('btn105')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sg" id="btn106" onclick="showmodal('btn106')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bh" id="btn107" onclick="showmodal('btn107')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Hs" id="btn108" onclick="showmodal('btn108')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mt" id="btn109" onclick="showmodal('btn109')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ds" id="btn110" onclick="showmodal('btn110')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Rg" id="btn111" onclick="showmodal('btn111')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cn" id="btn112" onclick="showmodal('btn112')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nh" id="btn113" onclick="showmodal('btn113')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fl" id="btn114" onclick="showmodal('btn114')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Mc" id="btn115" onclick="showmodal('btn115')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lv" id="btn116" onclick="showmodal('btn116')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ts" id="btn117" onclick="showmodal('btn117')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Og" id="btn118" onclick="showmodal('btn118')" class="pgfPTBTN"></td>
+ </tr>
+ <!-- INTERVALO -->
+ <tr height=17 style='height:12.75pt'>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td></tr>
+ <!-- Lantanídeos -->
+ <tr height=17 style='height:12.75pt'>
+ <td></td><td></td><td><input type="button" name="TP" value="Ce" id="btn58" onclick="showmodal('btn58')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pr" id="btn59" onclick="showmodal('btn59')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Nd" id="btn60" onclick="showmodal('btn60')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pm" id="btn61" onclick="showmodal('btn61')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Sm" id="btn62" onclick="showmodal('btn62')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Eu" id="btn63" onclick="showmodal('btn63')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Gd" id="btn64" onclick="showmodal('btn64')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tb" id="btn65" onclick="showmodal('btn65')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Dy" id="btn66" onclick="showmodal('btn66')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Ho" id="btn67" onclick="showmodal('btn67')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Er" id="btn68" onclick="showmodal('btn68')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Tm" id="btn69" onclick="showmodal('btn69')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Yb" id="btn70" onclick="showmodal('btn70')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lu" id="btn71" onclick="showmodal('btn71')" class="pgfPTBTN"></td><td></td><td></td>
+ </tr>
+ <!-- Actinídeos -->
+ <tr height=17 style='height:12.75pt'>
+ <td></td><td></td><td><input type="button" name="TP" value="Th" id="btn90" onclick="showmodal('btn90')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pa" id="btn91" onclick="showmodal('btn91')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="U" id="btn92" onclick="showmodal('btn92')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Np" id="btn93" onclick="showmodal('btn93')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Pu" id="btn94" onclick="showmodal('btn94')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Am" id="btn95" onclick="showmodal('btn95')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cm" id="btn96" onclick="showmodal('btn96')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Bk" id="btn97" onclick="showmodal('btn97')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Cf" id="btn98" onclick="showmodal('btn98')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Es" id="btn99" onclick="showmodal('btn99')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Fm" id="btn100" onclick="showmodal('btn100')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Md" id="btn101" onclick="showmodal('btn101')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="No" id="btn102" onclick="showmodal('btn102')" class="pgfPTBTN"></td><td><input type="button" name="TP" value="Lr" id="btn103" onclick="showmodal('btn103')" class="pgfPTBTN"></td><td></td> <td></td>
+ </tr>
+ <!-- INTERVALO -->
+ <tr height=17 style='height:20pt'>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> <td></td><td></td></tr>
+ <!-- Painel por baixo -->
+ <tr style=" padding: 20px;border: 1px solid Chocolate;vertical-align: center;background-color: Wheat;height:100px"><td></td><td></td><td></td><td colspan="13">
+ <label for="builtinCS">Choose pgfPTColorScheme:</label>
+ <select id="builtinCS" name="builtinCS" style="width:114.5px">
+ <option value="default">default</option><option value="Soft">Soft</option><option value="Jmol">Jmol</option><option value="CPK">CPK</option><option value="Rasmol">Rasmol</option><option value="RasmolNew">RasmolNew</option><option value="Wikipedia">Wikipedia</option><option value="MNM">MNM</option><option value="PS">PS</option><option value="Radio">Radio</option><option value="Blocks">Blocks</option></select>
+ <button name="btnbuiltinCS" id="builtinCS" onclick="loadinnerpgfPTCS()">Set selected Color Scheme</button>
+ <p><label for="userCSname">Name for the Color Scheme: </label>
+ <input type="text" id="userCSname" name="userCSname" value="myCSname">&nbsp;<button name="btnwriteCS" id="btnwriteCS" onclick="writepgfPTCS()">Write CS to file...</button></p>
+ </td><td colspan="4">
+ <textarea type="text" id="CSDATAwrite" value="" style="width:95%;height:80px;resize:none" readonly></textarea>
+ </td>
+ </tr>
+</table>
+<p style="font-size:8pt;background-color: teal;color: white;padding: 3px;text-align:right"><i>Part of pgf-PeriodicTable v1.0 package&nbsp;</i></p>
+</div>
+<!-- The Modal -->
+<div id="myModal" class="modal">
+ <!-- Modal content -->
+ <div class="modal-content">
+ <span class="close">&times;</span>
+ <p id="txtElemento"></p>
+ <!-- <form id="pgfPTColors"> -->
+ Color picker: <input type="color" id="colorpicker"><!-- <br>
+ Color scheme: <textarea type="text" id="pgfPTCS" value="" style="width:400px;height:150px;"></textarea> -->
+ <!-- </form> -->
+ <button id="btndoit" onclick="setPTbtnColor(btn)">Set color</button>&nbsp;
+ <button id="btntrail" onclick="setPTbtnTrailColor(btn)" value="SetTC">Set trailing color</button>
+ <p>Recent colors:</p>
+ <button id="rc1" class="btnrc" value="1" onclick="setrc('rc1')"></button>
+ <button id="rc2" class="btnrc" onclick="setrc('rc2')"></button>
+ <button id="rc3" class="btnrc" onclick="setrc('rc3')"></button>
+ <button id="rc4" class="btnrc" onclick="setrc('rc4')"></button>
+ <button id="rc5" class="btnrc" onclick="setrc('rc5')"></button>
+ <button id="rc6" class="btnrc" onclick="setrc('rc6')"></button>
+ <button id="rc7" class="btnrc" onclick="setrc('rc7')"></button>
+ <button id="rc8" class="btnrc" onclick="setrc('rc8')"></button><br>
+ <button id="rc9" class="btnrc" onclick="setrc('rc9')"></button>
+ <button id="rc10" class="btnrc" onclick="setrc('rc10')"></button>
+ <button id="rc11" class="btnrc" onclick="setrc('rc11')"></button>
+ <button id="rc12" class="btnrc" onclick="setrc('rc12')"></button>
+ <button id="rc13" class="btnrc" onclick="setrc('rc13')"></button>
+ <button id="rc14" class="btnrc" onclick="setrc('rc14')"></button>
+ <button id="rc15" class="btnrc" onclick="setrc('rc15')"></button>
+ <button id="rc16" class="btnrc" onclick="setrc('rc16')"></button>
+ </div>
+</div>
+<script>
+// -------------------------------------------------------------------------------------
+// Get the modal
+var modal = document.getElementById("myModal");
+// Global vars
+var btn;
+var curBtnColor;
+var curBtnColorRGB;
+var rcCount;
+// -------------------------------------------------------------------------------------
+function showmodal(btnID){
+ // Get the button that opens the modal
+ btn = document.getElementById(btnID);
+ // and get the back color
+ curBtnColor = btn.style.backgroundColor;
+ curBtnColorRGB = RGBToHex(curBtnColor);
+ // When the user clicks the button, open the modal
+ modal.style.display = "block";
+ // Message on modal
+ document.getElementById("txtElemento").innerHTML = "Pick color for '" + btn.value +"' then press the «set color» button...";
+ // set the colorpicker color
+ document.getElementById("colorpicker").value = curBtnColorRGB;
+ // add the actual color to the rc buton
+ rcCount = 0;
+ rcCount = +(document.getElementById("rc1").value);
+ // disable inactive recent color buttons
+ for(i = rcCount; i < 16; i++) {// >
+ document.getElementById("rc" + i).disabled = true;
+ document.getElementById("rc" + i).style.cursor = "not-allowed";
+ }
+}
+// Get the <span> element that closes the modal
+var span = document.getElementsByClassName("close")[0];
+// When the user clicks on <span> (x), close the modal
+span.onclick = function() {
+ modal.style.display = "none";
+}
+// When the user clicks anywhere outside of the modal, close it
+window.onclick = function(event) {
+ if (event.target == modal) {
+ modal.style.display = "none";
+ }
+}
+// -------------------------------------------------------------------------------------
+function setPTbtnColor(btnToChange) {
+ var atualrc;
+ //var text = "";
+ curBtnColor = document.getElementById("colorpicker").value;
+ // add the actual color to the rc buton
+ var colList = ["undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined"];
+ for (i = 0; i < rcCount -1; i++) { // >
+ colList[i] = RGBToHex(document.getElementById("rc" + (i+1)).style.backgroundColor);
+ }
+ var isInList = searchColor(curBtnColor,colList);
+ if(!isInList) {
+ if(rcCount>16) rcCount = 1;
+ atualrc="rc" + rcCount;
+ document.getElementById(atualrc).style.backgroundColor = document.getElementById("colorpicker").value;
+ document.getElementById(atualrc).style.cursor = "pointer";
+ document.getElementById(atualrc).disabled = false;
+ rcCount = rcCount + 1;
+ }
+ document.getElementById("rc1").value = rcCount;
+ //var tmpDEBUG = "";
+ //for(i = 0; i < colList.length; i++) {tmpDEBUG += i + ":" + colList[i] +" ";}// >
+ //text = "rcbtn " + atualrc + " rcCount " + rcCount + " atualC " + curBtnColor + " isInList " + isInList + "\nColor List\n" + tmpDEBUG ;
+ //document.getElementById("pgfPTCS").value = text;
+ btnToChange.style.backgroundColor = document.getElementById("colorpicker").value;
+}
+function setPTbtnTrailColor(btnToChange)
+{
+ var atualrc;
+ curBtnColor = document.getElementById("colorpicker").value;
+ // add the actual color to the rc buton
+ var colList = ["undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined","undefined"];
+ for (i = 0; i < rcCount -1; i++) { // >
+ colList[i] = RGBToHex(document.getElementById("rc" + (i+1)).style.backgroundColor);
+ }
+ var isInList = searchColor(curBtnColor,colList);
+ if(!isInList) {
+ if(rcCount>16) rcCount = 1;
+ atualrc="rc" + rcCount;
+ document.getElementById(atualrc).style.backgroundColor = document.getElementById("colorpicker").value;
+ document.getElementById(atualrc).style.cursor = "pointer";
+ document.getElementById(atualrc).disabled = false;
+ rcCount = rcCount + 1;
+ }
+ document.getElementById("rc1").value = rcCount;
+ btnToChange.style.backgroundColor = document.getElementById("colorpicker").value;
+ var startbtn = btnToChange.id;
+ startbtn = +(startbtn.replace("btn",""));
+ if(document.getElementById("btntrail").value == "SetTC")
+ {
+ document.getElementById("btntrail").value = "RemoveTC" + startbtn;
+ document.getElementById("btntrail").innerHTML = "Remove trailing color";
+ for(i = 118; i > startbtn; i--) {
+ document.getElementById("btn" + i).disabled = true;
+ document.getElementById("btn" + i).style.backgroundColor = curBtnColor;
+ }
+ }
+ else
+ {
+ document.getElementById("btntrail").value = "SetTC";
+ document.getElementById("btntrail").innerHTML = "Set trailing color";
+ for(i = 118; i > startbtn; i--) {
+ document.getElementById("btn" + i).disabled = false;
+ document.getElementById("btn" + i).style.backgroundColor = curBtnColor;
+ }
+ }
+//var txttrail = document.getElementById("btntrail").value;
+//btnToChange.value = startbtn + "v" + txttrail;
+}
+// #############
+function setrc(rcbtnID) {
+ document.getElementById("colorpicker").value = RGBToHex(document.getElementById(rcbtnID).style.backgroundColor);
+}
+// -------------------------------------------------------------------------------------
+function RGBToHex(rgb) {
+ // Choose correct separator
+ let sep = rgb.indexOf(",") > -1 ? "," : " ";
+ // Turn "rgb(r,g,b)" into [r,g,b]
+ rgb = rgb.substr(4).split(")")[0].split(sep);
+ let r = (+rgb[0]).toString(16),
+ g = (+rgb[1]).toString(16),
+ b = (+rgb[2]).toString(16);
+ if (r.length == 1)
+ r = "0" + r;
+ if (g.length == 1)
+ g = "0" + g;
+ if (b.length == 1)
+ b = "0" + b;
+ return "#" + r + g + b;
+}
+// #############
+function RGBHEXToLaTeX(rgb) {
+ let r = 0, g = 0, b = 0;
+ r = "0x" + rgb[1] + rgb[2];
+ g = "0x" + rgb[3] + rgb[4];
+ b= "0x" + rgb[5] + rgb[6];
+ r = +(r/255).toFixed(3);
+ g = +(g/255).toFixed(3);
+ b = +(b/255).toFixed(3);
+ if(r != "0") r = r.toString().replace("0","");
+ if(g != "0") g = g.toString().replace("0","");
+ if(b != "0") b = b.toString().replace("0","");
+ return r + "/" + g + "/" + b;
+}
+// #############
+function RGBLaTeXtoHEX(rgb) {
+ rgb = rgb.split("/");
+ let r = (+(+rgb[0]*255).toFixed(0)).toString(16),
+ g = (+(+rgb[1]*255).toFixed(0)).toString(16),
+ b = (+(+rgb[2]*255).toFixed(0)).toString(16);
+ return "#" + r + g + b;
+}
+// #############
+function searchColor(color,colorList) {
+ for (i = 0; i < colorList.length; i++) {// >
+ if(colorList[i]==color) {return true;}
+ }
+ return false;
+}
+// -------------------------------------------------------------------------------------
+function resetTrailing()
+{
+ if(document.getElementById("btntrail").value != "SetTC")
+ {
+ var x = document.getElementsByName("TP");
+ var trailfrom = +(document.getElementById("btntrail").value).replace("RemoveTC","");
+ document.getElementById("btntrail").value = "SetTC";
+ document.getElementById("btntrail").innerHTML = "Set trailing color";
+ for(i = x.length ; i > trailfrom ; i--)
+ document.getElementById("btn" + i).disabled = false;
+ }
+}
+// -------------------------------------------------------------------------------------
+/* The pgfPTCS by user
+\pgfPTnewcolorscheme[r/g/b]{name}{r/g/b,...,r/g/b}
+*/
+function writepgfPTCS() {
+ var x = document.getElementsByName("TP");
+ var name = document.getElementById("userCSname").value;
+ //var strCSdata = "\\pgfPTnewColorScheme{" + name + "}{";
+ var strCSdata = "";
+ var trailfrom = x.length;
+ if(document.getElementById("btntrail").value != "SetTC")
+ {
+ trailfrom = +(document.getElementById("btntrail").value).replace("RemoveTC","");
+ strCSdata = "\\pgfPTnewColorScheme[" + RGBHEXToLaTeX(RGBToHex(document.getElementById("btn" + trailfrom).style.backgroundColor)) + "]{" + name + "}{";
+ trailfrom -=1;
+ }
+ else
+ strCSdata = "\\pgfPTnewColorScheme{" + name + "}{";
+ // fill the color list...
+ for(i=0;i<trailfrom;i++) // >
+ strCSdata += RGBHEXToLaTeX(RGBToHex(document.getElementById("btn" + (i + 1)).style.backgroundColor)) + ",";
+ strCSdata = strCSdata.substr(0,strCSdata.length-1);
+ strCSdata += "}";
+ //strCSdata = strCSdata.replace(/0./g,".");
+ var filename = name + ".tex";
+ // DEBUG INFO
+ document.getElementById("CSDATAwrite").value = "Contents of file " + filename + " (" + strCSdata.length + " bytes):\n" + strCSdata;
+ var filename = document.getElementById("userCSname").value;
+ var pos = filename.search(".tex");
+ if(pos==-1)
+ filename += ".tex";
+ download(filename,strCSdata);
+}
+// #############
+function download(filename, text) {
+ var dummy = document.createElement('a');
+ dummy.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
+ dummy.setAttribute('download', filename);
+ dummy.target = '_blank';
+ dummy.style.display = 'none';
+ document.body.appendChild(dummy);
+ dummy.click();
+ document.body.removeChild(dummy);
+}
+// #############
+function readpgfPTCS() {
+ resetTrailing();
+ var file = document.getElementById("tex").files[0];
+ var reader = new FileReader();
+ reader.onload = function (e) {
+ var textArea = document.getElementById("CSDATA");
+ textArea.value = e.target.result;
+ };
+ reader.readAsText(file);
+ var data = document.getElementById("CSDATA").value;
+ var trailColor = "";
+ var CSname = "";
+ var CScolorlist = "";
+ var pos;
+ // remove '\pgfPTnewcolorscheme'
+ data = data.replace("\\pgfPTnewColorScheme","");
+ // if nextchar [ store the trailing color, remove it from data and remove "]"
+ if(data[0]=="[") {
+ data = data.replace("[","");
+ pos = data.search("]");
+ trailColor = RGBLaTeXtoHEX(data.substring(0,pos));
+ data = data.substr(pos+1);
+ } else trailColor = "#ffffff";
+ // remove "{", store name in CSname and remove "}{"
+ data = data.replace("{","");
+ pos = data.search("}");
+ CSname = data.substring(0,pos);
+ data = data.substr(pos+2);
+ // parse color list
+ pos = data.search("}");
+ data = data.substring(0,pos);
+ CScolorlist = data.split(',');
+ var tmpDEBUG="";
+ for(i=0;i<CScolorlist.length;i++) // >
+ {
+ CScolorlist[i] = RGBLaTeXtoHEX(CScolorlist[i]);
+ tmpDEBUG += CScolorlist[i] + " ";
+ }
+ // DEBUG INFO
+ /*document.getElementById("CSDATA").value = initdata + "\n\ndata->" + data + "\n\ntrailColor->" + trailColor + "\n\nCSname->" + CSname + "\n\nColor List->" + CScolorlist + "\n\nList of colors (" + CScolorlist.length +") -> " + tmpDEBUG;*/
+ document.getElementById("CSDATA").value = "\n\ntrailColor->" + trailColor + "\n\nCSname->" + CSname + "\n\nList of colors (" + CScolorlist.length +") -> " + tmpDEBUG;
+ document.getElementById("btndoit").disabled = false;
+}
+// #############
+function applypgfPTCSfromfile() {
+ var data = document.getElementById("CSDATA").value;
+ var initdata = data;
+ var trailColor = "";
+ var CSname = "";
+ var CScolorlist = "";
+ var pos;
+ // remove '\pgfPTnewcolorscheme'
+ data = data.replace("\\pgfPTnewColorScheme","");
+ // if nextchar [ store the trailing color, remove it from data and remove "]"
+ if(data[0]=="[") {
+ data = data.replace("[","");
+ pos = data.search("]");
+ trailColor = RGBLaTeXtoHEX(data.substring(0,pos));
+ data = data.substr(pos+1);
+ } else trailColor = "#ffffff";
+ // remove "{", store name in CSname and remove "}{"
+ data = data.replace("{","");
+ pos = data.search("}");
+ CSname = data.substring(0,pos);
+ data = data.substr(pos+2);
+ // parse color list
+ pos = data.search("}");
+ data = data.substring(0,pos);
+ CScolorlist = data.split(',');
+ for(i=0;i<CScolorlist.length;i++) // >
+ CScolorlist[i] = RGBLaTeXtoHEX(CScolorlist[i]);
+ // Change colors of buttons
+ var count = 0;
+ for(i=0;i<CScolorlist.length;i++) {// >
+ document.getElementById("btn" + (i + 1)).style.backgroundColor = CScolorlist[i] ;
+ count++;
+ }
+ var x = document.getElementsByName("TP");
+ if(count<x.length) // >
+ for(i=count;i<x.length;i++) // >
+ document.getElementById("btn" + (i + 1)).style.backgroundColor = trailColor;
+}
+// #############
+function loadinnerpgfPTCS() {
+ resetTrailing();
+ var ID = document.getElementById("builtinCS").value
+ switch(ID) {
+ case "Soft":
+ var CScolorlist = ["Soft","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F8F1C7","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F8F1C7","#D7D6A8","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#D3D2FF","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#D7D6A8","#D7D6A8","#F1F0EA","#F1F0EA","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#B5B4FF","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA","#F1F0EA"];
+ break;
+ case "Jmol":
+ var CScolorlist = ["Jmol","#FFFFFF","#D9FFFF","#CC80FF","#C2FF00","#FFB5B5","#909090","#3050F8","#FF0D0D","#90E050","#B3E3F5","#AB5CF2","#8AFF00","#BFA6A6","#F0C8A0","#FF8000","#FFFF30","#1FF01F","#80D1E3","#8F40D4","#3DFF00","#E6E6E6","#BFC2C7","#A6A6AB","#8A99C7","#9C7AC7","#E06633","#F090A0","#50D050","#C88033","#7D80B0","#C28F8F","#668F8F","#BD80E3","#FFA100","#A62929","#5CB8D1","#702EB0","#00FF00","#94FFFF","#94E0E0","#73C2C9","#54B5B5","#3B9E9E","#248F8F","#0A7D8C","#006985","#C0C0C0","#FFD98F","#A67573","#668080","#9E63B5","#D47A00","#940094","#429EB0","#57178F","#00C900","#70D4FF","#FFFFC7","#D9FFC7","#C7FFC7","#A3FFC7","#8FFFC7","#61FFC7","#45FFC7","#30FFC7","#1FFFC7","#00FF9C","#00E675","#00D452","#00BF38","#00AB24","#4DC2FF","#4DA6FF","#2194D6","#267DAB","#266696","#175487","#D0D0E0","#FFD123","#B8B8D0","#A6544D","#575961","#9E4FB5","#AB5C00","#754F45","#428296","#420066","#007D00","#70ABFA","#00BAFF","#00A1FF","#008FFF","#0080FF","#006BFF","#545CF2","#785CE3","#8A4FE3","#A136D4","#B31FD4","#B31FBA","#B30DA6","#BD0D87","#C70066","#CC0059","#D1004F","#D90045","#E00038","#E6002E","#EB0026","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"];
+ break;
+ case "CPK":
+ var CScolorlist = ["CPK","#FFFFFF","#00FFFF","#7700FF","#007700","#FFAA77","#222222","#2233FF","#FF2200","#1FF01F","#00FFFF","#7700FF","#007700","#DD77FF","#DD77FF","#FF9900","#FFE522","#1FF01F","#00FFFF","#7700FF","#007700","#FFAA77","#999999","#FFAA77","#FFAA77","#FFAA77","#DD7700","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#992200","#00FFFF","#7700FF","#007700","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#6600BB","#00FFFF","#7700FF","#007700","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#7700FF","#007700","#FFAA77","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#DD77FF","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFAA77","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"];
+ break;
+ case "Rasmol":
+ var CScolorlist = ["Rasmol","#FFFFFF","#FFC0CB","#B22222","#FF1493","#00FF00","#C8C8C8","#8F8FFF","#F00000","#DAA520","#FF1493","#0000FF","#228B22","#808090","#DAA520","#FFA500","#FFC832","#00FF00","#FF1493","#FF1493","#808090","#FF1493","#808090","#FF1493","#808090","#808090","#FFA500","#FF1493","#A52A2A","#A52A2A","#A52A2A","#FF1493","#FF1493","#FF1493","#FF1493","#A52A2A","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#808090","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#A020F0","#FF1493","#FF1493","#FFA500","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#DAA520","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"];
+ break;
+ case "RasmolNew":
+ var CScolorlist = ["RasmolNew","#FFFFFF","#FFC0CB","#B22121","#FF1494","#00FF01","#D3D3D3","#87CEE6","#FF0000","#DAA521","#FF1494","#0000FF","#228B23","#696969","#DAA521","#FFAA00","#FFFF00","#00FF01","#FF1493","#FF1493","#696969","#FF1494","#696969","#FF1494","#696969","#696969","#FFAA00","#FF1494","#802828","#802828","#802828","#FF1493","#FF1493","#FF1493","#FF1493","#802828","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#696969","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#A020F1","#FF1493","#FF1493","#FFAA00","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#DAA521","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493","#FF1493"];
+ break;
+ case "Wikipedia":
+ var CScolorlist = ["Wikipedia","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#CCCC99","#F0FF8F","#F0FF8F","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#CCCCCC","#CCCC99","#F0FF8F","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCC99","#CCCC99","#F0FF8F","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCCCC","#CCCC99","#CCCC99","#F0FF8F","#C0FFFF","#FF6666","#FFDEAD","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFBFFF","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#CCCCCC","#CCCCCC","#CCCCCC","#CCCCCC","#CCCCCC","#C0FFFF","#FF6666","#FFDEAD","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FF99CC","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#FFC0C0","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8","#E8E8E8"];
+ break;
+ case "MNM":
+ var CScolorlist = ["MNM","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E0D0C0","#E8D6A8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E0D0C0","#E0D0C0","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E8D6A8","#E8D6A8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8","#E2E2D8"];
+ break;
+ case "PS":
+ var CScolorlist = ["PS","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#8DB4E3","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#B6DDE8","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#B6DDE8","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#8DB4E3","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#FFE0B7","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5","#A5A5A5"];
+ break;
+ case "Radio":
+ var CScolorlist = ["Radio","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#C2D69A","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00","#F4EE00"];
+ break;
+ case "Blocks":
+ var CScolorlist = ["Blocks","#FFEFAB","#FFEFAB","#FFEFAB","#FFEFAB","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#FFEFAB","#FFEFAB","#FAAA8A","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#C1D5E9","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#FAAA8A","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2","#B7DEA2"];
+ break;
+ default:
+ var CScolorlist = ["default","#C4CFF5","#ADBBEC","#DEE3DF","#EBE2B5","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#A1996F","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#CCE0DB","#B4DED3","#9CDBCB","#6BE3C4","#AB9BBF","#96A7E3","#DEE3DF","#EBE2B5","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#857D54","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#9E9A85","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD","#C7C9BD"];
+ }
+ var x = document.getElementsByName("TP");
+ for(i=1;i<=x.length;i++) // >
+ document.getElementById("btn" + (i)).style.backgroundColor = CScolorlist[i];
+}
+// #############
+function init() {
+ var x = document.getElementsByName("TP");
+ for(i=1;i<=x.length;i++) // >
+ document.getElementById("btn" + (i)).style.backgroundColor = "#AAAAAA";
+ document.getElementById("btndoit").disabled = true;
+}
+</script>
+</body>
+</html>