<!doctype html>
<html>
<head>
<title>Work Roster - RJM Programming - December, 2019</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type='text/javascript'>

var curai=1;
var templatetr='';
var prevh3='';
var saveawayv='';
var lastformih='';
var dive='';
var dval='';
var myh3suffix='';
var defbits=[""];
var deftitle=[""];
var defcontent=[""];
var defprompt=[""];
var thischoice=0;
var daysa=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var sis='preceding';
var eis='ending';


Date.prototype.toDateInputValue = (function() { // thanks to https://stackoverflow.com/questions/6982692/how-to-set-input-type-dates-default-value-to-today
var local = new Date(this);
var fd=local.getDay();
local.setMinutes(this.getMinutes() - this.getTimezoneOffset());
var fdtwo=local.getDay();
if (fd != fdtwo) { local.setMinutes(this.getMinutes() + this.getTimezoneOffset()); }
var dow=local.getDay();
document.getElementById('starting').innerHTML=eis;
while (dow != 0) {
dow--;
if (dow != 0 || 1 == 1) { document.getElementById('starting').innerHTML='preceding'; local.setDate(local.getDate() - 1); }
}
eis='preceding';
return local.toJSON().split('.')[0].split('T')[0] + ' 00:00:00'; //.slice(0,10);
});

function getWeekNumber(d) { // thanks to https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php
// Copy date so don't modify original
d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
// Set to nearest Thursday: current date + 4 - current day number
// Make Sunday's day number 7
d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay()||7));
// Get first day of year
var yearStart = new Date(Date.UTC(d.getUTCFullYear(),0,1));
// Calculate full weeks to nearest Thursday
var weekNo = Math.ceil(( ( (d - yearStart) / 86400000) + 1)/7);
// Return array of year and week number
return '' + d.getUTCFullYear() + '-W' + ('0' + weekNo).slice(-2);
}

function getDateOfISOWeek(w, y) { // https://stackoverflow.com/questions/16590500/javascript-calculate-date-from-week-number
var simple = new Date(y, 0, 1 + (w - 1) * 7);
var dow = simple.getDay();
var ISOweekStart = simple;
if (dow <= 4)
ISOweekStart.setDate(simple.getDate() - simple.getDay() + 1);
else
ISOweekStart.setDate(simple.getDate() + 8 - simple.getDay());
return ISOweekStart.setDate(ISOweekStart.getDate() - 1);
}

function saveaway(ino) {
// 2019-W49
var inovalue=ino.value;
document.getElementById('starting').innerHTML='preceding';
if (ino.value.indexOf('-W') != -1) {
var newd=new Date(getDateOfISOWeek(eval(ino.value.split('-W')[1]), eval(ino.value.split('-W')[0])));
inovalue = newd.toDateInputValue();
document.getElementById('haidatetime').value = inovalue;
}
saveawayv=inovalue;
if (!document.getElementById('ab' + ino.id)) {
//alert('<input type=hidden name=' + ino.id + ' id=ab' + ino.id + ' value="' + inovalue + '"></input>');
document.getElementById('hidden').innerHTML+='<input type=hidden name=' + ino.id + ' id=ab' + ino.id + ' value="' + inovalue + '"></input>';
} else {
document.getElementById('ab' + ino.id).value=ino.value;
}
}

function prepopit() {
document.getElementById('selpast').style.visibility='visible';
document.getElementById('selpast').click();
}

function workit(haiin) {
document.getElementById('starting').innerHTML='preceding';
var dds=new Date(eval(haiin.value.split('-')[0]), eval(-1 + eval(haiin.value.split('-')[1])), eval(haiin.value.split('-')[2].split(' ')[0]), 0, 0, 0);
dds.setFullYear(eval(haiin.value.split('-')[0]));
dds.setMonth(eval(-1 + eval(haiin.value.split('-')[1])));
dds.setDate(eval(haiin.value.split('-')[2].split(' ')[0]));
var gd=eval('' + dds.getDay());
document.getElementById('starting').innerHTML=eis;
if (eval('' + gd) != 0) {
document.getElementById('starting').innerHTML='preceding';
while (eval('' + gd) != 0) {
gd--;
dds.setDate(dds.getDate() - 1);
}
var rest='';
if (haiin.value.indexOf(' ') != -1) {
rest=' ' + haiin.value.split(' ')[1];
}
haiin.value='' + dds.getFullYear() + '-' + ('0' + eval(1 + eval('' + dds.getMonth()))).slice(-2) + '-' + ('0' + eval(0 + eval('' + dds.getDate()))).slice(-2) + rest;
}
saveawayv=haiin.value;
if (1 == 1) {
dds.setDate(dds.getDate() + 1);
document.getElementById('aidatetime').value = getWeekNumber(dds);
} else {
document.getElementById('aidatetime').value = document.getElementById('haidatetime').value;
}
}

