<script>
var dchref="#";
var dcevent="document.body.ondblclick";

function dchrefdo() {
if (dchref.indexOf("#") != 0) {
var bitsare=document.URL.split("highlight=");
if (bitsare.length > 1 && (dchref.indexOf("/wordpress") != -1 || dchref.indexOf("/ITblog") != -1)) {
if (dchref.indexOf("?") != -1) {
window.open(dchref + "?highlight=" + bitsare[1], "_blank");
} else {
window.open(dchref + "&highlight=" + bitsare[1], "_blank");
}
} else {
window.open(dchref, "_blank");
}
}
}

function bckit(oEvent) {
var oimg = (oEvent.target || oEvent.srcElement);
document.body.style.backgroundImage = "url('" + oimg.src + "')";
oimg.style.opacity = 1.0;
}

function loadme() {
var idivis = document.getElementById("ichoices");
//idivis.style.height = '300px';
var cdiv = "", nbs = " ", lastah = "", lasttitle = "";
var imgs = document.getElementsByTagName("img");
var bitsare=document.URL.split("highlight=");
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
dcevent="this.onclick";
}
for (var ai = 0; ai <= imgs.length * 0; ai += 1) {
imgs[ai].ondblclick = bckit;
cdiv = cdiv + "<img style='opacity:0.7' src='" + imgs[ai].src + "' height=40 width=40 ontouchstart='bckit(event);' onclick='bckit(event);' ondblclick='bckit(event);'></img> ";
}

var aas = document.getElementsByTagName("a");
for (var aai = 0; aai < aas.length; aai += 1) {
if (aas[aai].innerHTML.indexOf("img") != -1) {
aas[aai].ondblclick = bckit;
nbs = " ";
if (lastah != "") {
if (lastah.indexOf("?author") == -1) nbs = '<a target=_blank title="Navigate to blog posting (double click image for slideshow) for ' + lasttitle + '" href="' + lastah + '">.</a>';
}
cdiv = cdiv + aas[aai].innerHTML.replace("<img", "<img style='opacity:0.7' height=40 width=40 ontouchstart='bckit(event);' onclick='bckit(event); dchref=\"" + aas[aai].href + "\"; " + dcevent + "=dchrefdo; ' ondblclick='bckit(event); dchref=\"" + aas[aai].href + "\"; " + dcevent + "=dchrefdo; ' ") + " " + nbs;
lastah = "";
} else if (aas[aai].href.indexOf("/wordpress") != -1) {
lasttitle = aas[aai].title;
lastah = aas[aai].href;
if (bitsare.length > 1 && (lastah.indexOf("/wordpress") != -1 || lastah.indexOf("/ITblog") != -1) && lastah.indexOf("?") != -1) {
lastah += ("?highlight=" + bitsare[1]);
} else if (bitsare.length > 1 && (lastah.indexOf("/wordpress") != -1 || lastah.indexOf("/ITblog") != -1) && lastah.indexOf("?") == -1) {
lastah += ("&highlight=" + bitsare[1]);
}
} else if (aas[aai].href.indexOf("/ITblog") != -1) {
lasttitle = aas[aai].title;
lastah = aas[aai].href;
if (bitsare.length > 1 && (lastah.indexOf("/wordpress") != -1 || lastah.indexOf("/ITblog") != -1) && lastah.indexOf("?") != -1) {
lastah += ("?highlight=" + bitsare[1]);
} else if (bitsare.length > 1 && (lastah.indexOf("/wordpress") != -1 || lastah.indexOf("/ITblog") != -1) && lastah.indexOf("?") == -1) {
lastah += ("&highlight=" + bitsare[1]);
}
} else {
lastah = "";
}
}

for (var zai = 1; zai < imgs.length * 0; zai += 1) {
imgs[zai].ondblclick = bckit;
cdiv = cdiv + "<img style='opacity:0.7' src='" + imgs[zai].src + "' height=40 width=40 ontouchstart='bckit(event);' onclick='bckit(event);' ondblclick='bckit(event);'></img> ";
}
idivis.innerHTML = cdiv;
}

</script>
<input type="button" title="Click here then (Double) Click desired background image below (will be subject of tutorial on 6/4/2014) ... if a tutorial-based image (as background image chosen below) is double clicked the visual part of that tutorial will be shown in a new tab/window." onclick="loadme();" value="Double Click Image Events"></input><br><hr class='ybi'><div id="ichoices"></div>