// JavaScript Document var bodyElem = document.getElementsByTagName('BODY')[0]; if (bodyElem != null) { // Create

var lightboxBackgroundElem = document.createElement('div'); lightboxBackgroundElem.setAttribute('id', 'lightboxBackground'); var pageSizeScrollArr = getPageSizeWithScroll(); lightboxBackgroundElem.style.width = (pageSizeScrollArr[0]-19)+'px'; lightboxBackgroundElem.style.height = (pageSizeScrollArr[1])+'px'; // Add

to bodyElem.appendChild(lightboxBackgroundElem); // Create

var lightboxElem = document.createElement('div'); lightboxElem.setAttribute('id', 'lightbox'); // Add

to bodyElem.appendChild(lightboxElem); } function ShowLightboxImg(imgPath, width, height) { document.getElementById('video').style.display = 'none'; var lightboxBackgroundElem = document.getElementById('lightboxBackground'); lightboxBackgroundElem.style.display = 'block'; // Get X and Y scroll of page within browser window var pageScrollArr = getPageSizeWithScroll(); var lightboxElem = document.getElementById('lightbox'); lightboxElem.setAttribute('onClick','HideLightboxImg()'); var lightboxImg = document.createElement('img'); lightboxImg.setAttribute('src', imgPath); if (height == 162) { lightboxElem.style.width = 760; lightboxElem.style.height = 1014; lightboxElem.setAttribute('width', 760); lightboxElem.setAttribute('height', 1014); lightboxImg.style.width = 760; lightboxImg.style.height = 1014; lightboxImg.setAttribute('width', 760); lightboxImg.setAttribute('height', 1014); lightboxElem.style.top = (pageScrollArr[5]) + "px"; lightboxElem.style.left = ((pageScrollArr[0]-760)/2) + "px"; } else if (width == 162) { lightboxElem.style.width = 1014; lightboxElem.style.height = 760; lightboxElem.setAttribute('width', 1014); lightboxElem.setAttribute('height', 760); lightboxImg.style.width = 1014; lightboxImg.style.height = 760; lightboxImg.setAttribute('width', 1014); lightboxImg.setAttribute('height', 760); lightboxElem.style.top = (pageScrollArr[5]) + "px"; lightboxElem.style.left = ((pageScrollArr[0]-1014)/2) + "px"; } lightboxImg.setAttribute('border', '0'); lightboxImg.setAttribute('alt', 'Click on this image to close'); lightboxImg.style.cursor = 'hand'; lightboxElem.appendChild(lightboxImg); lightboxElem.style.display = 'block'; } function HideLightboxImg() { document.getElementById('video').style.display = 'block'; document.getElementById('lightboxBackground').style.display = 'none'; var lightboxElem = document.getElementById('lightbox'); lightboxElem.style.display = 'none'; // Remove all content inside