10c10 < --- > 14c14 < var filmslidenumber=1, fromfilmslidenumber=0, tofilmslidenumber=0; --- > 81c81 < document.getElementById('eimg').innerHTML='
'; --- > document.getElementById('eimg').innerHTML=''; 83c83 < if (('' + document.getElementById('divannotation').style.top).indexOf('525') != -1) { --- > if (('' + document.getElementById('divannotation').style.top).indexOf('485') != -1) { 215c215 < document.getElementById('divannotation').innerHTML=document.getElementById('divannotation').innerHTML.replace('Annotations++','Annotations++
').replace('  ","").replace("","").replace("",""); --- > document.getElementById('divannotation').innerHTML=document.getElementById('divannotation').innerHTML.replace('Annotations++','Annotations++ ').replace('  ","").replace("","").replace("",""); 217c217 < document.getElementById('divannotation').style.top='525px'; --- > document.getElementById('divannotation').style.top='485px'; 257,305d256 < function tanimation() { < if (fromfilmslidenumber < tofilmslidenumber) { < document.getElementById('dslideshow').innerHTML=''; < fromfilmslidenumber++; < setTimeout(tanimation, 4000); < //alert(958); < } else { < document.getElementById('dslideshow').innerHTML=''; < } < } < < function animation() { < fromfilmslidenumber = 0; < tofilmslidenumber = eval(-1 + filmslidenumber); < document.getElementById('dslideshow').innerHTML=''; < location.href='#dslideshow'; < fromfilmslidenumber++; < setTimeout(tanimation, 4000); < //alert(98); < } < < function addtofilm() { < //alert(2); < var ptoh=elem.toDataURL('image/png',0); < //alert(22); < if (filmslidenumber == 1) { < //alert(222); < if (document.getElementById('eimg').innerHTML == '') { < if (document.getElementById('divannotation')) { < if (('' + document.getElementById('divannotation').style.top).indexOf('525') != -1) { < document.getElementById('divannotation').style.top=eval(eval(('' + document.getElementById('divannotation').style.top).replace('px','')) + 240) + 'px'; < } < } < } < document.getElementById('eimg').innerHTML='
Slide 1 of ...
'; < //alert(2222); < } else { < //alert(3); < document.getElementById('tablefilmtr').innerHTML+=''; < document.getElementById('tablefilmfooter').innerHTML=document.getElementById('tablefilmfooter').innerHTML.replace(' ...',' ...') + 'Slide ' + filmslidenumber + ' of ...'; < //alert(33); < } < //alert(4); < if (filmslidenumber == 2) { < document.getElementById('daddtofilm').innerHTML+=' '; < } < filmslidenumber++; < } < 364c315 < document.write('

Feedback

'); --- > document.write('

Feedback

'); 366c317 < document.write("
"); --- > document.write("
"); 374c325 < document.write("
"); --- > document.write("
"); 382c333 < document.write("
"); --- > document.write("
< --- > > 399c350 < document.write('
'); --- > document.write('
'); 401c352 < document.write('
'); --- > document.write('
'); 420a372 > 498,572d449 < elem.addEventListener('touchstart', function(event) { < if (first) elem.width = elem.width; < first=false; < elem.style.backgroundImage = "none"; < elem.style.opacity = 1.0; < < < if (x == 0 && y == 0 && lastx == 0 && lasty == 0) { < if (event.pageX || event.pageY) { < x = event.pageX - elemLeft; < y = event.pageY - elemTop; < } else { < x = event.clientX - elemLeft; < y = event.clientY - elemTop; < } < lastx=x; < lasty=y; < //xxoff=0; < //yyoff=0; < } else { < lastx=x; < lasty=y; < if (event.pageX || event.pageY) { < x = event.pageX - elemLeft; < y = event.pageY - elemTop; < } else { < x = event.clientX - elemLeft; < y = event.clientY - elemTop; < } < xxoff=0; < yyoff=0; < if ((document.getElementById('canbet').value == 'transparent' || document.getElementById('mycolour').value == 'Transparent') && !allowable) { < allowable=true; < } else if ((document.getElementById('canbet').value == 'transparent' || document.getElementById('mycolour').value == 'Transparent') && allowable) { < allowable=false; < document.getElementById('canbet').value=''; < //alert(obeforetransparent); < if (obeforetransparent != "") { < //omyimgdata=context.getImageData(eval(Math.min(x,lastx)), eval(Math.min(y,lasty)), Math.abs(x - lastx), Math.abs(y - lasty)); < omyimgdata=elem.toDataURL('image/png',0); < //alert(omyimgdata); < document.getElementById('myim').style.width=elem.style.width; < document.getElementById('myim').style.height=elem.style.height; < document.getElementById('myim').src=omyimgdata; < omidatax=eval(Math.min(x,lastx)); < omidatay=eval(Math.min(y,lasty)); < omidataw=Math.abs(x - lastx); < omidatah=Math.abs(y - lasty); < document.getElementById('mycolour').value=obeforetransparent; < } < } else if (omyimgdata != "") { < //context.putImageData(omyimgdata, x, y); //, omidataw, omidatah); < //alert(',' + omidatax + ',' + omidatay + ',' + omidataw + ',' + omidatah + ',' + x + ',' + y + ',' + omidataw + ',' + omidatah); < context.drawImage(document.getElementById('myim'),omidatax,omidatay,omidataw,omidatah, x, y,omidataw,omidatah); //, omidataw, omidatah); < //alert('' + x + ',' + y + ' paste'); < omyimgdata=""; < } < < } < < < < < < clickno = clickno + 1; < < < var r = Math.floor((Math.random()*256)+0); < var g = Math.floor((Math.random()*256)+0); < var b = Math.floor((Math.random()*256)+0); < var thiscol ='#' + arr[(r-(r % 16)) / 16] + arr[r % 16] + arr[(g-(g % 16)) / 16] + arr[g % 16] + arr[(b-(b % 16)) / 16] + arr[b % 16]; < < elem.style.backgroundColor = thiscol; < < }, false);
"); 392,393c343,344 <