function popit(tv) {
// ?divplace=Place%20and%2For%20People&divtopic=Topic&divlist=Optional%20List&organization=mhgf%20&aidatetime=2019-12-08%2000%3A00%3A00&workrosterday0_1=2&workrosterhour0_1=04&workrosterminute0_1=10&divworkroster1_1=kjhfkj&divworkroster2_1=jhgfj&divworkroster3_1=jhgf&divworkroster1_2=ngfd&workrosterhour0_2=12&workrosterminute0_2=15&divworkroster2_2=hgfd&divworkroster3_2=hgfd&divworkroster1_3=|rmetcalfe15%40gmail.com
var dmcont=defcontent[eval(0 + eval(tv.split('|')[0]))];
var beq='', aeq='', aeqs;
if (dmcont.indexOf('organization=') != -1) {
document.getElementById('organization').innerHTML=dmcont.split('organization=')[1].split('&')[0];
assess(document.getElementById('organization'));
}
if (dmcont.indexOf('aidatetime=') != -1) {
document.getElementById('starting').innerHTML='preceding';
document.getElementById('haidatetime').value=dmcont.split('aidatetime=')[1].split('&')[0];
saveaway(document.getElementById('haidatetime'));
if (1 == 1) {
document.getElementById('starting').innerHTML='preceding';
var dds=new Date(eval(document.getElementById('haidatetime').value.split('-')[0]), eval(-1 + eval(document.getElementById('haidatetime').value.split('-')[1])), eval(document.getElementById('haidatetime').value.split('-')[2].split(' ')[0]), 0, 0, 0);
dds.setFullYear(eval(document.getElementById('haidatetime').value.split('-')[0]));
dds.setMonth(eval(-1 + eval(document.getElementById('haidatetime').value.split('-')[1])));
dds.setDate(eval(document.getElementById('haidatetime').value.split('-')[2].split(' ')[0]));
dds.setDate(dds.getDate() + 1);
document.getElementById('aidatetime').value = getWeekNumber(dds);
} else {
document.getElementById('aidatetime').value = document.getElementById('haidatetime').value;
}
//document.getElementById('haidatetime').value=dmcont.split('aidatetime=')[1].split('&')[0];
}
if (dmcont.indexOf('divplace=') != -1) {
document.getElementById('divplace').innerHTML=dmcont.split('divplace=')[1].split('&')[0];
assess(document.getElementById('divplace'));
}
if (dmcont.indexOf('divtopic=') != -1) {
document.getElementById('divtopic').innerHTML=dmcont.split('divtopic=')[1].split('&')[0];
assess(document.getElementById('divtopic'));
}
if (dmcont.indexOf('divlist=') != -1) {
document.getElementById('divlist').innerHTML=dmcont.split('divlist=')[1].split('&')[0];
assess(document.getElementById('divlist'));
}
var dms=dmcont.split('workroster');
for (var ii=1; ii<dms.length; ii++) {
beq=dms[ii].split('=')[0];
aeq=dms[ii].split('=')[1].split('&')[0];
aeqs=aeq.split('-');
if (aeqs.length == 3) {
} else if (aeq != '') {
if (!document.getElementById('workroster' + beq) && !document.getElementById('divworkroster' + beq)) {
if (1 == 2) { alert('why ' + 'workroster' + beq); }
} else if (document.getElementById('divworkroster' + beq)) {
document.getElementById('divworkroster' + beq).innerHTML=aeq;
//alert('Yes ' + 'divworkroster' + beq + ' ... ' + dms);
assess(document.getElementById('divworkroster' + beq));
} else {
document.getElementById('workroster' + beq).value=aeq;
//alert('yes ' + 'workroster' + beq + ' ... ' + dms);
sassess(document.getElementById('workroster' + beq));
}
}
}
}

