7,11c7,8
<   if (isset($_GET['wordingurl'])) $wordingurl=urldecode($_GET['wordingurl']);
<   if (isset($_POST['wordingurl'])) $wordingurl=urldecode($_POST['wordingurl']);
<   if (strlen($wordingurl) > 0 && strpos($wordingurl, "rjmprogramming.com.au/") === false) {
<     $wordingurl = "http://www.rjmprogramming.com.au/ITblog/" . $wordingurl;
<   }
---
>   if (isset($_GET['wordingurl'])) $wordingurl=$_GET['wordingurl'];
>   if (isset($_POST['wordingurl'])) $wordingurl=$_POST['wordingurl'];
15,17c12,13
<   if (isset($_GET['place'])) $place=urldecode($_GET['place']);
<   if (isset($_POST['place'])) $place=urldecode($_POST['place']);
<   if (strlen($place) > 0 && strpos("*" . $place . " ", "*/") === false) $place = "/" . $place;
---
>   if (isset($_GET['place'])) $place=$_GET['place'];
>   if (isset($_POST['place'])) $place=$_POST['place'];
37,40c33,35
<     global $wordingurl, $wordcontent, $place;
<     if (strlen($place) > 0) {
<      $cells=explode("<td>", $wordcontent);
<      if (sizeof($cells) > 1) {
---
>     global $wordingurl, $wordcontent;
>     $cells=explode("<td>", $wordcontent);
>     if (sizeof($cells) > 1) {
48,67d42
<      }
<     } else {
< //<div style="width: 230px" class="wp-caption alignnone">
< //<a href="http://www.rjmprogramming.com.au/Mac/Xcode/iOS8/UIWebView/LearningProgramming/LearningProgramming_iOS.jpeg" target="_blank">
< //<img onmouseover=" this.src=this.src.replace('.jpg','.JPEG').replace('.jpeg','.GIF').replace('.png','.jpg').replace('.gif','.png').replace('.JPEG','.jpeg').replace('.GIF','.gif');   " id="oijximpept" title="Xcode Learning Programming Primer Tutorial" src="http://www.rjmprogramming.com.au/Mac/Xcode/iOS8/UIWebView/LearningProgramming/LearningProgramming_iOS.png" alt="Xcode Learning Programming Primer Tutorial" style="float: left; border: 15px solid pink; margin-left: -20px;" itemprop="image">
< //</a>
< //<p class="wp-caption-text">Xcode Learning Programming Primer Tutorial</p>
< //</div>
<      $dstuff=explode("wp-caption", $wordcontent);
<      if (sizeof($dstuff) >= 2) {
<        $dih=explode("</div>", $dstuff[1]);
<        if (sizeof($dih) >= 2) {
<         $dihtwo=explode("title=", $dih[1]);
<         if (sizeof($dihtwo) >= 2) {
<          $delimis=substr($dihtwo[1],0,1);
<          $dht=explode($delimis, substr($dihtwo[1],1));
<          return $dht[0];
<         }
<        }
<      }
73,74c48,49
<     $scris= " var iask=1;\n var iok=1;\n var iw='" . $wd . "';\n var ih='" . $ht . "';\n var lastslide=1;\n var lastix=" . $ix . ";\n var lastfx=" . $fx . ";\n var ix=" . $ix . ";\n var fx=" . $fx . ";\n var numimages=" . $numimages . "\n var way=1.0;\n var ncurid=0;\n var curopacity=1.0;\n function incr() { ncurid=eval((ncurid + 1) % numimages);\n if (lastix != ix) { document.getElementById('nslideperiod').value=ix; document.getElementById('slidesecs').title=ix; document.getElementById('slidesecs').value=ix; document.title=document.title.replace('Slide Period: ' + lastix, 'Slide Period: ' + ix); lastix=ix; } \n  if (lastfx != fx) { document.getElementById('nfadercycle').value=fx; document.getElementById('fadercycle').title=fx; document.getElementById('fadercycle').value=fx;  document.title=document.title.replace('Fader Cycle: ' + lastfx, 'Fader Cycle: ' + fx); lastfx=fx; } \n document.title=document.title.replace('Slideshow Slide ' + lastslide, 'Slideshow Slide ' + ncurid);\n lastslide=ncurid;  var was=document.getElementById('sos').innerHTML.replace('Start of slideshow ...',''); if (ncurid == 1) { document.getElementById('sos').innerHTML = 'Start of slideshow ...' + was;  } else if (was != document.getElementById('sos').innerHTML) { document.getElementById('sos').innerHTML=was; }  \n for (var ii=0; ii<numimages; ii++) { if (ii == ncurid) { if (iw != '') { document.getElementById('i' + ii).style.width=iw + 'px'; } if (ih != '') { document.getElementById('i' + ii).style.width=ih + 'px';   } document.getElementById('i' + ii).style.display='inline';  document.getElementById('wording').innerHTML=document.getElementById('i' + ii).title; } else { document.getElementById('i' + ii).style.display='none';   } }  if (iok == 1) { setTimeout(incr, ix); }   }\n function fader() { if (lastix != ix || lastfx != fx) { iok=0; incr(); iok=1; } curopacity=curopacity - (0.05 * way); if (curopacity <= 0.0 || curopacity >= 1.0) { way = -way; } document.getElementById('i' + ncurid).style.opacity=curopacity;  setTimeout(fader, fx);   } ";  
<     $scris.=" \n function mclick(evt) { var mois=null; var minis=0; var maxis=0; if (evt.target.id) { mois=document.getElementById(evt.target.id); minis=mois.min; maxis=mois.max; } else if (evt.id) {  mois=document.getElementById(evt.target.id);  minis=mois.min; maxis=mois.max; } if (mois != null) { if (evt.clientY) { if (mois.id == 'slidesecs') { ix=verify(eval(Math.floor(((evt.clientY - 20) / 200.0) * (maxis - minis)) + minis));  document.getElementById('nslideperiod').value=ix; this.value=ix;  } else {  fx=verify(eval(Math.floor(((evt.clientY - 20) / 200.0) * (maxis - minis)) + minis));  document.getElementById('nfadercycle').value=fx;  this.value=fx;  }  } else if (evt.pageY) {  if (mois.id == 'slidesecs') {  ix=eval(Math.floor(((evt.pageY - 20) / 200.0) * (maxis - minis)) + minis); document.getElementById('nslideperiod').value=ix; this.value=ix;  } else {  fx=eval(Math.floor(((evt.pageY - 20) / 200.0) * (maxis - minis)) + minis); document.getElementById('nfadercycle').value=fx;  this.value=fx;  }  } } } ";
---
>     $scris= " var iask=1;\n var iok=1;\n var iw='" . $wd . "';\n var ih='" . $ht . "';\n var lastslide=1;\n var lastix=" . $ix . ";\n var lastfx=" . $fx . ";\n var ix=" . $ix . ";\n var fx=" . $fx . ";\n var numimages=" . $numimages . "\n var way=1.0;\n var ncurid=0;\n var curopacity=1.0;\n function incr() { ncurid=eval((ncurid + 1) % numimages);\n if (lastix != ix) { document.getElementById('slidesecs').title=ix; document.getElementById('slidesecs').value=ix; document.title=document.title.replace('Slide Period: ' + lastix, 'Slide Period: ' + ix); lastix=ix; } \n  if (lastfx != fx) { document.getElementById('fadercycle').title=fx; document.getElementById('fadercycle').value=fx;  document.title=document.title.replace('Fader Cycle: ' + lastfx, 'Fader Cycle: ' + fx); lastfx=fx; } \n document.title=document.title.replace('Slideshow Slide ' + lastslide, 'Slideshow Slide ' + ncurid);\n lastslide=ncurid;  var was=document.getElementById('twording').innerHTML.replace('Start of slideshow ...',''); if (ncurid == 1) { document.getElementById('twording').innerHTML = 'Start of slideshow ...' + was;  } else if (was != document.getElementById('twording').innerHTML) { document.getElementById('twording').innerHTML=was; }  \n for (var ii=0; ii<numimages; ii++) { if (ii == ncurid) { if (iw != '') { document.getElementById('i' + ii).style.width=iw + 'px'; } if (ih != '') { document.getElementById('i' + ii).style.width=ih + 'px';   } document.getElementById('i' + ii).style.display='inline';  document.getElementById('wording').innerHTML=document.getElementById('i' + ii).title; } else { document.getElementById('i' + ii).style.display='none';   } }  if (iok == 1) { setTimeout(incr, ix); }   }\n function fader() { if (lastix != ix || lastfx != fx) { iok=0; incr(); iok=1; } curopacity=curopacity - (0.05 * way); if (curopacity <= 0.0 || curopacity >= 1.0) { way = -way; } document.getElementById('i' + ncurid).style.opacity=curopacity;  setTimeout(fader, fx);   } ";  
>     $scris.=" \n function mclick(evt) { var mois=null; var minis=0; var maxis=0; if (evt.target.id) { mois=document.getElementById(evt.target.id); minis=mois.min; maxis=mois.max; } else if (evt.id) {  mois=document.getElementById(evt.target.id);  minis=mois.min; maxis=mois.max; } if (mois != null) { if (evt.clientY) { if (mois.id == 'slidesecs') { ix=verify(eval(Math.floor(((evt.clientY - 20) / 200.0) * (maxis - minis)) + minis)); this.value=ix; } else {  fx=verify(eval(Math.floor(((evt.clientY - 20) / 200.0) * (maxis - minis)) + minis)); this.value=fx;   }  } else if (evt.pageY) {  if (mois.id == 'slidesecs') {  ix=eval(Math.floor(((evt.pageY - 20) / 200.0) * (maxis - minis)) + minis); this.value=ix; } else {  fx=eval(Math.floor(((evt.pageY - 20) / 200.0) * (maxis - minis)) + minis); this.value=fx;  }  } } } ";
76,77d50
<     $scris.=" \n function fixifld(sval) { if (sval.indexOf('rjmprogramming.com.au') != -1) { document.getElementById('wordingurl').value=isd(sval.replace('http://www.rjmprogramming.com.au/ITblog/','').replace('http://www.rjmprogramming.com.au/wordpress','../wordpress'));   } } ";
<     $scris.=" \n function isd(xval) { if (xval != 'developing-black-and-white-photos-primer-tutorial/' && document.getElementById('nplace').value == 'Photography') { document.getElementById('nplace').value='';  } return xval; } ";
81,103d53
<   function formstuff($wu, $plc,  $ix, $fx, $wd, $ht) {
<     if (strlen($plc) > 0 && strpos("*" . $plc . " ", "*/") !== false) $plc = substr($plc, 1);
<     $wu=str_replace("http://www.rjmprogramming.com.au/ITblog/", "", str_replace("http://www.rjmprogramming.com.au/wordpress", "../wordpress", $wu)); 
<     $mytuts=file_get_contents("http://www.rjmprogramming.com.au/Welcome.html");
<     $myts=explode("mytuts", $mytuts);
<     $optbits="";
<     if (sizeof($myts) == 2) {
<      $mytwo=explode("</select>", $myts[1]);
<      $myts=explode(">", $mytwo[0]);
<      $optbits=str_replace('selected="selected"', '', str_replace("selected='selected'", "", str_replace($myts[0] . ">", "", $mytwo[0])));
<     }
<     $fidea="
<       <form style='position:absolute; top:270px; background-color: #fcfcfc; opacity: 0.3; z-index: 2;' action='./slideshow_via_invisibility_and_fade.php' method='GET'>
<       <select id='rjmsel' onchange='fixifld(this.value);' style='background-color:lightgreen;'><option value=''>Blog Post</option>" . $optbits . "</select> <font size=1>http://www.rjmprogramming.com.au/ITblog/</font><input onblur='isd(this.value);' style='width:95%;background-color:lightblue;' type='text' id='wordingurl' name='wordingurl' value='" . $wu . "' /><br> 
<       Images <font size=1>//www.rjmprogramming.com.au/</font><input style='width:95%;background-color:lightblue;' type='text' id='nplace' name='place' value='" . $plc . "' /><br> 
<       Width <input style='width:20%;background-color:lightblue;' type='number' name='width' value='" . $wd . "' /><br> 
<       Height <input style='width:20%;background-color:lightblue;' type='number' name='height' value='" . $ht . "' /><br>
<       <input type='hidden' id='nslideperiod' name='slideperiod' value='" . $ix . "' /><input type='hidden' id='nfadercycle' name='fadercycle' value='" . $fx . "' />
<       <input type='submit' value='Slideshow' style='background-color:orange;' /></form><br><br>
<     ";
<     return $fidea;
<   }
<   
106d55
<   
109,115c58,59
<   $meterstr = "<div style=' position:absolute; top: 70px; -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);'><br><br><meter onclick=' mclick(event); ' onchange=' ix=this.value; ' style=' width: 200px; ' id='slidesecs' title='" . $incrx . "' value='" . $incrx . "' min='1000' max='60000'>Slide Time in milliseconds</meter><br>Slide Time in milliseconds<br>(short) 1000 to 60000 (long)<br><meter onclick='  mclick(event); ' onchange=' fx=this.value; ' title='" . $faderx . "' style=' width: 200px; ' id='fadercycle' value='" . $faderx . "' min='50' max='360000'>Fader Cycle Period in milliseconds</meter><br>Fader Cycle Period in milliseconds<br> (lots) 50 to 3600000 (little)</div>";
< 
<   if(preg_match('/(?i)msie /',$_SERVER['HTTP_USER_AGENT'])) {
<    $meterstr = "<div style=' position:absolute; top: 70px;'><br><br><input type='number' onblur=' ix=this.value; ' style=' width: 200px; ' id='slidesecs' title='" . $incrx . "' value='" . $incrx . "' min='1000' max='60000'></input><br>Slide Time in milliseconds<br>(short) 1000 to 60000 (long)<br><input type='number' onblur=' fx=this.value; ' title='" . $faderx . "' style=' width: 200px; ' id='fadercycle' value='" . $faderx . "' min='50' max='360000'></input><br>Fader Cycle Period in milliseconds<br> (lots) 50 to 3600000 (little)</div>";
<   } else if (preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"])) {
<    $meterstr = "<div style=' position:absolute; top: 70px;'><br><br><input type='number' onblur=' ix=this.value; ' style=' width: 200px; ' id='slidesecs' title='" . $incrx . "' value='" . $incrx . "' min='1000' max='60000'></input><br>Slide Time in milliseconds<br>(short) 1000 to 60000 (long)<br><input type='number' onblur=' fx=this.value; ' title='" . $faderx . "' style=' width: 200px; ' id='fadercycle' value='" . $faderx . "' min='50' max='360000'></input><br>Fader Cycle Period in milliseconds<br> (lots) 50 to 3600000 (little)</div>";
<   }
---
>   $myarray = glob($diris . "*.jpg");  // Thanks to http://stackoverflow.com/questions/124958/glob-sort-by-date
>   usort($myarray, create_function('$a,$b', 'return filemtime($b) - filemtime($a);'));
117,121c61,62
<   if (strlen($place) > 0) {
<    $myarray = glob($diris . "*.jpg");  // Thanks to http://stackoverflow.com/questions/124958/glob-sort-by-date
<    usort($myarray, create_function('$a,$b', 'return filemtime($b) - filemtime($a);'));
<    echo "<!doctype html><html><head><title>" . str_replace("/", " ", $place) . " Slideshow Slide 1 Slide Period: " . $incrx . " Fader Cycle: " . $faderx . "</title><script type='text/javascript'> " . dojs(sizeof($myarray), $incrx, $faderx, $cwidth, $cheight) . " </script></head><body style='background-color: #f0f0f0;' onload=' setTimeout(incr," . $incrx . "); setTimeout(fader," . $faderx . "); '><table><tr><td>"; 
<    for ($i=0; $i<sizeof($myarray); $i++) {
---
>   echo "<!doctype html><html><head><title>" . str_replace("/", " ", $place) . " Slideshow Slide 1 Slide Period: " . $incrx . " Fader Cycle: " . $faderx . "</title><script type='text/javascript'> " . dojs(sizeof($myarray), $incrx, $faderx, $cwidth, $cheight) . " </script></head><body onload=' setTimeout(incr," . $incrx . "); setTimeout(fader," . $faderx . "); '><table><tr><td>"; 
>   for ($i=0; $i<sizeof($myarray); $i++) {
125,139d65
<    }
<   } else {
<    echo "<!doctype html><html><head><title>" . str_replace("/", " ", $place) . " Slideshow Slide 1 Slide Period: " . $incrx . " Fader Cycle: " . $faderx . "</title><script type='text/javascript'> " . dojs(1, $incrx, $faderx, $cwidth, $cheight) . " </script></head><body style='background-color: #f0f0f0;' onload=' setTimeout(incr," . $incrx . "); setTimeout(fader," . $faderx . "); '><table><tr><td style='width:75%;'>"; 
<    $dstuff=explode("wp-caption", $wordcontent);
<    if (sizeof($dstuff) >= 2) {
<        //$dih=explode("<img ", $dstuff[1]);
<        $dih=explode("<a ", $dstuff[1]);
<        if (sizeof($dih) >= 2) {
<         //$dihtwo=explode(">", $dih[1]);
<         $dihtwo=explode("</a>", $dih[1]);
<         //echo "<img " . str_replace('style="', 'style="width:95%;', str_replace("style='", "style='width:95%;", $dihtwo[0])) . ">";
<         echo "<a " . str_replace('style="', 'style="width:95%;', str_replace("style='", "style='width:95%;", str_replace("<img ", "<img id='i0' ", $dihtwo[0]))) . "</a>";
<         $inline = "none";
<        }
<    }
141,142c67
<   // HTML td cell alignment help from http://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom-with-css ... thanks
<   echo "</td><td id='twording' style=' background-color: #f0f0f0; display: table-cell; vertical-align: bottom;'>" . $meterstr . "<br><br><br>" . formstuff($wordingurl, $place, $incrx, $faderx, $cwidth, $cheight) . "<div id='sos'>Start of slideshow ...</div><div id='wording' style='background-color: pink;'></div><br><br><br></td></tr></table></body></html>";
---
>   echo "</td><td id='twording' style=' margin-top:0px; background-color: yellow;'><div style=' position:absolute; top: 70px; -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);'><br><br><meter onclick=' mclick(event); ' onchange=' ix=this.value; ' style=' width: 200px; ' id='slidesecs' title='2750' value='2750' min='1000' max='60000'>Slide Time in milliseconds</meter><br>Slide Time in milliseconds<br>(short) 1000 to 60000 (long)<br><meter onclick='  mclick(event); ' onchange=' fx=this.value; ' title='150' style=' width: 200px; ' id='fadercycle' value='150' min='50' max='360000'>Fader Cycle Period in milliseconds</meter><br>Fader Cycle Period in milliseconds<br> (lots) 50 to 3600000 (little)</div><br><br><br>Start of slideshow ...<div id='wording'></div></td></tr></table></body></html>";