90,167c90,91
<   var tcontent='<select size=2 id="myselect" onchange="one_at_a_time_will_later_become_more(this.value);" multiple><option onclick="here(this);" value="">Rainbow Central</option><option onclick="here(this);" value=" ">Central Rainbow</option></select><br><input style="display:none;text-align:center;width:100%;" onclick="multilook();" id="myselhelper" type="button" value="Ready"></input><br><input style="background-color:white;color:red;text-color:white;text-align:center;width:80%;" onclick="focusis(this);" onchange="colouris(this);" id="mycolour" type="color" value="#FF0000"></input><br><input style="background-color:white;color:blue;text-color:white;text-align:center;width:80%;" onclick="focusis(this);" onchange="colouris(this);" id="mycolourtwo" type="color" value="#0000FF"></input>';
<   var step=2, sofarwsymbol="%", sofarhsymbol="vh", sofarwunit=2, sofarhunit=2, firstgo=true, within=false;
<   var myselectih='';
<   var oktocall=0.0, alreadydonelist='';
<   
<   function focusis(ioco) {
<     ioco.style.backgroundColor='white';
<     ioco.style.color='black';
<   }
<   
<   function colouris(ioco) {
<     ioco.style.color=ioco.value;
<     ioco.style.backgroundColor='white';
<   }
<   
<   function multilook() {
<     var ii;
<     if (eval(('' + oktocall)) == 0.0) {
<     within=true;
<     okaytocall=-0.1;
<     var needtodo=false;
<     var osel=document.getElementById('myselect');
<     for (ii=1; ii<=osel.length; ii++) {
<      if (osel.options[eval(-1 + ii)].selected) {
<        if (osel.options[eval(-1 + ii)].value.trim() == '') {
<          if (osel.options[eval(-1 + ii)].value == ' ') alreadydonelist+='red';
<        } else if (osel.options[eval(-1 + ii)].value.indexOf(' ') != -1 && alreadydonelist.indexOf(osel.options[eval(-1 + ii)].value.replace(' ','') == -1)) {
<          alreadydonelist+=osel.options[eval(-1 + ii)].value.replace(' ','');
<          myselectih=myselectih.replace(osel.options[eval(-1 + ii)].value.substring(1) + 'becomes colour below',osel.options[eval(-1 + ii)].value.substring(1) + 'border becomes colour');
<        }
<      }
<     }
<     for (ii=1; ii<=osel.length; ii++) {
<      if (osel.options[eval(-1 + ii)].selected) {
<       if (osel.options[eval(-1 + ii)].value.indexOf(' ') != -1) {
<        needtodo=true;
<        one_at_a_time_will_later_become_more(osel.options[eval(-1 + ii)].value);
<       }
<      }
<     }
<     for (ii=1; ii<=osel.length; ii++) {
<      if (osel.options[eval(-1 + ii)].selected) {
<       if (osel.options[eval(-1 + ii)].value.indexOf(' ') == -1) {
<        needtodo=true;
<        one_at_a_time_will_later_become_more(osel.options[eval(-1 + ii)].value);
<       }
<      }
<     }
<     if (needtodo) document.getElementById('myselect').innerHTML=myselectih;
<     within=false;
<     }
<   }
<   
<   function graduallycallitoff() {
<     if (eval(('' + oktocall)) >= 0.2) {
<       oktocall-=0.2;
<       if (eval(('' + oktocall)) <= 0.0) {
<         oktocall=0.0;
<         //document.title='forceit';
<         multilook();
<       } else {
<         setTimeout(graduallycallitoff, 200);
<       }
<     } else {
<       oktocall=0.0;
<       //document.title='itforce';
<       multilook();
<     }
<   }
<   
<   function here(opto) {
<     //document.title='option clicked';
<     setTimeout(multilook,2000);
<     if (eval(('' + oktocall)) <= 0.0) {
<       oktocall=2.0;
<       graduallycallitoff();
<     } 
<   }
---
>   var tcontent='<select id="myselect" onchange="one_at_a_time_will_later_become_more(this);"><option value="">Rainbow Central</option></select><br><br><input id="mycolour" type="color" value="#FF0000"></input>';
>   var step=2, sofarwsymbol="%", sofarhsymbol="vh", sofarwunit=2, sofarhunit=2, firstgo=true;
176,179c100
<       document.getElementById('myselect').innerHTML+='<option onclick="here(this);" value="' + odivs[idivs].id + '">Rainbow ' + odivs[idivs].id.substring(0,1).toUpperCase() + odivs[idivs].id.substring(1).toLowerCase() + ' becomes colour below</option>';
<       document.getElementById('myselect').size++;
<       document.getElementById('myselect').innerHTML+='<option onclick="here(this);" value="' + odivs[idivs].id + ' ">Rainbow ' + odivs[idivs].id.substring(0,1).toUpperCase() + odivs[idivs].id.substring(1).toLowerCase() + ' becomes colour gradient</option>';
<       document.getElementById('myselect').size++;
---
>       document.getElementById('myselect').innerHTML+='<option value="' + odivs[idivs].id + '">Rainbow ' + odivs[idivs].id.substring(0,1).toUpperCase() + odivs[idivs].id.substring(1).toLowerCase() + ' becomes colour below</option>';
181,185c102,103
<     document.getElementById('myselect').innerHTML+='<option onclick="here(this);" value="-1">Rainbow Step In Bigger</option>';
<     document.getElementById('myselect').size++;
<     document.getElementById('myselect').innerHTML+='<option onclick="here(this);" value="1">Rainbow Step In Smaller</option>';
<     document.getElementById('myselect').size++;
<     myselectih=document.getElementById('myselect').innerHTML;
---
>     document.getElementById('myselect').innerHTML+='<option value="-1">Rainbow Step In Bigger</option>';
>     document.getElementById('myselect').innerHTML+='<option value="1">Rainbow Step In Smaller</option>';
186a105
>       document.getElementById('mycolour').focus();
188,192c107
<       document.getElementById('myselhelper').style.display='block';
<       document.getElementById('mycolourtwo').style.backgroundColor='white';
<       document.getElementById('mycolour').style.backgroundColor='white';
<       //document.getElementById('mycolourtwo').click();
<       //document.getElementById('mycolour').click();
---
>       document.getElementById('mycolour').click();
194d108
<       document.getElementById('mycolour').focus();
198,199c112
<   function one_at_a_time_will_later_become_more(oselvalue) {
<     var osel=document.getElementById('myselect');
---
>   function one_at_a_time_will_later_become_more(osel) {
201,202c114,115
<     if (oselvalue.trim() != '') {
<       if (('' + oselvalue.trim()) == '1') {
---
>     if (osel.value != '') {
>       if (('' + osel.value) == '1') {
234c147
<       } else if (('' + oselvalue.trim()) == '-1') {
---
>       } else if (('' + osel.value) == '-1') {
261,276d173
<       } else if (oselvalue != oselvalue.trim()) {
<         document.getElementById(oselvalue.trim()).style.background="-moz-linear-gradient(top, " + document.getElementById('mycolour').value + ", " + document.getElementById('mycolourtwo').value + ")";
<         document.getElementById(oselvalue.trim()).style.background="-webkit-gradient(linear, 0% 0%, 0% 100%, from(" + document.getElementById('mycolour').value + "), to(" + document.getElementById('mycolourtwo').value + "))";
<         document.getElementById(oselvalue.trim()).style.background="linear-gradient(top, " + document.getElementById('mycolour').value + ", " + document.getElementById('mycolourtwo').value + ")";
<         if (oselvalue.indexOf(' ') != -1 && alreadydonelist.indexOf(oselvalue.replace(' ','') == -1)) {
<          alreadydonelist+=oselvalue.replace(' ','');
<          var previs=myselectih;
<          myselectih=myselectih.replace(oselvalue.substring(1) + 'becomes colour below',oselvalue.substring(1) + 'border becomes colour');
<          if (previs != alreadydonelist) {
<            if (eval(('' + oktocall)) == 0.0 && !within) {
<              document.getElementById('myselect').innerHTML=myselectih;
<            }
<          }
<         }
<       } else if (alreadydonelist.indexOf(oselvalue.trim()) != -1) {
<         document.getElementById(oselvalue.trim()).style.border='1px solid ' + document.getElementById('mycolour').value;
278c175
<         document.getElementById(oselvalue.trim()).style.backgroundColor=document.getElementById('mycolour').value;
---
>         document.getElementById(osel.value).style.backgroundColor=document.getElementById('mycolour').value;
280,287d176
<     } else if (oselvalue != '') {
<       document.body.style.background="-moz-linear-gradient(top, " + document.getElementById('mycolour').value + ", " + document.getElementById('mycolourtwo').value + ")";
<       document.body.style.background="-webkit-gradient(linear, 0% 0%, 0% 100%, from(" + document.getElementById('mycolour').value + "), to(" + document.getElementById('mycolourtwo').value + "))";
<       document.body.style.background="linear-gradient(top, " + document.getElementById('mycolour').value + ", " + document.getElementById('mycolourtwo').value + ")";
<       if (oselvalue.trim() == '') {
<          if (oselvalue == ' ') alreadydonelist+='red';
<       }  
<       document.body.style.border='1px solid ' + document.getElementById('mycolour').value;