function lscheck() {
var selbit='', bits, postbits, ibits=0, dpi=0, selneeded=false, isize=0;
if (window.localStorage) {
for (var iq in window.localStorage) {
var val = localStorage.getItem(iq);
if (val) {
if (iq == 'wr_items') {
dval=decodeURIComponent(val);
if (dval != '') {
bits=dval.split('#');
for (ibits=0; ibits<bits.length; ibits++) {
postbits=bits[ibits].split('|');
if (!selneeded) {
isize=1;
selbit='<select id=selpast style="visibility:hidden;display:online-block;" onchange=" if (this.value.trim().length != 0) { thischoice=eval(this.value); popit(this.value); } else if (this.value.length != 0) { localStorage.removeItem(' + "'" + 'wr_items' + "'" + '); document.getElementById(' + "'" + 'myh3' + "'" + ').innerHTML=prevh3; } "><option value="">Optionally load previous roster ...</option></option></select>';
}
selneeded=true;
if (dpi == 0) {
defbits[0]=bits[0];
//alert(bits[0]);
if (bits[ibits].indexOf('aidatetime=') == -1) {
if (saveawayv == "") {
var sv=new Date().toDateInputValue();
deftitle[0]='Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + sv;
} else {
deftitle[0]='Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + saveawayv;
}
} else {
deftitle[0]='Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + bits[ibits].split('aidatetime=')[1].split('&')[0];
}
defcontent[0]=decodeURIComponent(postbits[0]);
if (postbits.length > 1) {
defprompt[0]=decodeURIComponent(postbits[1]);
}
isize++;
selbit=selbit.replace('</select>', '<option value="' + ibits + '">' + deftitle[ibits] + '</option></select>');
} else {
defbits.push(bits[ibits]);
if (bits[ibits].indexOf('aidatetime=') == -1) {
if (saveawayv == "") {
var svx=new Date().toDateInputValue();
deftitle.push('Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + svx);
} else {
deftitle.push('Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + saveawayv);
}
} else {
deftitle.push('Work Roster for ' + bits[ibits].split('organization=')[1].split('&')[0] + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + bits[ibits].split('aidatetime=')[1].split('&')[0]);
}
defcontent.push(decodeURIComponent(postbits[0]));
if (postbits.length > 1) {
defprompt.push(decodeURIComponent(postbits[1]));
} else {
defprompt.push("");
}
isize++;
selbit=selbit.replace('</select>', '<option value="' + ibits + '">' + deftitle[ibits] + '</option></select>');
}
}
}
}
}
}
if (selbit != '') {
isize++;
document.getElementById('myh3').innerHTML+=' ... <input style="display:inline-block;background-color:orange;" type=button value="Load Previous" onclick=prepopit();></input> ' + selbit.replace('<select ','<select size=' + isize + ' ').replace('</select>','<option value=" ">Clear These</option></select>');
}
}
}

function sassess(divo) {
if (!document.getElementById('ab' + divo.id)) {
//alert('<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.value + '"></input>');
document.getElementById('hidden').innerHTML+='<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.value + '"></input>';
} else {
document.getElementById('ab' + divo.id).value=divo.value;
}
}

function assess(divo) {
if (divo.id != 'aidatetime') {
if (divo.id.indexOf('3_') != -1) {
//if (divo.innerHTML != ' ' || 1 == 1) { // workrosterday0_1
document.getElementById(divo.id.replace('3_','0_').replace('div','')).innerHTML='<select name=' + divo.id.replace('3_','daytime0_') + '><option value="' + document.getElementById('workrosterday0_' + curai).value + '_' + document.getElementById('workrosterhour0_' + curai).value + '_' + document.getElementById('workrosterminute0_' + curai).value + '">' + daysa[document.getElementById('workrosterday0_' + curai).value] + ' ' + document.getElementById('workrosterhour0_' + curai).value + ':' + document.getElementById('workrosterminute0_' + curai).value + '</option></select>';
lastformih=document.getElementById('mytable').outerHTML; //document.getElementById('myform').innerHTML;
curai++;
document.getElementById('mytbody').innerHTML+=templatetr.replace(/\_1/g, '_' + curai).replace(/1\)/g, '' + curai + ')');
document.getElementById('haidatetime').value = saveawayv;
if (1 == 1) {
document.getElementById('starting').innerHTML='preceding';
var dds=new Date(eval(document.getElementById('haidatetime').value.split('-')[0]), eval(-1 + eval(document.getElementById('haidatetime').value.split('-')[1])), eval(document.getElementById('haidatetime').value.split('-')[2].split(' ')[0]), 0, 0, 0);
dds.setFullYear(eval(document.getElementById('haidatetime').value.split('-')[0]));
dds.setMonth(eval(-1 + eval(document.getElementById('haidatetime').value.split('-')[1])));
dds.setDate(eval(document.getElementById('haidatetime').value.split('-')[2].split(' ')[0]));
dds.setDate(dds.getDate() + 1);
document.getElementById('aidatetime').value = getWeekNumber(dds);
} else {
document.getElementById('aidatetime').value = document.getElementById('haidatetime').value;
}
document.getElementById('divworkroster1_' + curai).focus();
if (!document.getElementById('ab' + divo.id)) {
//if (divo.innerHTML != '') { alert('<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>'); }
document.getElementById('hidden').innerHTML+='<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>';
} else {
//if (document.getElementById('ab' + divo.id).value == '') { alert('<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>'); }
document.getElementById('ab' + divo.id).value=divo.innerHTML;
}
//} else {
//document.getElementById(divo.id).innerHTML='';
//}
} else if (!document.getElementById('ab' + divo.id)) {
//if (divo.innerHTML != '') { alert('<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>'); }
document.getElementById('hidden').innerHTML+='<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>';
} else {
//if (document.getElementById('ab' + divo.id).value == '') { alert('<input type=hidden name=' + divo.id + ' id=ab' + divo.id + ' value="' + divo.innerHTML + '"></input>'); }
document.getElementById('ab' + divo.id).value=divo.innerHTML;
}
}
}

function antidive() {
document.getElementById('divemail').innerHTML=dive;
}

function trsave() {
var els, iels, rect;
prevh3=document.getElementById('myh3').innerHTML;
lscheck();
els=document.getElementsByTagName('table');
for (iels=0; iels<els.length; iels++) {
rect=els[iels].getBoundingClientRect();
els[iels].setAttribute('data-width',eval(('' + rect.width).split('.')[0]) / 3);
}
els=document.getElementsByTagName('th');
for (iels=0; iels<els.length; iels++) {
rect=els[iels].getBoundingClientRect();
els[iels].setAttribute('data-width',eval(('' + rect.width).split('.')[0]) / 3);
}
els=document.getElementsByTagName('td');
for (iels=0; iels<els.length; iels++) {
rect=els[iels].getBoundingClientRect();
els[iels].setAttribute('data-width',eval(('' + rect.width).split('.')[0]) / 3);
}
templatetr=document.getElementById('workroster_1').outerHTML;
dive=document.getElementById('divemail').innerHTML;
//document.getElementById('divworkroster2_1').placeholder='Welcome and apologies';
document.getElementById('starting').innerHTML='preceding';
document.getElementById('haidatetime').value = new Date().toDateInputValue();
if (1 == 1) {
var dds=new Date();
document.getElementById('aidatetime').value = getWeekNumber(dds);
} else {
document.getElementById('aidatetime').value = document.getElementById('haidatetime').value;
}
saveawayv=document.getElementById('haidatetime').value;
lastformih=document.getElementById('mytable').outerHTML; //document.getElementById('myform').innerHTML;
document.getElementById('organization').focus();
}

function ewoit() {
var esuff='to',etos, preetos, ij, iij, etox='', etoy='', exw='';
var newth = 'Work Roster for ' + document.getElementById('organization').innerHTML + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + saveawayv;
var eto=prompt('Who do I email it to? Enter their email address like rmetcalfe15@gmail.com or (of the form) Robert Metcalfe [rmetcalfe15@gmail.com] and comma separate for to(;list), cc(;list), bcc(;list)', defprompt[thischoice]);
if (eto == null) { eto=''; }
if (eto.indexOf('@') != -1) {
etox=',' + eto + ';';
etoy=';' + eto + ';';
preetos=eto.split(',');
for (iij=0; iij<preetos.length; iij++) {
exw=preetos[iij];
etos=preetos[iij].split(';');
for (ij=0; ij<etos.length; ij++) {
if (etos[ij].indexOf('[') != -1) {
if (ij == 0 && newth.indexOf('Attn:') == -1) { newth='Attn: ' + etos[ij].split('[')[0] + ' ... ' + newth; }
etos[ij]=etos[ij].split('[')[1].split(']')[0];
}
//}
if (document.getElementById('td' + esuff).value == '') {
document.getElementById('td' + esuff).value=etos[ij];
} else {
document.getElementById('td' + esuff).value+=',' + etos[ij];
}
if (esuff == 'to' && etox.indexOf('' + exw + ';') == -1 && etoy.indexOf('' + exw + ';') == -1) {
esuff='cc';
} else if (etox.indexOf('' + exw + ';') == -1 && etoy.indexOf('' + exw + ';') == -1) {
esuff='bcc';
}
}
}
document.getElementById('tdsubj').value=newth + ' - RJM Programming';
var prefix=lastformih.split('</th>')[0];
var suffix=lastformih.replace(prefix, '');
while (prefix.indexOf(String.fromCharCode(10)) != -1) {
prefix=prefix.replace(String.fromCharCode(10), '<br>');
}
while (suffix.indexOf(String.fromCharCode(10)) != -1) {
suffix=suffix.replace(String.fromCharCode(10), '<br>');
}
//alert(suffix);
document.getElementById('tdhuhta').value=(prefix.split('Work ')[0] + newth.replace('Work Roster ','<a target=_blank href=' + document.URL.split('#')[0].split('?')[0] + '>Work Roster</a> ') + suffix).replace(/\>\<br\>/g,'>');
document.getElementById('fsubm').click();
var thisls='?', idh;
var dh=document.getElementById('hidden').innerHTML;
var dhns=dh.split(' name="');
var dhvs=dh.split(' value="');
for (idh=1; idh<dhns.length; idh++) {
if (idh == 1) {
thisls+=dhns[idh].split('"')[0] + '=';
thisls+=encodeURIComponent(dhvs[idh].split('"')[0]);
} else {
thisls+='&' + dhns[idh].split('"')[0] + '=';
thisls+=encodeURIComponent(dhvs[idh].split('"')[0]);
}
}
if (thisls != '') {
thisls+='|' + encodeURIComponent(eto);
var addthis=true;
for (idh=0; idh<defbits.length; idh++) {
if (defbits[idh] == thisls) { addthis=false; }
}
//alert(thisls);
if (addthis) {
if (dval != '') {
//localStorage.removeItem('wr_items');
//localStorage.setItem('wr_items', thisls);
localStorage.setItem('wr_items', dval + '#' + thisls);
} else {
localStorage.setItem('wr_items', thisls);
}
}
}
setTimeout(antidive, 2000);
}
}

function pdfit() {
var prefix=lastformih.split('</th>')[0];
var suffix=lastformih.replace(prefix, '');
while (prefix.indexOf(String.fromCharCode(10)) != -1) {
prefix=prefix.replace(String.fromCharCode(10), '<br>');
}
while (suffix.indexOf(String.fromCharCode(10)) != -1) {
suffix=suffix.replace(String.fromCharCode(10), '<br>');
}
var newth = 'Work Roster for ' + document.getElementById('organization').innerHTML + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + saveawayv;
document.getElementById('formtable').innerHTML=(prefix.split('Work Roster ')[0] + newth.replace('Work Roster ','<a target=_blank href=' + document.URL.split('#')[0].split('?')[0] + '>Work Roster</a> ') + suffix.replace(/\ data\-width\=/g,' width=')).replace(/\>\<br\>/g,'>');
document.getElementById('bsubmit').click();
}

function woit() {
var prefix=lastformih.split('</th>')[0];
var suffix=lastformih.replace(prefix, '');
while (prefix.indexOf(String.fromCharCode(10)) != -1) {
prefix=prefix.replace(String.fromCharCode(10), '<br>');
}
while (suffix.indexOf(String.fromCharCode(10)) != -1) {
suffix=suffix.replace(String.fromCharCode(10), '<br>');
}
var newth = 'Work Roster for ' + document.getElementById('organization').innerHTML + ' Sunday ' + document.getElementById('starting').innerHTML + ' ' + saveawayv;
var wo=window.open('','_blank','top=50,left=50,width=800,height=800');
wo.document.write(prefix.split('Work Roster ')[0] + newth + suffix); //(document.getElementById('myform').innerHTML);
}

</script>
</head>
<body onload="trsave();">
<h1>Work Roster Items</h1>
<h3 id=myh3>RJM Programming - December, 2019</h3>
<h4><span id=dowk>Sunday</span>, <input onblur='workit(this);' style='display:inline-block;width:20%;' type=datetime id=haidatetime value=''></input></h4>
<form id=myform target=_blank action=./roster_items.html method=GET>
<table border="10" style="width:90%;margin-left:5%;" id="mytable">
<tbody id=mytbody>
<tr><th colspan=4 id=rostertitle>Work Roster for <div onblur=assess(this); title='Organization Name could go here' data-name=organization id=organization contenteditable=true style='display:inline-block;border:1px solid red;'> </div> Sunday <span id=starting>preceding</span> <input onchange='saveaway(this);' onblur='saveaway(this);' style='display:inline-block;width:30%;' type=week id=aidatetime name=aidatetime value=''></input></th></tr>
<tr><td style='width:40%;text-align:left;'>Day Time</td><td bgcolor='#ffff00;' style='width:28%;'><div onblur=assess(this); contenteditable=true data-name=divplace id=divplace>Place/People</div></td><td bgcolor='#ffff00;' style='width:22%;'><div onblur=assess(this); contenteditable=true data-name=divtopic id=divtopic>Topic</div></td><td style='width:10%;'><div onblur=assess(this); contenteditable=true data-name=divplist id=divlist>Optional List</div></td></tr>
<tr id=workroster_1><td id=workroster0_1 style='text-align:left;'><select onchange=sassess(this); name=workrosterday0_1 id=workrosterday0_1><option value='0'>Sunday</option><option value='1'>Monday</option><option value='2'>Tuesday</option><option value='3'>Wednesday</option><option value='4'>Thursday</option><option value='5'>Friday</option><option value='6'>Saturday</option></select> <select onchange=sassess(this); title=Hour name=workrosterhour0_1 id=workrosterhour0_1><option value="00">00</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option>
<option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option>
<option value="21">21</option><option value="22">22</option><option value="23">23</option></select>:<select onchange=sassess(this); title='Minute' name=workrosterminute0_1 id=workrosterminute0_1><option value="00">00</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option>
<option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option>
<option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option>
<option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option>
<option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option>
<option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option></select></td><td id=workroster1_1 style='text-align:left;' bgcolor='#ffff00;'><div onblur=assess(this); contenteditable=true data-name=divworkroster1_1 id=divworkroster1_1></div></td><td id=workroster2_1 style='text-align:left;' bgcolor='#ffff00;'><div onblur=assess(this); contenteditable=true data-name=divworkroster2_1 id=divworkroster2_1></div></td><td id=workroster3_1 style='text-align:left;'><div onblur=assess(this); contenteditable=true data-name=divworkroster3_1 id=divworkroster3_1></div></td></tr>
</tbody>
</table>
<br><input onclick="woit();" style='background-color:yellow;margin-left:5%;' type=button name=print id=print value=Print></input> <input onclick="ewoit();" style='background-color:orange;' type=button name=email id=email value=Email></input> <input onclick="pdfit();" style='background-color:pink;' type=button name=pdf id=pdf value=PDF></input>
<div id=hidden>
<input type=hidden name=divplace id=abdivplace value='Place and/or People'></input><input type=hidden name=divtopic id=abdivtopic value='Topic'></input><input type=hidden name=divlist id=abdivlist value='Optional List'></input>
</div>
</form>
<div id=divemail>
<form id=ifemail target="iemail" style="display:none;" action="//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php" method="POST">
<input type=hidden style=display:none; name=inline value=""></input>
<input type=hidden style=display:none; name=to id=tdto value=""></input>
<input type=hidden style=display:none; name=subj id=tdsubj value="Work Roster - RJM Programming"></input>
<textarea name=hcont style=display:none; value="" id=tdhuhta cols=160 rows=4></textarea>
<input type=hidden style=display:none; name=cc id=tdcc value=""></input>
<input type=hidden style=display:none; name=bcc id=tdbcc value=""></input>
<input style=display:none; type=submit id=fsubm value="Email"></input>
</form>
</div>
<iframe style=display:none; name=iemail id=iemail src=></iframe>
<form target='_blank' method=POST action=../PHP/form_creator.php><textarea style="background-color:pink;width:90%;display:none;" name=formtable id=formtable rows=20></textarea><input id=bsubmit style="background-color:yellow;display:none;" value="HTML Above to PDF" type=submit></input><input id=bbsubmit style="background-color:orange;display:none;" value="HTML Above to PDF and Canvas" name=both type=submit></input></form>
<input type=text style='position:absolute;left:-200px;top:-200px;' value=''></input>
</body>
</html>