window.addEventListener("load", function() {
	setBackground();
	//setMenu();
	//loadFonts();
	//readEssentialCookies();
	//changeTheme();
	addClassList( "startup", "fade" );
});

function includeCss(cssFilePath) {
	var elem = document.createElement('link');
	elem.rel = ' stylesheet';
	elem.href= cssFilePath;//Link of the css file
	document.head.appendChild(elem);
}

function includeJs(jsFilePath) {
    var js = document.createElement("script");

    js.type = "text/javascript";
    js.src = jsFilePath;

    document.body.appendChild(js);
}

includeCss("./bg/video/css/background-video.css?v=1.1");
includeJs("./bg/video/js/background-video.js.txt");

// Preload images
var b_isMobile = ((/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) ? true : false);
var int_menuWidth = 258;
var str_menuWidth = "258px";
var downloadSrc = "cheukwan.work_2022.01.06.zip";
var downloadFiles = "cheukwan.work.changes.zip";
var videoBackground2 = "./images/IMG_20250312_115838-CINEMATIC.mp4";
var playFile;
var largetextOn=false, darkmodeOn=false, videoBackgroundOn=false;
var newTextSize;
var sortDesc = false;
var largeText = "1.2em/1.8 Tahoma, Arial", standardText = "1.1em/1.8 Tahoma, Arial";
var b_declineCookies = false;
var b_hideSocialButtons = true;
var int_translatorPos = 0;
var myDate, tmp_myDate;
var g_arg = [];

function getclientWidth() {
	return window.innerWidth
		|| document.documentElement.clientWidth
		|| document.body.clientWidth;
}

function getOrientation() {
    // if window.orientation is available...
    if( window.orientation && typeof window.orientation === 'number' ) {
        // ... and if the absolute value of orientation is 90...
        if( Math.abs( window.orientation ) == 90 ) {
              // ... then it's landscape
              return 'landscape';
        } else {
              // ... otherwise it's portrait
              return 'portrait';
        }
    } else {
        return false; // window.orientation not available
    }
}

function getMenu() {
	var clientWidth = getclientWidth();
	int_menuWidth = (b_isMobile ? (getOrientation() === 'landscape'?clientWidth*0.5:clientWidth) : clientWidth * 0.18);
	if( int_menuWidth <258 ) int_menuWidth = 258;
	str_menuWidth = int_menuWidth.toString()+"px";
}

function setMenu() {
	/*
	if( videoBackgroundOn ) {
		removeClassList('nestedsidemenu', 'darkmode');
		addClassList('nestedsidemenu', 'menuP');
	} else {
		removeClassList('nestedsidemenu', 'menuP');
		if( darkmodeOn ) addClassList('nestedsidemenu', 'darkmode'); else removeClassList('nestedsidemenu', 'darkmode');
	}
	*/
	getMenu();
	//var d = document.getElementById("datepicker");
	//if(d) {d.style.left = str_menuWidth;}
	var x = document.getElementById("nestedsidemenu");
	if(x) x.style.width = str_menuWidth;
	if( !b_isMobile ) {
		var y = document.getElementById("datepickerBtn");
		if(y) y.style.width = str_menuWidth;
		var z = document.getElementById("sortBtn");
		if(z) z.style.width = str_menuWidth;
		var f = document.getElementById("daterangeBtn");
		if(f) f.style.width = str_menuWidth;
		var g = document.getElementById("allBtn");
		if(g) g.style.width = str_menuWidth;

		var a = document.getElementById("divA2");
		if(a) {
			a.style.margin = "0 0 0 " + str_menuWidth;
			a.style.width = "calc(100% - " + (int_menuWidth).toString() + "px)";
		}
		/*
		var elements = document.getElementsByClassName("viewer");
		for (var i = 0; i < elements.length; i++) {
			elements[i].style.width="calc(100% - " + (int_menuWidth*2).toString() + "px)";
		}
		*/
		/*
		p = document.getElementById('printf1');
		if(p) {
			var b = p.contentWindow.document.getElementById('myvid');
			if(b) {b.style.width="calc(100% - " + (int_menuWidth*2).toString() + "px)";}
		}
		*/
	}
	alignSocialButtons();
}

function invalid(variable) {
	//alert(( typeof variable === typeof undefined || variable === null ));
	return ( typeof variable === typeof undefined || variable === null );
}

function eraseAllCookies() {
	if( readAllCookies() >0 ) {
		eraseCookie('ppktextarea'); eraseCookie('ppkcount'); eraseCookie('ppkOpacity'); eraseCookie('ppkTextsize'); eraseCookie('ppkTextsizevalue'); eraseCookie('ppkTextstyle'); eraseCookie('ppkmaxrestore'); eraseCookie('ppkfirstload'); eraseCookie('ppkcalendar'); eraseCookie('ppkmeds'); eraseCookie('ppkname'); eraseCookie('ppklogoncount'); eraseCookie('ppkdarkmodeon'); eraseCookie('ppkvideobackgroundon'); eraseCookie('ppklargetexton'); eraseCookie('ppkhidesocialbuttons'); eraseCookie('ppknewtextsize');
	}
}

function readAllCookies() {
	var cookieCount=0;
	cookieCount += (readCookie('ppktextarea') ? 1:0);
	cookieCount += (readCookie('ppkcount') ? 1:0);
	cookieCount += (readCookie('ppkOpacity') ? 1:0);
	cookieCount += (readCookie('ppkTextsize') ? 1:0);
	cookieCount += (readCookie('ppkTextsizevalue') ? 1:0);
	cookieCount += (readCookie('ppkTextstyle') ? 1:0);
	cookieCount += (readCookie('ppkmaxrestore') ? 1:0);
	cookieCount += (readCookie('ppkfirstload') ? 1:0);
	cookieCount += (readCookie('ppkcalendar') ? 1:0);
	cookieCount += (readCookie('ppkmeds') ? 1:0);
	cookieCount += (readCookie('ppkname') ? 1:0);
	cookieCount += (readCookie('ppklogoncount') ? 1:0);
	cookieCount += (readCookie('ppkdarkmodeon') ? 1:0);
	cookieCount += (readCookie('ppkvideobackgroundon') ? 1:0);
	cookieCount += (readCookie('ppklargetexton') ? 1:0);
	cookieCount += (readCookie('ppkhidesocialbuttons') ? 1:0);
	cookieCount += (readCookie('ppknewtextsize') ? 1:0);
	return cookieCount;
}

function writeEssentialCookies() {
	if( !b_declineCookies ) {
		//createCookie('ppklargetexton', largetextOn.toString(), 0);
		createCookie('ppkhidesocialbuttons', b_hideSocialButtons.toString(), 0);
		createCookie('ppknewtextsize', getFontSize("myFontz").toString(), 0);
	}
}

function readEssentialCookies() {
	/*
	var myTemp = readCookie('ppklargetexton');
	//if( typeof myTemp === "undefined" || myTemp === null ) {
	if( invalid(myTemp) ) {
		largetextOn = false;
	} else {
		largetextOn = bool(myTemp);
	}
	*/
	var myTemp = readCookie('ppknewtextsize');
	if( !invalid(myTemp) ) {
		standardText = myTemp + "px" + standardText.substring(standardText.indexOf("/"));
		largeText = myTemp + "px" + largeText.substring(largeText.indexOf("/"));
	}
	/*
	var myTemp2 = readCookie('ppkhidesocialbuttons');
	if( invalid(myTemp2) ) {
		b_hideSocialButtons = true;
	} else {
		b_hideSocialButtons = bool(myTemp2);
	}
	*/
	hideSocialButtons( b_hideSocialButtons );
	b_declineCookies = !document.cookie.includes("codinglab");
	/*
	var myTemp = readCookie('ppkdarkmodeon');
	if( typeof myTemp === "undefined" || myTemp === null ) {
		//darkmodeOn = true;
		darkmodeOn = false;
	} else {
		darkmodeOn = bool(myTemp);
	}
	var myTemp = readCookie('ppkvideobackgroundon');
	if( typeof myTemp === "undefined" || myTemp === null ) {
		//videoBackgroundOn = true;
		videoBackgroundOn = false;
	} else {
		videoBackgroundOn = bool(myTemp);
	}
	*/
}

function downloadFile( src ) {
	var downloadSP = src;
	var filename = downloadSP.substring(downloadSP.lastIndexOf('/')+1);
	if( !doesFileExist(downloadSP) ) {
		sweetalert2(0,'','Unable to find the file ' + filename);
		/*
		Swal.fire(
		  'Oops...',
		  'Unable to find the file ' + filename,
		  'error'
		);
		*/
		return;
	}
	var link = document.createElement('a');
	link.href = downloadSP;
	link.download = filename;
	document.body.appendChild(link);
	link.click();
	document.body.removeChild(link);
}

function displayPopupPicture( mySrc, myCaption ) {
	displayPopup2( false );
	var myCaptionString="";
	//if( myCaption ) {
		var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
		myValue += "<style type='text/css'>body {margin:0; overflow:hidden;} .myDimensions {width:100%; height:100%; object-fit:contain;}</style>";
		myValue += "<body>";
		myValue += "<img src='" + mySrc + "' id='myimg' class='centered myDimensions' />";
		//if( myCaption ) {myValue += "<div id='caption1' class='caption1 myFontz outlineTxt3 centered2'>" + myCaption + "</div>";}
		myValue += "</body></html>";
		if( myCaption ) {myCaptionString = "<div class='centered2' style='display:flex; justify-content:center; position:fixed; top:0; width:100%; z-index:999;'><div id='caption1' class='myFontz outlineTxt3' style='line-height:0; color:white;'>" + myCaption + "</div>" + popupWindowHyperlinkMax() + "</div>";}
		MakePopup( "myPopupCompose"+myValue, darkmode(), mySrc, myCaptionString );
	//} else
	//	MakePopup( mySrc, darkmode(), "<img src='" + mySrc + "' id='myimg' class='centered myDimensions' />" );
}

function displayPopupPdf( mySrc, myCaption ) {
	displayPopup2( false );
	var myCaptionString="";
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>body {margin:0; overflow:hidden;}</style>";
	myValue += "<body>";
	if( myCaption ) {myCaptionString = "<div class='centered2' style='display:flex; justify-content:center; position:fixed; top:0; width:100%; z-index:999;'><div id='caption1' class='myFontz outlineTxt3' style='line-height:0; color:white; z-index:999;'>" + myCaption + "</div>" + popupWindowHyperlinkMax() + "</div>";}
	myValue += "</body></html>";
	MakePopup( "myPopupPdf"+myValue, darkmode(), mySrc, myCaptionString );
}

function MakePopupPicture( backgroundImageid ) {
	// Get the url of the background-image from element id == backgroundImageid
	var url = window.getComputedStyle(document.getElementById(backgroundImageid),null).getPropertyValue('background-image');
	url = url.replace(/url|\(|\)|\"/gi, '');
	//if( basedirectory ) url = url.substring(url.indexOf(basedirectory)).replace(/url|\(|\)|\"/gi, ''); else url = basedirectory;
	displayPopupPicture( url );
}

function MakePopupVideo(mySrc, myCaption, loop, volume){
	displayPopup2( false );
	var myCaptionString="";
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>body {margin:0; overflow:hidden;} " + (1==1?".myDimensions {aspect-ratio:16 / 9; width:100%; height:100%; max-width:100%; max-height:100%;}":".myDimensions {aspect-ratio:16 / 9; width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:auto; max-height:90%;}") + "</style>";
	myValue += "<body>";
	myValue += "<iframe id='myvid' class='centered myDimensions' allow='fullscreen;autoplay' allowfullscreen src='" + mySrc + "?autoplay=1&loop=" + (loop?"1":"0") + "' style='border:none; overflow:hidden;'></iframe>";
	myValue += "</body></html>";
	if( myCaption ) {myCaptionString = "<div class='centered2' style='display:flex; justify-content:center; position:fixed; top:0; width:100%; z-index:999;'><div id='caption1' class='myFontz outlineTxt3' style='line-height:0; color:white;'>" + myCaption + (loop?"&nbsp&nbsp{play looped video}":"") + "</div>" + popupWindowHyperlinkMax() + "</div>";}
	MakePopup( "myPopupCompose"+myValue, darkmode(), mySrc, myCaptionString );
}

function MakePopupVideo1(mySrc, myCaption, loop, volume){
	displayPopup2( false );
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>body {margin:0; overflow:hidden;} div.caption2 {color:white; font-family:Arial,Verdana; font-size:4vh; width:100%; bottom:0;} " + (b_isMobile?".myDimensions {width:auto; height:auto; max-width:100%; max-height:100%; background-color:black;}":".myDimensions {width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:auto; max-height:90%; background-color:black;}") + " .header {padding:10px; text-align:center; color:white; font-family:Arial,Verdana; font-size:2.5vh;}</style>";
	myValue += "<body onload='document.getElementById(&quot;myvid&quot;).volume=" + (volume?volume:1) + "'>";
	myValue += "<div class='header'>If the picture and sound doesn&#8242;t match, download to your device and view it.</div>";
	myValue += "<video id='myvid' class='centered myDimensions' controls autoplay preload='metadata'" + (loop?' loop':'') + ">";
	myValue += "<source src='" + mySrc + "' type='video/mp4'>Your browser does not support the video tag.</video>";
	//myValue += "<script>window.onbeforeunload = function() {alert('test1');}</script>";
	if( myCaption ) myValue += "<div id='caption1' class='caption2 outlineTxt3 centered2'>" + myCaption + (loop?"&nbsp&nbsp[play looped video]":"") + "</div>";
	myValue += "</body></html>";
	MakePopup( "myPopupCompose"+myValue, darkmode(), mySrc );
	//MakeNewWindow( "myPopupCompose"+myValue, darkmode(), mySrc );
}

function MakePopupText( mySrc, myCaption ) {
	displayPopup2( false );
	var myCaptionString="";
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>body {margin:0; overflow:hidden;}</style>";
	myValue += "<body>";
	if( myCaption ) {myCaptionString = "<div class='centered2' style='display:flex; justify-content:center; position:fixed; top:0; width:100%; z-index:999;'><div id='caption1' class='myFontz outlineTxt3' style='line-height:0; color:white;'>" + myCaption + "</div>" + popupWindowHyperlinkMax() + "</div>";}
	myValue += "</body></html>";
	MakePopup( "myPopupText"+myValue, darkmode(), mySrc, myCaptionString );
}

function downloadSrcFile() {
	sweetalert2(5, 'downloadFile("'+downloadSrc+'")' );
}

function removeMedia2() {
	var p = document.getElementById('printf1');
	if(document.body.contains(p) && p.contentWindow) {
		if( document.getElementsByClassName("viewer").length == 0 && document.getElementsByClassName("picture").length == 0 ) {
			var b = p.contentWindow.document.getElementById('myvid');
			if(b) {
				if(typeof b == 'object'){
					let srcs = b.getElementsByTagName('source');
					b.pause();
					for(let xsrc in srcs){
						if(srcs[xsrc].src !== undefined){
							srcs[xsrc].src = '';
						}
					}
					b.removeAttribute('src');
					b.removeChild(b.firstChild);
					b.load();
					//b.parentNode.removeChild(b);
				}
				/*
				//b.currentTime = b.duration;
				b.pause();
				//b.removeAttribute('src'); // empty source
				//b.seekable.start(0);
				//b.seekable.end(0)
				b.src="";
				b.load();
				*/
			}
		}
	}
}

function removeMedia(){
    let videos = document.getElementsByTagName('video');
    for(let vid in videos){
        if(typeof videos[vid] == 'object'){
            let srcs = videos[vid].getElementsByTagName('source');
            videos[vid].pause();
            for(let xsrc in srcs){
                if(srcs[xsrc].src !== undefined){
                    srcs[xsrc].src = '';
                }
            }
            videos[vid].load();
            videos[vid].parentNode.removeChild(videos[vid]);
        }
    }
}

function stringToFunctionAndExecute(str) {
	// syntax: 'func1();func2()...'
	var arrStr = str.split(";");
	for (var i = 0; i < arrStr.length; i++) {
		if( arrStr[i] ) {
			eval(arrStr[i]);
			//let func = new Function(arrStr[i]);
		}
	}
    //return (func()); // <--- note the parenteces
}

function checkVideoEnd( exitFunction ) {
	/*
	var p = document.getElementById('printf1');
	if(document.body.contains(p) && p.contentWindow) {
		if( document.getElementsByClassName("viewer").length == 0 && document.getElementsByClassName("picture").length == 0 ) {
			var b = p.contentWindow.document.getElementById('myvid')
			if(b) {
				if(b.currentTime != b.duration) sweetalert2(5, "stringToFunctionAndExecute(\"" + exitFunction + "\")", "Please play media to the end to prevent technical problems. Do you want to leave anyway?"); else stringToFunctionAndExecute( exitFunction );
			}
		} else stringToFunctionAndExecute( exitFunction );
	} else stringToFunctionAndExecute( exitFunction );
	*/
	stringToFunctionAndExecute( exitFunction );
}

function closePopup() {
	//removeMedia2();
	//removeMedia(); // Added 2024-08-31
	if(!b_isMobile) {
		removeClassList( "nestedsidemenu", "fade" );
	}
	//if( !ib_cleared ) removeClassList( "socialbuttons", "fade" );
	/*
	if( !b_isMobile ) {
		removeClassList( "nestedsidemenu", "fade" );
	}
	*/
	//removeClassList( "contactContainer", "fade" );
	//removeClassList( "socialbuttons", "fade" );
	displayPopup2( true );
	RemovePopup();
	var x = document.getElementById("divA2");
	if ( !document.body.contains(x) ) {
		RemovePopup2();
		removeClassList( "nestedsidemenu", "fade" );
		//if( !ib_cleared ) removeClassList( "socialbuttons", "fade" );
		displayemblem( true );
	}
}

function hideSocialButtons( myValue ) {
	//ib_cleared = true;
	//var i;
	//addClassList( "socialbuttons", "hide" );
	
	//addClassList( "wrapper1", "fade" );
	//addClassList( "socialbuttons", "fade" );
	var e = document.getElementById("wrapper1");
	var x = document.getElementById("hideBtn");
	//alert(document.getElementById("slideBtn").value);
	//alert( document.getElementById("slideBtn").checked );
	if(x) {
		if( (!document.querySelector('.socialbuttons').classList.contains('fade') && invalid(myValue)) || myValue ) {
			// Hide buttons
			if( !invalid(myValue) ) document.getElementById("slideBtn").checked = true;
			b_hideSocialButtons = true;
			x.style.position = "static";
			addClassList( "socialbuttons", "fade" );
			replaceClassList( "wrapper1", "wrapper1formatting1", "wrapper1formatting2" );
			replaceClassList( "wrapper1", "screenWidth", "wrapper1Width" );
		} else {
			// Show buttons
			if( !invalid(myValue) ) document.getElementById("slideBtn").checked = false;
			b_hideSocialButtons = false;
			x.style.position = "absolute";
			removeClassList( "socialbuttons", "fade" );
			replaceClassList( "wrapper1", "wrapper1formatting2", "wrapper1formatting1" );
			if( b_isMobile && getOrientation() != 'landscape' )
				replaceClassList( "wrapper1", "wrapper1Width", "screenWidth" );
			else
				replaceClassList( "wrapper1", "screenWidth", "wrapper1Width" );
		}
		if( !b_declineCookies && invalid(myValue) ) createCookie('ppkhidesocialbuttons', b_hideSocialButtons.toString(), 0);
	}
/*
	var x = document.getElementById("wrapper1");
	//if(x) x.remove();
	if(x) {
		i = getZIndex(x);
		if( i < 999 )
			x.style.zIndex = 999;
		else
			x.style.zIndex = 0;
	}
	var y = document.getElementById("socialmediaicons");
	if(y) {
		i = getZIndex(y);
		if( i < 999 )
			y.style.zIndex = 999;
		else
			y.style.zIndex = 0;
	}
*/
	/*
	var c = document.getElementById("translator");
	if(c) { // Translator
		//removeClassList('translator', 'centered2');
		c.style.right = "10px";
		c.style.top = "auto";
		c.style.bottom = "180px";
		c.style.zIndex = "999";
	}
	*/
}

function commonEventHandler(evt) {
	if( evt.target.classList.contains('label') ) {
		checkVideoEnd( "closePopup()" );
	}
	if( evt.target.classList.contains('label2') ) {
		//addClassList( "nestedsidemenu", "fade" );
		//addClassList( "contactContainer", "fade" );
		//addClassList( "caption3", "fade" );
		addClassList( "label2", "fade" );
		//addClassList( "rotate", "fade" );
		//var x = document.getElementById("popup");
		//if(x) x.style.zIndex = 99;
		var y = document.getElementById('caption1');
		if(y)
			y.style.display = "none";
		else {
			var z = document.getElementById('printf1').contentWindow.document.getElementById('caption1');
			if(z) z.style.display = "none";
		}
	}
	if( evt.target.classList.contains('label3') ) {
		removeClassList( "nestedsidemenu", "fade" );
		//removeClassList( "contactContainer", "fade" );
		clearMemory();
		/*
		RemoveWebcam();
		RemovePopup2();
		*/
		displayemblem( true );
	}
	if( evt.target.classList.contains('label4') ) {
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "contactContainer", "fade" );
		addClassList( "label4", "fade" );
		var x = document.getElementById("popupDiv");
		if(x) x.style.zIndex = 99;
	}
	if( evt.target.classList.contains('label6') ) {
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "contactContainer", "fade" );
		addClassList( "label6", "fade" );
		//addClassList( "rotate", "fade" );
		//var x = document.getElementById("popup");
		//if(x) x.style.zIndex = 99;
		//var k = document.getElementById('printf1');
		//if(k) k.style.width = "100%";
		var y = document.getElementById('caption1');
		if(y)
			y.style.display = "none";
		else {
			var z = document.getElementById('printf1').contentWindow.document.getElementById('caption1');
			if(z) z.style.display = "none";
		}
	}
	if( evt.target.classList.contains('slide-btn-content') ) {
		//setTimeout(function() { hideSocialButtons(); }, 2000);
		hideSocialButtons();
		//sweetalert2(5, 'hideSocialButtons()', 'This will hide/show your widgets. Do you want to continue?')
	}
	/*
	if( evt.target.classList.contains('dblclickmyfloppy1') ) {
		Swal.fire(
		  'Oops...',
		  'The permission to download this file has been suspended.',
		  'error'
		);
	}
	*/
	if( evt.target.classList.contains('dblclickmyfloppy1') ) {
		downloadSrcFile();
	}
	if( evt.target.classList.contains('pageup') ) {
		var x = document.getElementById('divA2');
		if(x) x.scroll({top:0,behavior:'smooth'});
		//document.querySelector('#divA2').scrollTop = 0;
		removeClassList( "pageup", "show" );
		addClassList( "pagedown", "show" );
	}
	if( evt.target.classList.contains('pagedown') ) {
		var x = document.getElementById('divA2');
		if(x) x.scroll({top:x.scrollHeight,behavior:'smooth'});
		removeClassList( "pagedown", "show" );
		addClassList( "pageup", "show" );
	}
}

function smoothScrollToTop( myDiv ) {
	var x = document.getElementById(myDiv);
	if(x) x.scroll({top:0,behavior:'smooth'});
	/*
	const scrollContainer = document.getElementById(myDiv);
    scrollContainer.scrollTo({
        top: scrollContainer.scrollHeight
        , left: 0
		//, behavior: 'smooth'
    });
    scrollContainer.scrollTo({
        top: 0
        , left: 0
		, behavior: 'smooth'
    });
	*/
	removeClassList( "pageup", "show" );
	addClassList( "pagedown", "show" );
}

window.addEventListener('click', function (evt) {
	commonEventHandler(evt);
	if( evt.target.classList.contains('mysoundcard20210416') ) displayPopupPicture( "./shop/IMG_20210416_021459.jpg", "Portable 5.1 / 7.1 USB External Sound Card, 24 bit 96KHz audio out, 24 bit 48KHz mic" );
	//if( evt.target.classList.contains('myStory') ) {var snd = document.getElementById('myStory'); snd.volume=1; snd.currentTime=0; snd.play();}
	//if( evt.target.classList.contains('myStory2') ) {var snd = document.getElementById('myStory2'); snd.volume=0.6; snd.currentTime=0; snd.play();}
	if( evt.target.classList.contains('mystory20190815-0001') ) MakePopupVideo( "./multimedia11/20190815_052629.mp3", "Recorded my voice reading a story I wrote (2019.08.15)" );
	if( evt.target.classList.contains('mystory20210416-0001') ) MakePopupVideo( "./multimedia11/20210416_124006.mp3", "Recorded my voice reading a story I wrote (2021.04.16)" );
	if( evt.target.classList.contains('myletter20210518') ) displayPopupPicture( "./multimedia/IMG_20210513_0001-1.jpg", "An open letter to my case manager (2021.05.18)" );
	if( evt.target.classList.contains('myfeet20210414') ) displayPopupPicture( "./multimedia/IMG_20210414_172452.jpg", "My feet has inflamed again (2021.04.14)" );
	if( evt.target.classList.contains('victoriaharbour20201013') ) displayPopupPicture( "./multimedia/IMG_20201013_155225.jpg", "Victoria Harbour on a T8 storm day (2020.10.13)" );
	if( evt.target.classList.contains('xian-bell-tower-IMG_20210418_081116') ) displayPopupPicture( "./multimedia/xian-bell-tower-IMG_20210418_081116.jpg", "Impose picture on another picture (2021.04.18)" );
	if( evt.target.classList.contains('chromebrowser20210519') ) MakePopupVideo( "https://streamable.com/e/yikk89", "Chrome Search Tabs (Introduced in Version 90.0.4430.212)" );
	if( evt.target.classList.contains('clickmywebcam') ) {
		Swal.fire(
		  'Oops...',
		  'The permission to view my webcam has been suspended.',
		  'error'
		);
	}
	if( evt.target.classList.contains('typhoonmangkhut2018') ) displayPopupPicture( "./multimedia/typhoonmangkhut2018.jpg", "Photographs outside my home of the aftermath that typhoon Mangkhut made in 2018." );
	if( evt.target.classList.contains('myside20201003') ) displayPopupPicture( "./multimedia/IMG_20201003_214128.jpg", "Selfie (2020.10.03)" );
	if( evt.target.classList.contains('feeling20210415') ) displayPopupPicture( "./multimedia/image-asset.gif", "I&#8242;m feeling... (2021.04.15)" );
	if( evt.target.classList.contains('myhkid20201113') ) displayPopupPicture( "./multimedia/IMG_20210522_0007.jpg", "My new HKID card (2020.11.13)" );
	if( evt.target.classList.contains('photoboothphoto20201113-0001') ) displayPopupPicture( "./multimedia/IMG_20211215_0001.jpg", "My Photobooth photo scan (2020.11.13)" );
	if( evt.target.classList.contains('mysurprisegift20200919') ) displayPopupPicture( "./multimedia/IMG_20200919_214020.jpg", "My wife gave this surprise gift to me from her brother when we were still married. Now I&#8242;m going to throw it away (2020.09.19)" );
	if( evt.target.classList.contains('mycustomteefront20200828') ) displayPopupPicture( "./multimedia/IMG_20200828_104640637.jpg", "My Custom Tee - the front (2020.08.28)" );
	if( evt.target.classList.contains('mycustomteeback20200828') ) displayPopupPicture( "./multimedia/IMG_20200828_104659070.jpg", "My Custom Tee - the back (2020.08.28)" );
	if( evt.target.classList.contains('frontpageyoutube20201008') ) MakePopupVideo( "https://streamable.com/e/xp4o2j", "I was surprised to see myself on the front page of YouTube (2020.10.08)" );
	if( evt.target.classList.contains('mynewbackpack20201025') ) displayPopupPicture( "./multimedia/img20201025_22583781.jpg", "I bought a backpack today (2020.10.25)" );
	if( evt.target.classList.contains('hkpostoffice20200731') ) displayPopupPicture( "./multimedia/IMG_20200731_115517.jpg", "Because of the pandemic, Hongkong Post parcels will be held at the post office to be claimed (2020.07.31)" );
	if( evt.target.classList.contains('mycustomhat20200805') ) displayPopupPicture( "./multimedia/IMG_20200806_094301703.jpg", "My custom hat (2020.08.05)" );
	if( evt.target.classList.contains('myphoto20200727') ) displayPopupPicture( "./multimedia/IMG_20200727_230042.jpg", "Selfie (2020.07.27)" );
	if( evt.target.classList.contains('myfacebookpwdcompromised20210520') ) displayPopupPicture( "./multimedia/IMG_20210520_0001.png", "My Facebook password was recently changed by an unknown suspect (2021.05.20)" );
	if( evt.target.classList.contains('mygooglepwdcompromised20210523') ) displayPopupPicture( "./multimedia/Screenshot_20210523-031450.png", "I&#8242;m a victim of identity theft (2021.05.23)" );
	if( evt.target.classList.contains('myselfie20210524') ) displayPopupPicture( "./multimedia/IMG_20210524_163629.jpg", "Selfie (2021.05.24)" );
	if( evt.target.classList.contains('myreceipt20210509') ) displayPopupPicture( "./multimedia/IMG_20210527_0001.jpg", "My recent receipt (2021.05.27)" );
	if( evt.target.classList.contains('cybercrime20210527') ) MakePopupVideo( "https://streamable.com/e/du2ccs", "I have reported a cyber crime committed against me." );
	if( evt.target.classList.contains('myevidence1') ) displayPopupPicture( "./multimedia/Screenshot_20210527-105516.png", "I haven&#8242;t been contacted by the police since I reported my credit card details stolen and used on the internet (2021.06.19)" );
//	if( evt.target.classList.contains('ebitcam20210422-0001') ) MakePopupVideo( "https://store7.gofile.io/download/Pm6sJM/fa65801c4179c186def52da02543e9d4/VID_20210422_0001.mp4", "My reaction video to receiving the certificate for some of my past O-Level exam results from the UK.<img src='./multimedia/Gofile/VID_20210422_0001.png' style='width:128px; height:128px; position:fixed; right:0; bottom:0; margin:10px; border:5px solid white;' />" );
//	if( evt.target.classList.contains('ebitcam20201123-0001') ) MakePopupVideo( "https://static.atonline.net/private/d-cunzigM4bsz1uju9wtMcimP1XD3Hzd5iYL5x98OMUiroTYJwCRwU2-xeJc1olW/VID_20201123_0001.mp4", "My reaction video to the Tom and Jerry Movie." );
	if( evt.target.classList.contains('mysymptoms20210321') ) MakePopupVideo( "https://streamable.com/e/bkyo7y", "I infrequently experience twitching." );
	if( evt.target.classList.contains('mypassportphoto20210608') ) displayPopupPicture( "./multimedia/IMG_20210608_0003.jpg", "My recent passport photo, possibly altered (2021.06.16)" );
	if( evt.target.classList.contains('IMG_20210610_091745') ) displayPopupPicture( "./multimedia/IMG_20210610_091745.jpg", "Selfie (2021.06.10)" );
	if( evt.target.classList.contains('imgonline-com-ua-Piconpic-9E9P3sXiVUc-min') ) displayPopupPicture( "./multimedia/imgonline-com-ua-Piconpic-9E9P3sXiVUc-min.jpg", "Recent selfie with new background (2021.06.16)" );
	if( evt.target.classList.contains('myevidence2') ) displayPopupPicture( "./multimedia/IMG_20210607_0001.png", "Recent CFSC email (2021.06.16)" );
	if( evt.target.classList.contains('makeup20210623_0001') ) displayPopupPicture( "./multimedia/IMG_20210623_152411-min.jpg", "I went to my second session of the pre-work preparatory course, conducted by the Christian Family Service Centre. We had a practical class in learning to put on makeup for looking presentable at job interviews (2021.06.23)" );
	if( evt.target.classList.contains('queen20210624') ) displayPopupPicture( "./multimedia/20210624_173336.gif", "Her Majesty the Queen (2021.06.24)" );
	if( evt.target.classList.contains('mytypingspeed20210626') ) MakePopupVideo( "https://streamable.com/e/rcbw06", "Watch me test my typing speed." );
	if( evt.target.classList.contains('foodpanda20210627') ) displayPopupPicture( "./multimedia/foodpanda-new-customer-voucher.png", "Get $40 off your first $80+ order (2021.06.27)" );
	if( evt.target.classList.contains('mysurveillance20210628-0001') ) MakePopupVideo( "https://streamable.com/e/y4hgtj", "Surveillance video of me coming home on June 28, 2021.", true );
	if( evt.target.classList.contains('mysurveillance20210701-0001') ) MakePopupVideo( "https://streamable.com/e/poztlv", "Surveillance video of me coming home on July 1, 2021.", true );
	if( evt.target.classList.contains('myeml20210701-0001') ) displayPopupPicture( "./multimedia/IMG_20210701_0001.png", "I received this email today and I don&#8242;t know who it is from and why I was sent it (2021.07.01)" );
	if( evt.target.classList.contains('myeml20210701-0002') ) displayPopupPicture( "./multimedia/IMG_20210701_0002.png", "I received this email today and I don&#8242;t know who it is from and why I was sent it (2021.07.01)" );
	if( evt.target.classList.contains('diptsuicourtl20210703-0001') ) displayPopupPicture( "./multimedia/IMG_20210703_172147.jpg", "I went to Dip Tsui Court to observe the building of where my apartment will be situated (2021.07.03)" );
	if( evt.target.classList.contains('covidnegative20210709-0001') ) displayPopupPicture( "./multimedia/Screenshot_20210709-143449.png", "I&#8242;m Covid-19 Negative (2021.07.09)" );
	if( evt.target.classList.contains('myedema20210719-0001') ) displayPopupPicture( "./multimedia/IMG_20210719_081109.jpg", "My feet are still swollen (2021.07.19)" );
	if( evt.target.classList.contains('broadway20210728-0001') ) displayPopupPicture( "./multimedia/IMG_20210727_145953.jpg", "My mother and I went to Broadway yesterday to buy a blender (2021.07.28)" );
	if( evt.target.classList.contains('maintenance20210805-0001') ) MakePopupVideo( "https://streamable.com/e/35iodf", "Maintenance crew asking to come in (2021.08.05)" );
	if( evt.target.classList.contains('maintenance20210805-0002') ) MakePopupVideo( "https://streamable.com/e/s617l3", "The maintenance crew came to take photographs (2021.08.05)" );
	if( evt.target.classList.contains('zalora-mail_20210807-0001') ) displayPopupPdf( "./multimedia/zalora-mail_20210807-0001.pdf", "The word &quot;designated&quot; was used 3 times by 3 different sources yesterday and I mentioned it first (2021.08.08)" );
	if( evt.target.classList.contains('mylanyardclips20210829-0001') ) displayPopupPicture( "./multimedia/IMG_20210829_180700.jpg", "I purchased some lanyard clips from Apliu Street, Sham Shui Po. Chinese New Year must have come early because it&#8242;s the first time I received the traded items in a lai see envelope (2021.08.29)" );
	if( evt.target.classList.contains('IMG_20200831_165918') ) displayPopupPicture( "./multimedia/IMG_20200831_165918.jpg", "Drink bottle (2020.08.31)" );

	if( evt.target.classList.contains('ebitcam20210607-0001') ) MakePopupVideo( "https://streamable.com/e/z4pfuk", "Steve and Dennis recalls World Snooker &#8242;85 (2021.06.07)", false );
	if( evt.target.classList.contains('screencap_20210604-0001') ) displayPopupPicture( "./multimedia/Web capture_6-6-2021_91938_.jpg", "My substitute webpage (2021.06.04)" );
	if( evt.target.classList.contains('ebitcam20210604-0001') ) MakePopupVideo( "https://streamable.com/e/vh4b3l", "Today&#8242;s 30 minutes - that&#8242;s OXY on my acne (2021.06.04)", false );
	if( evt.target.classList.contains('ebitcam20210603-0001') ) MakePopupVideo( "https://streamable.com/e/ac8l4j", "This is me typing (2021.06.03)", false );
	if( evt.target.classList.contains('ebitcam20210529-0001') ) MakePopupVideo( "https://streamable.com/e/n7zme7", "Thanks for watching (2021.05.29)", false );
	if( evt.target.classList.contains('ebitcam20210528-0002') ) MakePopupVideo( "https://streamable.com/e/96s99k", "My reaction and reply to email (2021.05.28)", false );
	if( evt.target.classList.contains('ebitcam20210528-0001') ) MakePopupVideo( "https://streamable.com/e/7gki9u", "One fine morning (2021.05.28)", false );
	if( evt.target.classList.contains('ebitcam20210527-0001') ) MakePopupVideo( "https://streamable.com/e/n7vio0", "Today was a special day for me. I will remember it emphatically (2021.05.27)", false );
	if( evt.target.classList.contains('ebitcam20210526-0001') ) MakePopupVideo( "https://streamable.com/e/m95jlg", "30 minutes of me. Watch only if you want to (2021.05.26)", false );
	if( evt.target.classList.contains('ebitcam20210422-0001') ) MakePopupVideo( "https://streamable.com/e/wxtwgw", "My reaction video to receiving the certificate for some of my past O-Level exam results from the UK (2021.04.22)", false );
	if( evt.target.classList.contains('ebitcam20201123-0001') ) MakePopupVideo( "https://streamable.com/e/6dhj3j", "My reaction video to the Tom and Jerry Movie (2020.11.23)", false );
	if( evt.target.classList.contains('mylanyard20210907-0001') ) displayPopupPicture( "./multimedia/IMG_20210906_233019609-enhanced.jpg", "My new lanyard (2021.09.06)" );
	if( evt.target.classList.contains('mysurveillance20210907-0001') ) MakePopupVideo( "https://streamable.com/e/vnpogj", "Surveillance video of me coming home (2021.09.07)", true );
	if( evt.target.classList.contains('myselfie20210907-0001') ) displayPopupPicture( "./multimedia/IMG_20210907_165623-enhanced.jpg", "Selfie (2021.09.07)" );
	if( evt.target.classList.contains('myselfie20210907-0002') ) MakePopupVideo( "https://streamable.com/e/ofatrc", "I took a selfie photo and a video at the same time (2021.09.07)" );
	if( evt.target.classList.contains('myselfie20210907-0003') ) displayPopupPicture( "./multimedia/IMG_20210907_164602-enhanced.jpg", "Selfie (2021.09.07)" );
	if( evt.target.classList.contains('mysurveillance20210908-0001') ) MakePopupVideo( "https://streamable.com/e/ymh643", "Surveillance video of me coming home (2021.09.08)", true );
	if( evt.target.classList.contains('myfeet20210908-0001') ) displayPopupPicture( "./multimedia/IMG_20210908_193921.jpg", "My persistent edema feet (2021.09.08)" );
	if( evt.target.classList.contains('cfsc20210909-0001') ) MakePopupVideo( "./multimedia/2021-09-09_09.24.122259567482136065570.mp3", "Phone conversation with The Christian Family Service Centre (2021.09.09)" );
	if( evt.target.classList.contains('cfsc20210909-0002') ) MakePopupVideo( "./multimedia/2021-09-09_15.16.287790687976608195915.mp3", "Phone conversation with The Christian Family Service Centre (2021.09.09)" );
	if( evt.target.classList.contains('mysurveillance20210911-0001') ) MakePopupVideo( "https://streamable.com/e/ntb9wm", "Surveillance video of me coming home (2021.09.11)", true );
	if( evt.target.classList.contains('mylanyard20210911-0001') ) displayPopupPicture( "./multimedia/Hadc19f92760a4542b985ef91df0bd128J.jpg", "My new lanyard (2021.09.11)" );
	if( evt.target.classList.contains('ebitcam20210911-0001') ) MakePopupVideo( "https://streamable.com/e/sihv37", "Video of me (2021.09.11)" );
	if( evt.target.classList.contains('myselfie20210911-0001') ) displayPopupPicture( "./multimedia/IMG_20210911_204628029-enhanced.jpg", "Selfie (2021.09.11)" );
	if( evt.target.classList.contains('mylanyard20210913-0001') ) displayPopupPicture( "./multimedia/IMG_20210913_163428.jpg", "Selfie (2021.09.13)" );
	if( evt.target.classList.contains('mysurveillance20210913-0001') ) MakePopupVideo( "https://streamable.com/e/4udwzo", "Surveillance video of me coming home (2021.09.13)", true );
	if( evt.target.classList.contains('mysurveillance20210915-0001') ) MakePopupVideo( "https://streamable.com/e/7wjcw0", "Surveillance video of me coming home (2021.09.15)", true );
	if( evt.target.classList.contains('ebitcam20210916-0001') ) MakePopupVideo( "https://streamable.com/e/pr0gcb", "Video of me (2021.09.16)" );
	if( evt.target.classList.contains('ebitcam20210917-0001') ) MakePopupVideo( "https://streamable.com/e/7fh7o3", "Video of me speaking (2021.09.17)" );
	if( evt.target.classList.contains('ebitcam20210917-0001a') ) {
		sweetalert2(0,'','This file has since been removed');
		/*
		Swal.fire(
		  'Oops...',
		  'This file has since been removed.',
		  'error'
		);
		*/
		//MakePopupVideo( "./multimedia/20210917_004619.mp4", "Video of me (2021.09.17)" );
	}
	if( evt.target.classList.contains('ebitcam20210917-0002') ) MakePopupVideo( "https://streamable.com/e/w5ytvj", "My reaction video to World&#8242;s Deepest Pool (2021.09.17)" );
	if( evt.target.classList.contains('ebitcam20210917-0003') ) MakePopupVideo( "https://streamable.com/e/pzfjfe", "Calling my mother and later receiving her call about my father&#8242;s hospitalisation (2021.09.17)" );
	if( evt.target.classList.contains('mydesktop20210919-0001') ) {
		sweetalert2(0,'','This file has since been removed');
		/*
		Swal.fire(
		  'Oops...',
		  'This file has since been removed.',
		  'error'
		);
		*/
		//displayPopupPicture( "./multimedia/IMG_20210918_101151996-removebg-0002.png" );
	}
	if( evt.target.classList.contains('ebitcam20210920-0001') ) MakePopupVideo( "https://streamable.com/e/cvf7mf", "Rare insight into interior work (2021.09.20)" );
	if( evt.target.classList.contains('myedema20210922-0001') ) displayPopupPicture( "./multimedia/IMG_20210922_090647.jpg", "My Pitting edema feet (2021.09.22)" );
	if( evt.target.classList.contains('ebitcam20210922-0001') ) MakePopupVideo( "https://streamable.com/e/f97v5o", "Planted in my Mancave - Pandemic is like that (2021.09.22)" );
	if( evt.target.classList.contains('ebitcam20210923-0001') ) displayPopupPicture( "./multimedia/Screenshot-20210923.jpg", "The look of joy (2021.09.23)" );
	if( evt.target.classList.contains('ebitcam20210923-0002') ) MakePopupVideo( "https://streamable.com/e/trladt", "I am happy and well (2021.09.23)" );
	if( evt.target.classList.contains('ebitcam20210923-0003') ) MakePopupVideo( "https://streamable.com/e/qcv3ua", "Talking to my mother (2021.09.23)" );
	if( evt.target.classList.contains('ebitcam20210924-0001') ) MakePopupVideo( "https://streamable.com/e/wgdnzt", "My energy is returning (2021.09.24)" );
	if( evt.target.classList.contains('ebitcam20210924-0002') ) MakePopupVideo( "https://streamable.com/e/eqx0eo", "Video of me (2021.09.24)" );
	if( evt.target.classList.contains('myedema20210925-0001') ) displayPopupPicture( "./multimedia/IMG_20210925_210322.jpg", "My edema feet are shrinking (2021.09.25)" );
	if( evt.target.classList.contains('ebitcam20210926-0001') ) MakePopupVideo( "https://streamable.com/e/hdwusg", "Giving the food Rider directions to my home (2021.09.26)" );
	if( evt.target.classList.contains('myjobreferral20210927-0001') ) displayPopupPicture( "./multimedia/Screenshot_20210927-201137.png", "Supplement to my job referral (2021.09.27)" );
	if( evt.target.classList.contains('ebitcam20210927-0001') ) MakePopupVideo( "https://streamable.com/e/nskosd", "Talking to the CFSC after receiving their WhatsApp message regarding a job referral to me (2021.09.27)" );
	if( evt.target.classList.contains('myjobreferral20210928-0001') ) displayPopupPicture( "./multimedia/Screenshot_20210928-145727.png", "My job referral continued (2021.09.28)" );
	if( evt.target.classList.contains('verifypassport20200922-0001') ) MakePopupVideo( "https://streamable.com/e/dvsg93", "Passport Checking and Verification Online (2020.09.22)" );
	if( evt.target.classList.contains('360camera20200930-0001') ) MakePopupVideo( "https://streamable.com/e/wltw8x", "I am concerned for my safety. Watch this outside my door. (2020.09.30)" );
	if( evt.target.classList.contains('nationaldayprc20211001-0001') ) displayPopupPicture( "./multimedia/IMG_20211001_091234.jpg", "National Day of the People&#8242;s Republic of China (2021.10.01)" );
	if( evt.target.classList.contains('mysurveillance20211001-0001') ) MakePopupVideo( "https://streamable.com/e/e927y0", "Surveillance video of me coming home (2021.10.01)", true );
	if( evt.target.classList.contains('ebitcam20210909-0001') ) MakePopupVideo( "https://streamable.com/e/2jldez", "Video of me reflecting on what I did today (2021.09.09)" );
	if( evt.target.classList.contains('ebitcam20210914-0001') ) MakePopupVideo( "https://streamable.com/e/ori1qv", "Watching the conversation between DJ Gene and her friend on Social Media (2021.09.14)" );
	if( evt.target.classList.contains('nationaldayprc20211001-0002') ) MakePopupVideo( "https://streamable.com/e/9y3uya", "Taking selfies on the National Day of the People&#8242;s Republic of China (2021.10.01)" );
	if( evt.target.classList.contains('caraccident20211003-0001') ) displayPopupPicture( "./multimedia/IMG_20211003_121516.jpg", "I was in the area of the scene of a vehicle accident just after it had happened (2021.10.03)" );
	if( evt.target.classList.contains('myfishtank20211003-0001') ) MakePopupVideo( "https://streamable.com/e/c2ob6g", "I bought a mini fish tank with my consumption voucher today (2021.10.03)" );
	if( evt.target.classList.contains('myfish20211004-0001') ) displayPopupPicture( "./multimedia/IMG_20211004_133554.jpg", "This is the fish that I am owning (2021.10.04)" );
	if( evt.target.classList.contains('myfish20211004-0002') ) displayPopupPicture( "./multimedia/IMG_20211004_213510.jpg", "The new fish isn&#8242;t eating. I am going to return it to the shopkeeper tomorrow (2021.10.04)" );
	if( evt.target.classList.contains('myfish20211004-0003') ) MakePopupVideo( "https://streamable.com/e/1xpm0q", "It&#8242;s a beautiful creature (2021.10.04)" );
	if( evt.target.classList.contains('ebitcam20211005-0001') ) MakePopupVideo( "https://streamable.com/e/6aouex", "Video of me (2021.10.05)" );
	if( evt.target.classList.contains('cfsc20211006-0001') ) MakePopupVideo( "./multimedia/2021-10-06_16.14.554251114086236218214.mp3", "More details of the job referral were released to me by the CFSC (2021.10.06)" );
	if( evt.target.classList.contains('ebitcam20211006-0001') ) MakePopupVideo( "https://streamable.com/e/3qwci0", "Video of me (2021.10.06)" );
	if( evt.target.classList.contains('360camera20211007-0001') ) MakePopupVideo( "https://streamable.com/e/51tnbh", "The Intensive Care Team came to my home to negotiate the terms for my return to meet my next clinic appointment (2021.10.07)" );
	if( evt.target.classList.contains('cfsc20211008-0001') ) displayPopupPicture( "./multimedia/Screenshot_20211008-151947.png", "Tomorrow&#8242;s roster will only be applicable provided the severe typhoon warning and black rain alert does not manifest because the weather is so bad today (2021.10.08)" );
	if( evt.target.classList.contains('okcupid20211009-0001') ) displayPopupPicture( "./multimedia/Screenshot_20211009_OkCupid-who-likes-you.png", "I can no longer see the faces of women who likes me on OkCupid.com because I ended my subscription after a long period of system fault with Messages (2021.10.09)" );
	if( evt.target.classList.contains('myreceipt20211010-0001') ) displayPopupPicture( "./multimedia/IMG_20211010_164127.jpg", "This is my scan of the receipt for the purchase of my drink from the AEON store (2021.10.10)" );
	if( evt.target.classList.contains('ebitcam20211010-0001') ) MakePopupVideo( "https://streamable.com/e/e2hone", "Video of me adjusting my IP Camera (2021.10.10)" );
	if( evt.target.classList.contains('ebitcam20211010-0002') ) MakePopupVideo( "https://streamable.com/e/rojnxo", "Video showing my attitude to work (2021.10.10)" );
	if( evt.target.classList.contains('screencap20211011-0001') ) displayPopupPicture( "./multimedia/Screenshot_20211011-190818.png", "My social worker (case manager) phoned me today but I was sleeping and so was not able to answer his call (2021.10.11)" );
	if( evt.target.classList.contains('screencap20211012-0001') ) displayPopupPicture( "./multimedia/Screenshot_20211012-181853.png", "My social worker (Mr Kwong) phoned me today (2021.10.12)" );
	if( evt.target.classList.contains('myreceipt20210928-0001') ) displayPopupPicture( "./multimedia/IMG_20211012_0001.jpg", "I bought this cross body bag for using in the hospital should I ever be recalled back (2021.09.28)" );
	if( evt.target.classList.contains('myreceipt20211013-0001') ) displayPopupPicture( "./multimedia/IMG_20211013_0001.jpg", "My unused Consumption Voucher Discount Coupon (2021.10.13)" );
	if( evt.target.classList.contains('clinicphone20211013-0001') ) MakePopupVideo( "./multimedia/2021-10-13_13.19.187745333176720276879.mp3", "The clinic phoned me during Typhoon Signal 8 today (2021.10.13)" );
	if( evt.target.classList.contains('mysurveillance20211013-0001') ) MakePopupVideo( "https://streamable.com/e/goq8ir", "Surveillance video of me coming home after the T8 Typhoon Signal was lifted (2021.10.13)", true );
	if( evt.target.classList.contains('ebitcam20211014-0001') ) MakePopupVideo( "https://streamable.com/e/9a04n9", "Video of me (2021.10.14)" );
	if( evt.target.classList.contains('ebitcam20211014-0002') ) MakePopupVideo( "https://streamable.com/e/l2jfx3", "My IP Camera vs my Webcam comparison (2021.10.14)" );
	if( evt.target.classList.contains('ebitcam20211015-0001') ) MakePopupVideo( "https://streamable.com/e/eu4nf8", "Video of me (2021.10.15)" );
	if( evt.target.classList.contains('myselfie20211015-0001') ) displayPopupPicture( "./multimedia/IMG_20211015_221223.jpg", "Selfie (2021.10.15)" );
	if( evt.target.classList.contains('canon20211016-0001') ) MakePopupVideo( "https://streamable.com/e/64tfvl", "Video of me *Correction: the holiday is Chung Yeung Festival (2021.10.16)" );
	if( evt.target.classList.contains('canon20211019-0001') ) MakePopupVideo( "https://streamable.com/e/ckeqyd", "My hotel review (2021.10.19)" );
	if( evt.target.classList.contains('cityplaza20211021-0001') ) displayPopupPicture( "./multimedia/IMG_20211021_120749.jpg", "Future GPX Cyber Formula WORLD TOUR HK Cityplaza GP (2021.10.21)" );
	if( evt.target.classList.contains('ebitcam20211021-0001') ) MakePopupVideo( "https://streamable.com/e/dwsaj1", "Inconsiderately, the maintenance crew stood my mother up and she waited for them without knowing that (2021.10.21)" );
	if( evt.target.classList.contains('myselfie20211022-0001') ) displayPopupPicture( "./multimedia/IMG_20211022_120555.jpg", "Trying on my new sweater (2021.10.22)" );
	if( evt.target.classList.contains('mysurveillance20211022-0001') ) MakePopupVideo( "https://streamable.com/e/8i1jx5", "Surveillance video of me coming home (2021.10.22)", true );
	if( evt.target.classList.contains('mysurveillance20211110-0001') ) MakePopupVideo( "https://streamable.com/e/jkow7d", "Surveillance video of me coming home (2021.11.10)", true );
	if( evt.target.classList.contains('diptsuicourtl20211106-0001') ) displayPopupPicture( "./multimedia2/IMG-20211106-WA0001.jpg", "The current phase of development of Dip Tsui Court (2021.11.06)" );
	if( evt.target.classList.contains('myselfie20211111-0001') ) displayPopupPicture( "./multimedia2/20211111_090844.jpg", "Singles&#8242; Day in China (2021.11.11)" );
	if( evt.target.classList.contains('myselfie20211111-0002') ) displayPopupPicture( "./multimedia2/20211111_084624.jpg", "Singles&#8242; Day in China (2021.11.11)" );
	if( evt.target.classList.contains('mysurveillance20211111-0001') ) MakePopupVideo( "https://streamable.com/e/g6m77q", "Surveillance video of me coming home after dinner at my parents&#8242; home (2021.11.11)", true );
	if( evt.target.classList.contains('myselfie20211112-0001') ) displayPopupPdf( "./multimedia2/IMG-20211112.pdf", "Tamar Park (2021.11.12)" );
	if( evt.target.classList.contains('mybrother20211113-0001') ) displayPopupPicture( "./multimedia2/20211113_140119.jpg", "Me and my brother (2021.11.13)" );
	if( evt.target.classList.contains('mycompilation0211114-0001') ) displayPopupPdf( "./multimedia2/compilation-20211114.pdf", "My compilation (2021.11.14)" );
	if( evt.target.classList.contains('myselfie20211114-0001') ) displayPopupPicture( "./multimedia2/IMG_20211114_084516.jpg" );
	if( evt.target.classList.contains('ebitcam20211114-0001') ) MakePopupVideo( "https://streamable.com/e/e85clo", "Video of me (2021.11.14)" );
	if( evt.target.classList.contains('oceanpark20211115-0001') ) displayPopupPicture( "./multimedia2/IMG_20211115_114107.jpg", "Ocean Park (2021.11.15)" );
	if( evt.target.classList.contains('cityplaza20211125-0001') ) displayPopupPicture( "./multimedia2/20211125_163828.jpg", "Cityplaza Shopping Centre (2021.11.25)" );
	if( evt.target.classList.contains('selfie20211125-0001') ) displayPopupPicture( "./multimedia2/IMG_20211125_225851.jpg", "Selfie (2021.11.25)" );
	if( evt.target.classList.contains('eastcoastparkprecinct20211126-0001') ) displayPopupPicture( "./multimedia2/IMG_20211126_145547.jpg", "East Coast Park Precinct (2021.11.26)" );
	if( evt.target.classList.contains('reolink20211126-0001') ) MakePopupVideo( "https://streamable.com/e/yu02fh", "Surveillance video of me coming home (2021.11.26)" );
	if( evt.target.classList.contains('telfordplaza20211129-0001') ) displayPopupPicture( "./multimedia2/IMG_20211129_162129-cropped.jpg", "Christmas decorations at the Telford Plaza shopping mall (2021.11.29)" );
	if( evt.target.classList.contains('megabox20211129-0001') ) displayPopupPicture( "./multimedia2/IMG_20211129_175436-cropped.jpg", "Christmas decorations at the MegaBox shopping centre (2021.11.29)" );
	if( evt.target.classList.contains('welcometomywebsite20211204') ) MakePopupVideo( "https://streamable.com/e/6g7emi", "My collapsing tools bar concept (2021.05.18)", true );
	if( evt.target.classList.contains('whatsapp20210923-0001') ) displayPopupPicture( "./multimedia2/Screenshot_20211204-204547_WhatsApp.jpg", "WhatsApp message from my mother (2021.09.23)" );
	if( evt.target.classList.contains('selfie20211206-0001') ) displayPopupPicture( "./multimedia2/IMG_20211206_144858.jpg", "How I look with hair (2021.12.06)" );
	if( evt.target.classList.contains('sky100hk20211210-0001') ) displayPopupPicture( "./multimedia2/61b2e231f238ab00980b84ef.jpg", "Sky 100 Hong Kong Observation Deck Studio Photo (2021.12.10)" );
	if( evt.target.classList.contains('ebitcam20211212-0001') ) MakePopupVideo( "https://streamable.com/e/uqame9", "Video of me (2021.12.12)" );
	if( evt.target.classList.contains('mikikimall20211210-0001') ) displayPopupPicture( "./multimedia2/20211210_195107.jpg", "Passing through the Mikiki Mall upon leaving my parents&#8242; home (2021.12.10)" );
	if( evt.target.classList.contains('ninamall20211213-0001') ) displayPopupPicture( "./multimedia2/20211213_141427.jpg", "I went to Tsuen Wan West. Nina Mall Christmas Grotto. (2021.12.13)" );
	if( evt.target.classList.contains('Serenuscouture20211213-0001') ) displayPopupPicture( "./multimedia2/IMG_20211213_190531.jpg", "Serenus couture BANDAI SPIRITS CO., LTD. (2021.12.13)" );
	if( evt.target.classList.contains('myreceipt20211217-0001') ) displayPopupPicture( "./multimedia2/IMG_20211217_0001.jpg", "Estate Management&#8242;s receipt for conducting plumbing work (2021.12.17)" );
	if( evt.target.classList.contains('ebitcam20211217-0001') ) MakePopupVideo( "https://streamable.com/e/y31re0", "My reaction video to Mind Games Episode 8 (2021.12.17)" );
	if( evt.target.classList.contains('ebitcam20211218-0001') ) MakePopupVideo( "https://streamable.com/e/woky8h", "Video of me (2021.12.18)" );
	if( evt.target.classList.contains('myfacebook20211218_0001') ) displayPopupPicture( "./multimedia2/Web capture_18-12-2021_211627_www.facebook.com.jpg", "My ex-colleague did well indeed (2021.12.18)" );
	if( evt.target.classList.contains('megabox20211219-0001') ) displayPopupPicture( "./multimedia2/IMG_20211219_135213-enhanced-cropped.jpg", "Christmas decorations at the MegaBox shopping centre (2021.12.19)" );
	if( evt.target.classList.contains('myreceipt20211219-0001') ) displayPopupPicture( "./multimedia2/IMG_20211219_0001.jpg", "I bought a set pair of coasters from IKEA (2021.12.19)" );
	if( evt.target.classList.contains('voterregistration20211220-0001') ) displayPopupPicture( "./multimedia2/Web capture_20-12-2021_71838_www.voterregistration.gov.png", "I was disqualified from voting yesterday because I am certified mentally ill (2021.12.20)" );
	if( evt.target.classList.contains('myhkdisabilitycard20211220-0001') ) displayPopupPdf( "./multimedia2/my_hk_disability_card-2021.pdf", "My Hong Kong Disability Card (2021.12.20)" );
	if( evt.target.classList.contains('mybumble20211222-0001') ) displayPopupPdf( "./multimedia2/mybumble_20211222_0001.pdf", "My dating website conversations (2021.12.22)" );
	if( evt.target.classList.contains('myreceipt20211222-0001') ) displayPopupPicture( "./multimedia2/IMG_20211222_0001.jpg", "I was cheated of my chicken wing by Cafe de Coral (2021.12.22)" );
	if( evt.target.classList.contains('reolink20211223-0001') ) MakePopupVideo( "https://streamable.com/e/hnwhzx", "Video of me (2021.12.23)" );
	if( evt.target.classList.contains('sky100hk20211223-0001') ) displayPopupPicture( "./multimedia2/IMG_20211223_165405.jpg", "I bought an Acrylic Frame to display my Sky 100 Studio Photo (2021.12.23)" ); // Modified 2024-10-13
	if( evt.target.classList.contains('reolink20211223-0002') ) MakePopupVideo( "https://streamable.com/e/5a0yg8", "Video of me (2021.12.23)" );
	if( evt.target.classList.contains('selfie20200325-0001') ) displayPopupPicture( "./multimedia2/IMG_20200325_103836.jpg", "My 50th Birthday in 2020 (2020.03.25)" );
	if( evt.target.classList.contains('ycc365plus20190923-0001') ) MakePopupVideo( "https://streamable.com/e/ueh45v", "My first IPCam Video in 2019 (2019.09.23)", true );
	if( evt.target.classList.contains('myslideshow20121204-0001') ) MakePopupVideo( "https://streamable.com/e/6lg3p8", "My photos in 2012 (2012.12.04)", true );
	if( evt.target.classList.contains('myphoto20080517-0001') ) displayPopupPicture( "./multimedia2/P1000033.jpg", "My authenticated photo in 2008 (2008.05.17)" );
	if( evt.target.classList.contains('myphoto20080517-0002') ) displayPopupPicture( "./multimedia2/P1000026.jpg", "My authenticated photo in 2008 (2008.05.17)" );
	if( evt.target.classList.contains('myscan20211024-0001') ) displayPopupPicture( "./multimedia2/IMG_20211024_0008.jpg", "My scan of photo in 1999 (1999.03.25)" );
	if( evt.target.classList.contains('myscan20211024-0002') ) displayPopupPicture( "./multimedia2/IMG_20211024_0014.jpg", "My scan of photo in 1995 (1995.02.03)" );
	if( evt.target.classList.contains('myscan20211024-0003') ) displayPopupPicture( "./multimedia2/IMG_20211024_0013.jpg", "My scan of photo in 1992 (1992.10.28)" );
	if( evt.target.classList.contains('myscan20211024-0004') ) displayPopupPicture( "./multimedia2/IMG_20211024_0009.jpg", "My scan of photo in 1992 (1992.07.03)" );
	if( evt.target.classList.contains('reolink20211224-0001') ) MakePopupVideo( "https://streamable.com/e/4u6r81", "Video of me (2021.12.24)" );
	if( evt.target.classList.contains('reolink20211224-0002') ) MakePopupVideo( "https://streamable.com/e/mvysxq", "Video of me (2021.12.24)" );
	if( evt.target.classList.contains('canon20211224-0001') ) MakePopupVideo( "https://streamable.com/e/hxn4pw", "Video of me (2021.12.24)" );
	if( evt.target.classList.contains('mysurveillance20200814-0001') ) MakePopupVideo( "https://streamable.com/e/m0x2m3", "My first surveillance video of me coming home (2020.08.14)", true );
	if( evt.target.classList.contains('bandicam20220102-0001') ) MakePopupVideo( "https://streamable.com/e/rq96zt", "Video of me from my camcorder activity recording (2022.01.02)" );
	if( evt.target.classList.contains('bandicam20220102-0002') ) MakePopupVideo( "https://streamable.com/e/cqkris", "My reaction video to TV Awards Presentation 2021 (2022.01.02)" );
	if( evt.target.classList.contains('bandicam20220103-0001') ) MakePopupVideo( "https://streamable.com/e/ve8siu", "Video of me (2022.01.03)" );
	if( evt.target.classList.contains('bandicam20220104-0001') ) MakePopupVideo( "https://streamable.com/e/4sjtsm", "My reaction video to Big City Shop (2022.01.04)" );
	if( evt.target.classList.contains('bandicam20220104-0002') ) MakePopupVideo( "https://streamable.com/e/b8p58d", "Trivia: Are you good looking? (2022.01.04)" );
	if( evt.target.classList.contains('bandicam20220105-0001') ) MakePopupVideo( "https://streamable.com/e/ud3ya2", "My 50 WPM typing check (2022.01.05)" );
	if( evt.target.classList.contains('bandicam20220105-0002') ) MakePopupVideo( "https://streamable.com/e/znmefz", "Video of me (2022.01.05)" );
	if( evt.target.classList.contains('bandicam20220105-0003') ) MakePopupVideo( "https://streamable.com/e/c5u3fg", "Writing my prospects letter (2022.01.05)" );
	if( evt.target.classList.contains('bandicam20220106-0001') ) MakePopupVideo( "https://streamable.com/e/8iu7eo", "My reaction video to Ralph Macchio (The Karate Kid) on The Late Show with Stephen Colbert (2022.01.06)" );
	if( evt.target.classList.contains('bandicam20220106-0002') ) MakePopupVideo( "https://streamable.com/e/9znt0u", "My reaction video to The Late Show with Stephen Colbert Continued (2022.01.06)" );
	if( evt.target.classList.contains('bandicam20220106-0003') ) MakePopupVideo( "https://streamable.com/e/677jf6", "My reaction video to The Late Show with Stephen Colbert Full Version (2022.01.06)" );
	if( evt.target.classList.contains('bandicam20220107-0001') ) MakePopupVideo( "https://streamable.com/e/p6y6j9", "My reaction video to Twice members (2022.01.07)" );
	if( evt.target.classList.contains('bandicam20220107-0002') ) MakePopupVideo( "https://streamable.com/e/ddhr24", "Best Quality and Uncompressed Video of Me (2022.01.07)", true );
	if( evt.target.classList.contains('bandicam20220107-0003') ) MakePopupVideo( "https://streamable.com/e/cj8apv", "Video of me (2022.01.07)" );
	if( evt.target.classList.contains('bandicam20220107-0004') ) MakePopupVideo( "https://streamable.com/e/ymm0ql", "My reaction video to Genius Go Go Go (2022.01.07)" );
	if( evt.target.classList.contains('bandicam20220108-0001') ) MakePopupVideo( "https://streamable.com/e/fgg03u", "My reaction video and taking me back in time to Half-Hour of 1989 TV Commercials - 80s Commercial Compilation #7 (2022.01.08)" );
	if( evt.target.classList.contains('bandicam20220108-0002') ) MakePopupVideo( "https://streamable.com/e/fsmevg", "My reaction video to The Late Show with Stephen Colbert (2022.01.08)" );
	if( evt.target.classList.contains('bandicam20220108-0003') ) MakePopupVideo( "https://streamable.com/e/1weggd", "My reaction video to The Tonight Show Starring Jimmy Fallon (2022.01.08)" );
	if( evt.target.classList.contains('bandicam20220108-0004') ) MakePopupVideo( "https://streamable.com/e/zyjsdi", "The Internet is not going to help me find love. I have tried but no one wants to be acquainted with me (2022.01.08)" );
	if( evt.target.classList.contains('bandicam20220109-0001') ) MakePopupVideo( "https://streamable.com/e/3hb7in", "My reaction video to America&#8242;s Got Talent (2022.01.09)" );
	if( evt.target.classList.contains('bandicam20220109-0002') ) MakePopupVideo( "https://streamable.com/e/805l41", "My reaction video to Walking With You 2 (2022.01.09)" );
	if( evt.target.classList.contains('bandicam20220110-0001') ) MakePopupVideo( "https://streamable.com/e/v44e70", "Saying my prayers to God (2022.01.10)" );
	if( evt.target.classList.contains('bandicam20220110-0002') ) MakePopupVideo( "https://streamable.com/e/2dhvo9", "Watching Running Man for the last time of my life (2022.01.10)" );
	if( evt.target.classList.contains('bandicam20220111-0001') ) MakePopupVideo( "https://streamable.com/e/p3l918", "My reaction video to Jackie Chan on Friday Night With Jonathan Ross (2022.01.11)" );
	if( evt.target.classList.contains('bandicam20220111-0002') ) MakePopupVideo( "https://streamable.com/e/sc7nfd", "I don&#8242;t know when the construction work will ever be over because they intermit to prolong its life. I also believe the citizens are in collusion with the criminals in an attempt to ruin my life (2022.01.11)" );
	if( evt.target.classList.contains('bandicam20220112-0001') ) MakePopupVideo( "https://streamable.com/e/04oxgd", "My reaction video to John Cena on The Tonight Show Starring Jimmy Fallon (2022.01.12)" );
	if( evt.target.classList.contains('bandicam20220112-0002') ) MakePopupVideo( "https://streamable.com/e/2lathc", "Best Quality and Uncompressed Video of Me (2022.01.12)", true );
	if( evt.target.classList.contains('bandicam20220112-0003') ) MakePopupVideo( "https://streamable.com/e/0dn8s8", "The social worker arrived at my door to say that if I don&#8242;t turn up to the clinic next Tuesday then they will come to take me (2022.01.12)" );
	if( evt.target.classList.contains('bandicam20220113-0001') ) MakePopupVideo( "https://streamable.com/e/fw3aa6", "Asking God why they would want to take me to the hospital (2022.01.13)", true );
	if( evt.target.classList.contains('myconsumptionvoucher20220113-0001') ) displayPopupPicture( "./multimedia3/Screenshot_20220113-105216_Octopus.jpg", "I will be collecting a free HK$1,000 in money from the government (2022.01.13)" );
	if( evt.target.classList.contains('bandicam20220113-0002') ) MakePopupVideo( "https://streamable.com/e/vb71qw", "Chemistry between us (2022.01.13)" );
	if( evt.target.classList.contains('bandicam20220113-0003') ) MakePopupVideo( "https://streamable.com/e/uea8k0", "My reaction video to Keanu Reeves Takes The Colbert Questionert (2022.01.13)" );
	if( evt.target.classList.contains('bandicam20220114-0001') ) MakePopupVideo( "https://streamable.com/e/edfubo", "My reaction video to Prince&#8242;s Honours Stripped (2022.01.14)" );
	if( evt.target.classList.contains('selfie20220115-0001') ) displayPopupPicture( "./multimedia3/20220115_000916.jpg", "Selfie (2022.01.15)" );
	if( evt.target.classList.contains('selfie20220115-0002') ) displayPopupPicture( "./multimedia3/IMG_20220115_091301207.jpg", "Photo taken by my &quot;Test your webcam&quot; feature (2022.01.15)" );
	if( evt.target.classList.contains('selfie20220115-0003') ) displayPopupPicture( "./multimedia3/20220115_000452.jpg", "Selfie (2022.01.15)" );
	if( evt.target.classList.contains('bandicam20220115-0001') ) MakePopupVideo( "https://streamable.com/e/5ol3rq", "Video of me (2022.01.15)" );
	if( evt.target.classList.contains('bandicam20220116-0001') ) MakePopupVideo( "https://streamable.com/e/43pvnm", "My reaction video to Andy Lau new medley (2022.01.16)" );
	if( evt.target.classList.contains('bandicam20220116-0002') ) MakePopupVideo( "https://streamable.com/e/xfzfet", "47 min video of me (2022.01.16)" );
	if( evt.target.classList.contains('bandicam20230117-0001') ) MakePopupVideo( "https://streamable.com/e/9x59w6", "My reaction video to Instagram (2023.01.17)" );
	if( evt.target.classList.contains('mycv20230118-0001') ) displayPopupPdf( "./multimedia5/Cheuk_Wan_-_MSc_BEng(Hons)_CEFR_C1.pdf", "My Curriculum Vitae" );
	if( evt.target.classList.contains('selfie20230118-0001') ) displayPopupPicture( "./multimedia5/IMG_20230118_142751.jpg", "Photo of me (2023.01.18)" );
	if( evt.target.classList.contains('bandicam20230119-0001') ) MakePopupVideo( "https://streamable.com/e/32h7va", "My reaction video to May Pang interview (2023.01.19)" );
	if( evt.target.classList.contains('bandicam20230121-0001') ) MakePopupVideo( "https://streamable.com/e/ag9ihm", "My reaction video to May Pang interview 2 (2023.01.21)" );
	if( evt.target.classList.contains('bandicam20230126-0001') ) MakePopupVideo( "https://streamable.com/e/ousw94", "My reaction video to Instagram (2023.01.26)" );
	if( evt.target.classList.contains('selfie20230126-0001') ) displayPopupPicture( "./multimedia5/IMG_20230126_155712.jpg", "Photo of me (2023.01.26)" );
	if( evt.target.classList.contains('bandicam20230128-0001') ) MakePopupVideo( "https://streamable.com/e/mhkb9o", "My reaction video to Instagram (2023.01.28)" );
	if( evt.target.classList.contains('selfie20230128-0001') ) displayPopupPicture( "./multimedia5/20230128_161751.jpg", "Photo of me (2023.01.28)" );
	if( evt.target.classList.contains('selfie20230130-0001') ) displayPopupPicture( "./multimedia5/PXL_20230130_142603911.jpg", "Photo of me 1 (2023.01.30)" );
	if( evt.target.classList.contains('selfie20230130-0002') ) displayPopupPicture( "./multimedia5/PXL_20230130_142622299.jpg", "Photo of me 2 (2023.01.30)" );
	if( evt.target.classList.contains('selfie20230130-0003') ) displayPopupPicture( "./multimedia5/PXL_20230130_142639603.jpg", "Photo of me 3 (2023.01.30)" );
	if( evt.target.classList.contains('bandicam20230201-0001') ) MakePopupVideo( "https://streamable.com/e/7p2lpa", "My reaction video to &apos;PSY | Where has the singer of the hit Gangnam Style Gone?&apos; (2023.02.01)" );
	if( evt.target.classList.contains('bandicam20230201-0002') ) MakePopupVideo( "https://streamable.com/e/tz0eam", "Recording of me changing my Facebook Profile Photos (2023.02.01)" );
	if( evt.target.classList.contains('bandicam20230201-0003') ) MakePopupVideo( "https://streamable.com/e/7g4yq5", "Watch my first teaching job interview (2023.02.01)" );
	if( evt.target.classList.contains('bandicam20230202-0001') ) MakePopupVideo( "https://streamable.com/e/bvg5n9", "My reaction video to Hugh Jackman and James Hong interviews (2023.02.02)" );
	if( evt.target.classList.contains('bandicam20230202-0002') ) MakePopupVideo( "https://streamable.com/e/49uqvt", "My reaction video to new Harrison Ford movie (2023.02.02)" );
	if( evt.target.classList.contains('bandicam20230203-0001') ) MakePopupVideo( "https://streamable.com/e/wsra97", "My reaction video to TWICE (2023.02.03)" );
	if( evt.target.classList.contains('bandicam20230204-0001') ) MakePopupVideo( "https://streamable.com/e/o7yyfw", "My reaction video to Miss Hong Kong Lisa-Marie Tse (2023.02.04)" );
	if( evt.target.classList.contains('bandicam20230205-0001') ) MakePopupVideo( "https://streamable.com/e/9clcw9", "My reaction to Jimmy Fallon&#8242;s Mick Jagger impression (2023.02.05)", true );
	//if( evt.target.classList.contains('video20230208-0001') ) window.open( 'https://www.dropbox.com/s/znxncod2025ob1u/MVI_0101.MP4?dl=0', 'MyPopupWindow');
	if( evt.target.classList.contains('photo20230210-0001') ) displayPopupPicture( "./multimedia5/20230210_153709.jpg", "I love my draining rack (2023.02.10)" );
	if( evt.target.classList.contains('photo20230212-0001') ) displayPopupPicture( "./multimedia5/Snapchat-152771025.jpg", "Photo of me (2023.02.12)" );
	if( evt.target.classList.contains('bandicam20230212-0001') ) MakePopupVideo( "https://streamable.com/e/a2uq5r", "Video of me (2023.02.12)" );
	if( evt.target.classList.contains('bandicam20230213-0001') ) MakePopupVideo( "https://streamable.com/e/v3jtlo", "My reaction video to Reaction Mashup - The Flash Trailer (2023.02.13)" );
	if( evt.target.classList.contains('bandicam20230218-0001') ) MakePopupVideo( "https://streamable.com/e/wg5mgt", "My reaction to Lionel Richie and Katy Perry (2023.02.18)" );
	if( evt.target.classList.contains('bandicam20230219-0001') ) MakePopupVideo( "https://streamable.com/e/qltxdm", "My reaction video to Donnie Yen interview (2023.02.19)" );
	if( evt.target.classList.contains('bandicam20230224-0001') ) MakePopupVideo( "https://streamable.com/e/o0tckn", "This is when I first learned of the people&#8242;s plan of re-enforcing my treatment compliance after I eventually leave the hostel (2023.02.23)" );
	if( evt.target.classList.contains('bandicam20230226-0001') ) MakePopupVideo( "https://streamable.com/e/f8qrqz", "My reaction video to Tom Cruise interview (2023.02.26)" );
	if( evt.target.classList.contains('bandicam20230303-0001') ) MakePopupVideo( "https://streamable.com/e/bwwzin", "My reaction video to Michelle Yeoh interview (2023.03.03)" );
	if( evt.target.classList.contains('bandicam20230303-0002') ) MakePopupVideo( "https://streamable.com/e/2sdn8u", "My reaction video to Sheryl Lee Ralph and Ke Huy Quan interview (2023.03.03)" );
	if( evt.target.classList.contains('bandicam20230303-0003') ) MakePopupVideo( "https://streamable.com/e/huyh9w", "My reaction video to Kevin Bacon interview (2023.03.03)" );
	if( evt.target.classList.contains('bandicam20230304-0001') ) MakePopupVideo( "https://streamable.com/e/12eq93", "Video of me (2023.03.04)" );
	if( evt.target.classList.contains('bandicam20230304-0002') ) MakePopupVideo( "https://streamable.com/e/0zymrw", "My reaction video to John Williams and Steven Spielberg interview (2023.03.04)" );
	if( evt.target.classList.contains('photo20230305-0001') ) displayPopupPicture( "./multimedia5/IMG_20230305_135254.jpg", "Photo of me in Stanley 1 (2023.03.05)" );
	if( evt.target.classList.contains('photo20230305-0002') ) displayPopupPicture( "./multimedia5/20230305_141227.jpg", "Photo of me in Stanley 2 (2023.03.05)" );
	if( evt.target.classList.contains('photo20230305-0003') ) displayPopupPicture( "./multimedia5/20230305_145530.jpg", "Photo of me in Stanley 3 (2023.03.05)" );
	if( evt.target.classList.contains('bandicam20230306-0001') ) MakePopupVideo( "https://streamable.com/e/csu400", "Video of me (2023.03.06)" );
	if( evt.target.classList.contains('bandicam20230307-0001') ) MakePopupVideo( "https://streamable.com/e/xo8tre", "Video of me (2023.03.07)" );
	if( evt.target.classList.contains('photo20230308-0001') ) displayPopupPicture( "./multimedia5/IMG_20230308_154509.jpg", "Photo of me in Chai Wan Park 1 (2023.03.08)" );
	if( evt.target.classList.contains('photo20230308-0002') ) displayPopupPicture( "./multimedia5/IMG_20230308_160237.jpg", "Photo of me in Chai Wan Park 2 (2023.03.08)" );
	if( evt.target.classList.contains('photo20080510-0001') ) displayPopupPicture( "./multimedia5/P1000021.JPG", "Photo of me in 2008 (2008.05.10)" );
	if( evt.target.classList.contains('photo20230320-0001') ) displayPopupPicture( "./multimedia5/20230320_130339.jpg", "Photo of me (2023.03.20)" );
	if( evt.target.classList.contains('bandicam20230320-0001') ) MakePopupVideo( "https://streamable.com/e/7acdh4", "Video of my brother and his wife in my home for the first time (2023.03.20)" );
	if( evt.target.classList.contains('bandicam20230404-0001') ) MakePopupVideo( "https://streamable.com/e/7mds0w", "Video of me (2023.04.04)" );
	if( evt.target.classList.contains('eml20230405-0001') ) MakePopupText( "./multimedia6/Application for the Position of Native English Teacher (Full Time) - Hong Kong.txt", "Application for the Position of Native English Teacher (Full Time) - Hong Kong (2023.04.05)" );
	if( evt.target.classList.contains('video20230203-0001') ) MakePopupVideo( "https://streamable.com/e/uualh3", "Watch my teaching job application video (2023.02.03)" );
	if( evt.target.classList.contains('video20230208-0001') ) MakePopupVideo( "https://streamable.com/e/44r8oy", "Watch my teaching job application video (2023.02.08)" );
	if( evt.target.classList.contains('bandicam20230406-0001') ) MakePopupVideo( "https://streamable.com/e/09tu50", "My reaction video to Richard Branson interview (2023.04.06)" );
	if( evt.target.classList.contains('bandicam20230406-0002') ) MakePopupVideo( "https://streamable.com/e/w2une2", "Video of me (2023.04.06)" );
	if( evt.target.classList.contains('MakePopupCameraPage-0001') ) {clearMemory(); MakePopupCameraPage();}
	if( evt.target.classList.contains('bandicam20230411-0001') ) MakePopupVideo( "https://streamable.com/e/ngdwz9", "Video of me (2023.04.11)" );
	if( evt.target.classList.contains('bandicam20230414-0001') ) MakePopupVideo( "https://streamable.com/e/0ijpx8", "My reaction video to Jurassic World: Dominion (2023.04.14)" );
	if( evt.target.classList.contains('ebitcam20230414-0001') ) MakePopupVideo( "https://streamable.com/e/usq8nz", "Video of me (2023.04.14)" );
	if( evt.target.classList.contains('ebitcam20220124-0001') ) MakePopupVideo( "https://streamable.com/e/d00fqs", "My arrest video - Part 1 (2022.01.24)" );
	if( evt.target.classList.contains('ebitcam20220124-0002') ) MakePopupVideo( "https://streamable.com/e/2sw3h8", "My arrest video - Part 2 (2022.01.24)" );
	if( evt.target.classList.contains('ebitcam20220124-0003') ) MakePopupVideo( "https://streamable.com/e/9httau", "My arrest video - Part 3 (2022.01.24)" );
	if( evt.target.classList.contains('ebitcam20220124-0004') ) MakePopupVideo( "https://streamable.com/e/ts0tou", "My arrest video - Part 4 (2022.01.24)" );
	if( evt.target.classList.contains('bandicam20230416-0001') ) MakePopupVideo( "https://streamable.com/e/edeyov", "Video of me (2023.04.16)" );
	if( evt.target.classList.contains('bandicam20230418-0001') ) MakePopupVideo( "https://streamable.com/e/hnmsyz", "Video of me (2023.04.18)" );
	if( evt.target.classList.contains('photo20230421-0001') ) displayPopupPicture( "./multimedia6/IMG_20230421_143636.jpg", "I love my new key chain (2023.04.21)" );
	if( evt.target.classList.contains('bandicam20230421-0001') ) MakePopupVideo( "https://streamable.com/e/8fs19a", "My reaction video to receiving my key chain (2023.04.21)" );
	if( evt.target.classList.contains('bandicam20230504-0001') ) MakePopupVideo( "https://streamable.com/e/ncm6vk", "Talking to my social worker (2023.05.04)" );
	if( evt.target.classList.contains('bandicam20230611-0001') ) MakePopupVideo( "https://streamable.com/e/leo2p5", "Video of me (2023.06.11)" );
	if( evt.target.classList.contains('bandicam20230618-0001') ) MakePopupVideo( "https://streamable.com/e/refi7i", "Video of me (2023.06.18)" );
	if( evt.target.classList.contains('bandicam20230622-0001') ) MakePopupVideo( "https://streamable.com/e/xc1auv", "Video of me (2023.06.22)" );
	if( evt.target.classList.contains('photo20230622-0001') ) displayPopupPicture( "./multimedia7/IQTest.png", "My IQ &#8212; one time test (2023.06.22)" ); // Modified 2024-10-13
	if( evt.target.classList.contains('bandicam20230625-0001') ) MakePopupVideo( "https://streamable.com/e/y364v0", "Video of me (2023.06.25)" );
	if( evt.target.classList.contains('bandicam20230701-0001') ) MakePopupVideo( "https://streamable.com/e/y7z9te", "Video of me watching TV on July 1 (2023.07.01)" );
	if( evt.target.classList.contains('mylogo20230704-0001') ) displayPopupPicture( "./images/favicon.png", "My logo (released 2023.07.04)" );
	if( evt.target.classList.contains('bandicam20230707-0001') ) MakePopupVideo( "https://streamable.com/e/2hwk8c", "My reaction video to Princess Kate meets Paul McCartney (2023.07.07)" );
	if( evt.target.classList.contains('bandicam20230707-0002') ) MakePopupVideo( "https://streamable.com/e/2sz5pi", "Video of me speaking (2023.07.07)" );
	if( evt.target.classList.contains('bandicam20230708-0001') ) MakePopupVideo( "https://streamable.com/e/qu0n8m", "My reaction video to TWICE (2023.07.08)" );
	if( evt.target.classList.contains('photo20230709-0001') ) displayPopupPicture( "./multimedia7/screenshot_20200930_105745.jpg", "My litigating video was remade" );
	if( evt.target.classList.contains('video20230713-0001') ) MakePopupVideo( "https://streamable.com/e/qlryg7", "Our hostel washroom" );
	if( evt.target.classList.contains('bandicam20230713-0001') ) MakePopupVideo( "https://streamable.com/e/fe2m98", "Video of me speaking (2023.07.13)" );
	if( evt.target.classList.contains('photo20230714-0001') ) displayPopupPicture( "./multimedia7/IMG_20230708_215015.jpg", "Bowling activity organised by my hostel (2023.07.15)" );
	if( evt.target.classList.contains('photo20230716-0001') ) displayPopupPicture( "./multimedia7/Screenshot_20230715_110354_LinkedIn.jpg", "The HKSAR Government searched me on the LinkedIn jobsite" );
	if( evt.target.classList.contains('bandicam20230716-0001') ) MakePopupVideo( "https://streamable.com/e/9dmc05", "Video of me speaking (2023.07.16)" );
	if( evt.target.classList.contains('bandicam20230720-0001') ) MakePopupVideo( "https://streamable.com/e/k2nm8b", "Video of me speaking (2023.07.20)" );
	if( evt.target.classList.contains('reolink20230726-0001') ) MakePopupVideo( "https://streamable.com/e/m6nfcv", "Video of me eating and drinking (2023.07.26)" );
	if( evt.target.classList.contains('meta_threads_twitter_brandlogos20230727-0001') ) displayPopupPicture( "./multimedia7/meta_threads_twitter_brandlogos.png", "Meta, Threads, Twitter (2023.07.27)" ); // Modified 2024-10-13
	if( evt.target.classList.contains('bandicam20230728-0001') ) MakePopupVideo( "https://streamable.com/e/vzcjvu", "My reaction video to Stephen Curry eating spicy wings (2023.07.28)" );
	if( evt.target.classList.contains('bandicam20230731-0001') ) MakePopupVideo( "https://streamable.com/e/wfna8b", "My reaction video to Tamiya&apos;s brand new RC Car (2023.07.31)" );
	if( evt.target.classList.contains('bandicam20230803-0001') ) MakePopupVideo( "https://streamable.com/e/noqpeq", "My reaction video to Hong Kong&apos;s three stars interview (2023.08.03)" );
	if( evt.target.classList.contains('bandicam20230804-0001') ) MakePopupVideo( "https://streamable.com/e/qnckk3", "My reaction video to Paul McCartney&apos;s Australian interview (2023.08.04)" );
	if( evt.target.classList.contains('bandicam20230805-0001') ) MakePopupVideo( "https://streamable.com/e/k6196f", "Video of me (2023.08.05)" );
	if( evt.target.classList.contains('bandicam20230806-0001') ) MakePopupVideo( "https://streamable.com/e/64pftm", "Video of me speaking (2023.08.06)" );
	if( evt.target.classList.contains('apowersoft20230809-0001') ) MakePopupVideo( "https://streamable.com/e/mo46yn", "Video of me speaking (2023.08.09)" );
	if( evt.target.classList.contains('apowersoft20230810-0001') ) MakePopupVideo( "https://streamable.com/e/pkko23", "Video of me speaking (2023.08.10)" );
	if( evt.target.classList.contains('bandicam20230811-0001') ) MakePopupVideo( "https://streamable.com/e/5rx46x", "Video of me speaking (2023.08.11)" );
	if( evt.target.classList.contains('bandicam20230812-0001') ) MakePopupVideo( "https://streamable.com/e/18o1c8", "Video of me speaking - My reaction video to The Weeknd &amp; Ariana Grande &#8212; Save Your Tears (Live on The 2021 iHeart Radio Music Awards)" );
	if( evt.target.classList.contains('bandicam20230814-0001') ) MakePopupVideo( "https://streamable.com/e/xblgzz", "Video of me speaking - Q &amp; A Game (2023.08.14)" );
	if( evt.target.classList.contains('bandicam20230821-0001') ) MakePopupVideo( "https://streamable.com/e/2yh0sp", "Video of me trying on my new shorts (2023.08.21)" );
	if( evt.target.classList.contains('bandicam20230822-0001') ) MakePopupVideo( "https://streamable.com/e/adpys5", "My reaction video to Sony Ad (2023.08.22)" );
	if( evt.target.classList.contains('bandicam20230909-0001') ) MakePopupVideo( "https://streamable.com/e/xsqadw", "Video of me in my new Tank Top (2023.09.09)" );
	if( evt.target.classList.contains('bandicam20230909-0002') ) MakePopupVideo( "https://streamable.com/e/uqja18", "My reaction video to unboxing of Sony ZV-1F Camera (2023.09.09)" );
	if( evt.target.classList.contains('bandicam20230912-0001') ) MakePopupVideo( "https://streamable.com/e/td79k9", "Finally discovered how to record restricted content (2023.09.12)" );
	if( evt.target.classList.contains('bandicam20230916-0001') ) MakePopupVideo( "https://streamable.com/e/a5tmxm", "My reaction video to Hot Toys Robocop 3 Special Edition Figure Unboxing (2023.09.16)" );
	if( evt.target.classList.contains('bandicam20230919-0001') ) MakePopupVideo( "https://streamable.com/e/yim4id", "My reaction video to SEJEONG also raps in King of Masked Singer (2023.09.19)" );
	if( evt.target.classList.contains('bandicam20231022-0001') ) MakePopupVideo( "https://streamable.com/e/7rz6wk", "My reaction video to The Do Show (2023.10.22)" );
	if( evt.target.classList.contains('bandicam20231102-0001') ) MakePopupVideo( "https://streamable.com/e/j2gc09", "My reaction video to Instagram - Now and then Celebs (2023.11.02)" );
	if( evt.target.classList.contains('bandicam20231127-0001') ) MakePopupVideo( "https://streamable.com/e/gbn5oh", "Watch me finish the Burnout game (2023.11.27)" );
	if( evt.target.classList.contains('bandicam20231204-0001') ) MakePopupVideo( "https://streamable.com/e/dz956b", "My reaction video to TWICE (2023.12.04)" );
	if( evt.target.classList.contains('bandicam20231012-0001') ) MakePopupVideo( "https://streamable.com/e/f9nyve", "Watch my teaching job application video (2023.10.12)" );
	if( evt.target.classList.contains('bandicam20231224-0001') ) MakePopupVideo( "https://streamable.com/e/u69tx3", "Watch me play Galaga (2023.12.24)", false, 0.3 );
	if( evt.target.classList.contains('bandicam20231226-0001') ) MakePopupVideo( "https://streamable.com/e/lpdhmh", "Video of me (2023.12.26)", false, 0.3 );
	if( evt.target.classList.contains('bandicam20231226-0002') ) MakePopupVideo( "https://streamable.com/e/q4su95", "Video of me (2023.12.26)", false, 0.3 );
	if( evt.target.classList.contains('video20231227-0001') ) MakePopupVideo( "https://streamable.com/e/ojuz3y", "This is my fish tank (2023.12.27)", true );
	if( evt.target.classList.contains('bandicam20231231-0001') ) MakePopupVideo( "https://streamable.com/e/iv6w0v", "Video of me (2023.12.31)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20231231-0002') ) MakePopupVideo( "https://streamable.com/e/v2iir9", "My reaction video to Jolin Tsai (2023.12.31)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240101-0001') ) MakePopupVideo( "https://streamable.com/e/qlaxgv", "President Xi Jinping delivers 2024 New Year address (2024.01.01)", false, 0.3 );
	if( evt.target.classList.contains('bandicam20240104-0001') ) MakePopupVideo( "https://streamable.com/e/y7stxl", "Video of me by my new webcam (2024.01.04)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240108-0001') ) MakePopupVideo( "https://streamable.com/e/65unyx", "My reaction video to Entertainment News (2024.01.08)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240111-0001') ) MakePopupVideo( "https://streamable.com/e/wbpye7", "My reaction video to a screen kiss (2024.01.11)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240114-0001') ) MakePopupVideo( "https://streamable.com/e/umeu0m", "Video of me (2024.01.14)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240114-0002') ) MakePopupVideo( "https://streamable.com/e/uzji99", "My reaction video to TV Awards Presentation 2023 (2024.01.14)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240115-0001') ) MakePopupVideo( "https://streamable.com/e/noqojm", "My reaction video to Barbie (2024.01.15)" );
	if( evt.target.classList.contains('bandicam20240121-0001') ) MakePopupVideo( "https://streamable.com/e/xzsjii", "Video of me (2024.01.21)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240122-0001') ) MakePopupVideo( "https://streamable.com/e/knmndt", "My reaction video to I Did It My Way cast interview (2024.01.22)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240122-0002') ) MakePopupVideo( "https://streamable.com/e/w4gocb", "My reaction video to Takuya Kimura (2024.01.22)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240124-0001') ) MakePopupVideo( "https://streamable.com/e/6sfx30", "Video of me (2024.01.24)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240126-0001') ) MakePopupVideo( "https://streamable.com/e/po36fc", "My reaction video to Entertainment News (2024.01.26)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240201-0001') ) MakePopupVideo( "https://streamable.com/e/n7s396", "My reaction video to Kathryn Newton (2024.02.01)" );
	if( evt.target.classList.contains('bandicam20240201-0002') ) MakePopupVideo( "https://streamable.com/e/yljdzy", "My reaction video to Arnold Schwarzenegger (2024.02.01)" );
	if( evt.target.classList.contains('bandicam20240202-0001') ) MakePopupVideo( "https://streamable.com/e/9miimy", "Video of me (2024.02.02)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240207-0001') ) MakePopupVideo( "https://streamable.com/e/2q0b44", "Video of me assembling the IKEA MATCHSPEL gaming chair (2024.02.07)" );
	if( evt.target.classList.contains('bandicam20240210-0001') ) MakePopupVideo( "https://streamable.com/e/t7o7dp", "Video of me (2024.02.10)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240217-0001') ) MakePopupVideo( "https://streamable.com/e/a16tby", "Video of me (2024.02.17)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240221-0001') ) MakePopupVideo( "https://streamable.com/e/26epa8", "Video of me (2024.02.21)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240224-0001') ) MakePopupVideo( "https://streamable.com/e/1ihfo7", "My reaction video to Entertainment News (2024.02.24)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240224-0002') ) MakePopupVideo( "https://streamable.com/e/p5jc11", "Video of me (2024.02.24)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240224-0003') ) MakePopupVideo( "https://streamable.com/e/kximcz", "Video of me (2024.02.24)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240229-0001') ) MakePopupVideo( "https://streamable.com/e/3th1d9", "Video of me (2024.02.29)" );
	if( evt.target.classList.contains('bandicam20240306-0001') ) MakePopupVideo( "https://streamable.com/e/bw50w1", "My reaction video to Entertainment News (2024.03.06)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240331-0001') ) MakePopupVideo( "https://streamable.com/e/43gecd", "Video of me (2024.03.31)" );
	if( evt.target.classList.contains('bandicam20240403-0001') ) MakePopupVideo( "https://streamable.com/e/nr5dgq", "Video of me speaking (2024.04.03)" );
	if( evt.target.classList.contains('bandicam20240408-0001') ) MakePopupVideo( "https://streamable.com/e/7smus8", "Watch my job interview (2024.04.08)" );
	if( evt.target.classList.contains('bandicam20240416-0001') ) MakePopupVideo( "https://streamable.com/e/z42xox", "Video of me (2024.04.16)" );
	if( evt.target.classList.contains('bandicam20240417-0001') ) MakePopupVideo( "https://streamable.com/e/mm5aba", "My reaction video to Dream Home (2024.04.17)" );
	if( evt.target.classList.contains('bandicam20240423-0001') ) MakePopupVideo( "https://streamable.com/e/m0hv28", "My reaction video to Entertainment News (2024.04.23)" );
	if( evt.target.classList.contains('bandicam20240425-0001') ) MakePopupVideo( "https://streamable.com/e/ntmpi0", "My reaction video to The Tonight Show Starring Jimmy Fallon (2024.04.25)" );
	if( evt.target.classList.contains('bandicam20240429-0001') ) MakePopupVideo( "https://streamable.com/e/36f5yg", "My reaction video to Entertainment News (2024.04.29)" );
	if( evt.target.classList.contains('bandicam20240429-0002') ) MakePopupVideo( "https://streamable.com/e/0kp3nj", "My reaction video to Big City Shop (2024.04.29)" );
	if( evt.target.classList.contains('bandicam20240505-0001') ) MakePopupVideo( "https://streamable.com/e/ssb0p6", "My reaction video to Venus Chi (2024.05.05)" );
	if( evt.target.classList.contains('bandicam20240510-0001') ) MakePopupVideo( "https://streamable.com/e/ylkbwh", "My reaction video to Ryan Gosling (2024.05.10)" );
	if( evt.target.classList.contains('bandicam20240511-0001') ) MakePopupVideo( "https://streamable.com/e/hljyog", "My reaction video to Nancy Sit radio podcast (2024.05.11)" );
	if( evt.target.classList.contains('bandicam20240511-0002') ) MakePopupVideo( "https://streamable.com/e/lsjmki", "Video of me (2024.05.11)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240514-0001') ) MakePopupVideo( "https://streamable.com/e/wmo32s", "My reaction video to Big City Shop (2024.05.14)" );
	if( evt.target.classList.contains('bandicam20240516-0001') ) MakePopupVideo( "https://streamable.com/e/zmixkb", "My reaction video to King Charles (2024.05.16)" );
	if( evt.target.classList.contains('bandicam20240520-0001') ) MakePopupVideo( "https://streamable.com/e/d0e8yn", "My reaction video to Pope Francis (2024.05.20)" );
	if( evt.target.classList.contains('bandicam20240521-0001') ) MakePopupVideo( "https://streamable.com/e/nl1nyw", "My reaction video to Will Smith and Martin Lawrence (2024.05.21)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240521-0002') ) MakePopupVideo( "https://streamable.com/e/7irpri", "My reaction video to Big City Shop (2024.05.21)" );
	if( evt.target.classList.contains('bandicam20240523-0001') ) MakePopupVideo( "https://streamable.com/e/g1boza", "My reaction video to Andy Lau and Gigi Yim (2024.05.23)" );
	if( evt.target.classList.contains('bandicam20240524-0001') ) MakePopupVideo( "https://streamable.com/e/r0yiax", "Video of me (2024.05.24)", false, 0.5 );
	if( evt.target.classList.contains('bandicam20240525-0001') ) MakePopupVideo( "https://streamable.com/e/hpo134", "Video of me (2024.05.25)" );
	if( evt.target.classList.contains('photo20240604-0001') ) displayPopupPicture( "./multimedia10/100_0005.JPG", "Photo of me 1 (2024.06.04)" );
	if( evt.target.classList.contains('photo20240604-0002') ) displayPopupPicture( "./multimedia10/100_0006.JPG", "Photo of me 2 (2024.06.04)" );
	if( evt.target.classList.contains('photo20240604-0003') ) displayPopupPicture( "./multimedia10/100_0022.JPG", "Photo of me 3 (2024.06.04)" );
	if( evt.target.classList.contains('photo20240608-0001') ) displayPopupPicture( "./multimedia10/Impersonator_2024-06-08.jpg", "Somebody by the name of Cheuk Ming is using YouTube and is not me (2024.06.08)" );
	if( evt.target.classList.contains('photo20240618-0001') ) displayPopupPicture( "./multimedia10/100_0091.JPG", "Photo of me (2024.06.18)" );
	if( evt.target.classList.contains('bandicam20240628-0001') ) MakePopupVideo( "https://streamable.com/e/qzwjbr", "Video of me (2024.06.28)" );
	if( evt.target.classList.contains('photo20240714-0001') ) displayPopupPicture( "./multimedia10/DSCF75282.jpg", "I like this photo so much. It&#8242;s now yours. (2023.11.28)" ); // Modified 2024-10-18
	if( evt.target.classList.contains('video20240729-0001') ) MakePopupVideo( "https://streamable.com/e/8alfhk", "When I was younger" );
	if( evt.target.classList.contains('bandicam20240803-0001') ) MakePopupVideo( "https://streamable.com/e/xxt598", "Video of me speaking (2024.08.03)" );
	if( evt.target.classList.contains('bandicam20240811-0001') ) MakePopupVideo( "https://streamable.com/e/y8htqf", "My reaction to the Olympics Basketball Final (2024.08.11)" );
	if( evt.target.classList.contains('bandicam20240901-0001') ) MakePopupVideo( "https://streamable.com/e/u9ztar", "Video of me speaking - progress update (2024.09.01)" );
	//if( evt.target.classList.contains('bandicam20240901-0001') ) MakePopupVideo( "./multimedia11/bandicam 2024-09-01 15-48-27-259.mp4", "Video of me speaking - progress update (2024.09.01)" );
	if( evt.target.classList.contains('bandicam20240908-0001') ) MakePopupVideo( "https://streamable.com/e/hgn7y6", "My reaction video to Entertainment News (2024.09.08)" );
	if( evt.target.classList.contains('bandicam20201118-0001') ) MakePopupVideo( "https://streamable.com/e/dtr6uh", "Payment dispute with the locksmith for an emergency lock replacement (2020.11.18)" );
	if( evt.target.classList.contains('mywedding20090816-0001') ) MakePopupVideo( "https://streamable.com/e/61jx8p", "My first wedding slideshow (2009.08.16)" );
	if( evt.target.classList.contains('photo20240914-0001') ) displayPopupPicture( "./multimedia11/WhatsAppImage001.jpg", "My British Born Chinese friend&#8242;s photos of her travel to Australia (2024.09.14)" );
	if( evt.target.classList.contains('bandicam20240916-0001') ) MakePopupVideo( "https://streamable.com/e/zw1sz7", "My reaction video to friend&#8242;s bank account details (2024.09.16)" );
	if( evt.target.classList.contains('myphotos20231217-0001') ) displayPopupPdf( "./multimedia11/photos_2023-12-17.pdf", "Christmas (2023.12.17)" );
	if( evt.target.classList.contains('bandicam20220110-0003') ) MakePopupVideo( "https://streamable.com/e/cv3d1q", "My reaction video to Laurence Fishburne (The Matrix) on Friday Night With Jonathan Ross (2022.01.10)" );
	if( evt.target.classList.contains('bandicam20220109-0003') ) MakePopupVideo( "https://streamable.com/e/c0h39f", "My reaction video to the game of Charade (2022.01.09)" );
	if( evt.target.classList.contains('bandicam20220109-0004') ) MakePopupVideo( "https://streamable.com/e/8prqn9", "My reaction video to SEAN LENNON INTERVIEWS PAUL McCARTNEY AT LENNON 80 (2022.01.09)" );
	if( evt.target.classList.contains('ebitcam20211107-0001') ) MakePopupVideo( "https://streamable.com/e/zlsgz8", "My reaction video to: Squid Game - S01E06 - Gganbu *** Spoiler Alert *** (2021.11.07)" );
	if( evt.target.classList.contains('mirrorplus20211104-0001') ) MakePopupVideo( "https://streamable.com/e/3jdxv3", "Face mirror app (2021.11.04)", true );
	if( evt.target.classList.contains('ebitcam20211028-0001') ) MakePopupVideo( "https://streamable.com/e/xxmg6u", "The maintenance crew finished with the inspection of my home for the source of a dripping downstairs water leak (2021.10.28)" );
	if( evt.target.classList.contains('ebitcam20211024-0001') ) MakePopupVideo( "https://streamable.com/e/aqyo92", "Video of me (2021.10.24)" );
	if( evt.target.classList.contains('ebitcam20211023-0001') ) MakePopupVideo( "https://streamable.com/e/ibf6l0", "Video of me (2021.10.23)" );
	if( evt.target.classList.contains('ebitcam20210922-0002') ) MakePopupVideo( "https://streamable.com/e/oa62mm", "Video of me (2021.09.22)" );
	if( evt.target.classList.contains('ebitcam20210920-0002') ) MakePopupVideo( "https://streamable.com/e/058p75", "Cleaning my fan efficiently (2021.09.20)" );
	if( evt.target.classList.contains('ebitcam20210911-0002') ) MakePopupVideo( "https://streamable.com/e/wsgzih", "Video of me listening to music (2021.09.11)" );
	if( evt.target.classList.contains('ebitcam20210902-0001') ) MakePopupVideo( "https://streamable.com/e/set4n0", "Video of me (2021.09.02)" );
	if( evt.target.classList.contains('ebitcam20210903-0001') ) MakePopupVideo( "https://streamable.com/e/omc403", "Video of me (2021.09.03)" );
	if( evt.target.classList.contains('ebitcam20210905-0001') ) MakePopupVideo( "https://streamable.com/e/aez0my", "Video of me (2021.09.05)" );
	if( evt.target.classList.contains('ebitcam20210906-0001') ) MakePopupVideo( "https://streamable.com/e/wxiqaj", "Video of me (2021.09.06)" );
	if( evt.target.classList.contains('ebitcam20210801-0001') ) MakePopupVideo( "https://streamable.com/e/vki0ze", "Olympic Men&#8242;s 100m Final (2021.08.01)" );
	if( evt.target.classList.contains('ebitcam20210706-0001') ) MakePopupVideo( "https://streamable.com/e/haixyh", "Surveillance video of me coming home (2021.07.06)" );
	if( evt.target.classList.contains('ebitcam20210724-0001') ) MakePopupVideo( "https://streamable.com/e/woao06", "Watching the Olympic Men&#8242;s Cycling Road Race finishing (2021.07.24)" );
	if( evt.target.classList.contains('ebitcam20210729-0001') ) MakePopupVideo( "https://streamable.com/e/ncocb8", "Watching the Olympic Table Tennis Women&#8242;s Singles Bronze Medal Match (2021.07.29)" );
	if( evt.target.classList.contains('chess20180808-0001') ) MakePopupVideo( "https://streamable.com/e/kwsyfg", "My Chess game (2018.08.08)" );
	if( evt.target.classList.contains('chess20210224-0001') ) MakePopupVideo( "https://streamable.com/e/5cxuno", "My Chess game (2021.02.24)" );
	if( evt.target.classList.contains('ebitcam20210916-0002') ) MakePopupVideo( "https://streamable.com/e/6entvs", "Long video of me (2021.09.16)" );
	if( evt.target.classList.contains('desktop20190630-0001') ) MakePopupVideo( "https://streamable.com/e/rqfzag", "Desktop (2019.06.30)", true );
	if( evt.target.classList.contains('desktop20210831-0001') ) MakePopupVideo( "https://streamable.com/e/r7kbbn", "6th Desktop (2021.08.31)", true );
	if( evt.target.classList.contains('desktop20210831-0002') ) MakePopupVideo( "https://streamable.com/e/kyvo5d", "7th Desktop (2021.08.31)", true );
	if( evt.target.classList.contains('desktop20210902-0001') ) MakePopupVideo( "https://streamable.com/e/4suzxr", "Desktop (2021.09.02)", true );
	if( evt.target.classList.contains('desktop20210908-0001') ) MakePopupVideo( "https://streamable.com/e/x7vvqk", "Desktop (2021.09.08)", true );
	if( evt.target.classList.contains('desktop20210919-0001') ) MakePopupVideo( "https://streamable.com/e/364yro", "8th Desktop (2021.09.19)", true );
	if( evt.target.classList.contains('desktop20210921-0001') ) MakePopupVideo( "https://streamable.com/e/g86ecd", "Desktop (2021.09.21)", true );
	if( evt.target.classList.contains('desktop20210930-0001') ) MakePopupVideo( "https://streamable.com/e/qpwk9y", "Desktop (2021.09.30)", true );
	if( evt.target.classList.contains('document20210707-0001') ) MakePopupVideo( "https://streamable.com/e/0lq94e", "My academic qualifications (2021.07.07)" );
	if( evt.target.classList.contains('document20210708-0001') ) MakePopupVideo( "https://streamable.com/e/qljf6f", "My employment history (2021.07.08)" );
	if( evt.target.classList.contains('document20210708-0002') ) MakePopupVideo( "https://streamable.com/e/nuhgd0", "My passport (2021.07.08)" );
	//if( evt.target.classList.contains('bandicam20241010-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-10-10 16-41-04-320.mp4", "My reaction video to Harrison Ford and Henry Winkler interviews (2024.10.10)" );
	if( evt.target.classList.contains('bandicam20241010-0001') ) MakePopupVideo( "https://streamable.com/e/5zrqs1", "My reaction video to Harrison Ford and Henry Winkler interviews (2024.10.10)" );
	if( evt.target.classList.contains('photo20211028-0001') ) displayPopupPicture( "./multimedia2/IMG_20211028_074947-enhanced-cropped-removebg-0002.jpg", "Selfie with a new background (2021.10.28)" );
	//if( evt.target.classList.contains('mycam20200519-0001') ) MakePopupVideo( "./multimedia12/200519-104845.mp4", "Video of my shaving (2020.05.19)" );
	if( evt.target.classList.contains('mycam20200519-0001') ) MakePopupVideo( "https://streamable.com/e/65ga0m", "Video of me shaving (2020.05.19)" );
	if( evt.target.classList.contains('myselfie20200616-0001') ) displayPopupPicture( "./multimedia12/IMG_20200616_160112345.jpg", "Selfie (2020.06.16)" );
	if( evt.target.classList.contains('mytest20200712-0001') ) displayPopupPicture( "./multimedia12/english-grammer-test-38-out-of-40(2020-07-12).png", "I took the Oxford Online English Grammar Test and scored 38 out of 40 (2020.07.12)" );
	//if( evt.target.classList.contains('bandicam20241020-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-10-20 22-44-40-572.mp4", "Video of me speaking - update since leaving the Halfway House (2024.10.20)" );
	if( evt.target.classList.contains('bandicam20241020-0001') ) MakePopupVideo( "https://streamable.com/e/0xzh9u", "My update since leaving the Halfway House (2024.10.20)" );
	if( evt.target.classList.contains('photo20241022-0001') ) displayPopupPicture( "./multimedia12/WhatsApp Image 2024-10-22 at 18.29.57_5a70d478.jpg", "Photo of me (2024.10.22)" );
	if( evt.target.classList.contains('photo20241026-0001') ) displayPopupPicture( "./multimedia12/100_0144.JPG", "Photo of me (2024.10.26)" );
	if( evt.target.classList.contains('photo20241029-0001') ) displayPopupPicture( "./multimedia12/100_0147.JPG", "Photo of me (2024.10.29)" );
	if( evt.target.classList.contains('myphotos20241101-0001') ) displayPopupPdf( "./multimedia12/photos_2024-11-01.pdf", "Central (2024.11.01)" );
	if( evt.target.classList.contains('myphotos20241102-0001') ) displayPopupPdf( "./multimedia12/photos0001_2024-11-02.pdf", "Wan Chai Temporary Promenade 1/2 (2024.11.02)" );
	if( evt.target.classList.contains('myphotos20241102-0002') ) displayPopupPdf( "./multimedia12/photos0002_2024-11-02.pdf", "Wan Chai Temporary Promenade 2/2 (2024.11.02)" );
	//if( evt.target.classList.contains('bandicam20241107-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-07 19-56-46-837.mp4", "TVB persuades Hawker to sell at discount and then turns on her (2024.11.07)" );
	if( evt.target.classList.contains('bandicam20241107-0001') ) MakePopupVideo( "https://streamable.com/e/0p2kc7", "TVB persuades Hawker to sell at discount and then turns on her (2024.11.07)" );
	//if( evt.target.classList.contains('bandicam20241112-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-12 11-33-44-385.mp4", "I was almost able to record the radio&#8242;s innappropriate behaviour when they saw me and changed their rhetoric (2024.11.12)" );
	if( evt.target.classList.contains('bandicam20241112-0001') ) MakePopupVideo( "https://streamable.com/e/pmyefn", "I was almost able to record the radio&#8242;s innappropriate behaviour when they saw me and changed their rhetoric (2024.11.12)" );
	//if( evt.target.classList.contains('bandicam20241113-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-13 03-52-30-156.mp4", "What&#8242;s on my Instagram Reel today (2024.11.13)" );
	if( evt.target.classList.contains('bandicam20241113-0001') ) MakePopupVideo( "https://streamable.com/e/jb8tq5", "What&#8242;s on my Instagram Reel today (2024.11.13)" );
	//if( evt.target.classList.contains('bandicam20241116-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-16 03-45-37-132.mp4", "What&#8242;s on my Instagram Reel today (2024.11.16)" );
	if( evt.target.classList.contains('bandicam20241116-0001') ) MakePopupVideo( "https://streamable.com/e/myl84o", "What&#8242;s on my Instagram Reel today (2024.11.16)" );
	//if( evt.target.classList.contains('bandicam20241117-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-17 09-31-40-990.mp4", "What&#8242;s on my Instagram Reel today (2024.11.17)" );
	if( evt.target.classList.contains('bandicam20241117-0001') ) MakePopupVideo( "https://streamable.com/e/1eaha1", "What&#8242;s on my Instagram Reel today (2024.11.17)" );
	//if( evt.target.classList.contains('bandicam20241118-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-18 03-14-26-163.mp4", "What&#8242;s on my Instagram Reel today (2024.11.18)" );
	if( evt.target.classList.contains('bandicam20241118-0001') ) MakePopupVideo( "https://streamable.com/e/hl5i7h", "What&#8242;s on my Instagram Reel today (2024.11.18)" );
	//if( evt.target.classList.contains('bandicam20241118-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-18 20-48-30-320.mp4", "What&#8242;s on my Instagram Reel today 2 (2024.11.18)" );
	if( evt.target.classList.contains('bandicam20241118-0002') ) MakePopupVideo( "https://streamable.com/e/17lrah", "What&#8242;s on my Instagram Reel today 2 (2024.11.18)" );
	//if( evt.target.classList.contains('bandicam20241119-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-19 03-05-02-353.mp4", "What&#8242;s on my Instagram Reel today (2024.11.19)" );
	if( evt.target.classList.contains('bandicam20241119-0001') ) MakePopupVideo( "https://streamable.com/e/qr6wi6", "What&#8242;s on my Instagram Reel today (2024.11.19)" );
	//if( evt.target.classList.contains('bandicam20241120-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-20 05-59-45-003.mp4", "Video of me (2024.11.20)" );
	if( evt.target.classList.contains('bandicam20241120-0001') ) MakePopupVideo( "https://streamable.com/e/nfuqt3", "Video of me (2024.11.20)" );
	//if( evt.target.classList.contains('bandicam20241120-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-20 10-17-17-508.mp4", "Video of me 2 (2024.11.20)" );
	if( evt.target.classList.contains('bandicam20241120-0002') ) MakePopupVideo( "https://streamable.com/e/oae3af", "Video of me 2 (2024.11.20)" );
	if( evt.target.classList.contains('photo20210819-0001') ) displayPopupPicture( "./multimedia12/page-1.png", "My business card front (2021.08.19)" );
	if( evt.target.classList.contains('photo20210819-0002') ) displayPopupPicture( "./multimedia12/page-2.png", "My business card back (2021.08.19)" );
	//if( evt.target.classList.contains('bandicam20241120-0003') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-20 22-56-17-413.mp4", "My reaction video to Entertainment News (2024.11.20)" );
	if( evt.target.classList.contains('bandicam20241120-0003') ) MakePopupVideo( "https://streamable.com/e/4928x7", "My reaction video to Entertainment News (2024.11.20)" );
	//if( evt.target.classList.contains('bandicam20241121-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-21 01-52-28-108.mp4", "What&#8242;s on my Instagram Reel today (2024.11.21)" );
	if( evt.target.classList.contains('bandicam20241121-0001') ) MakePopupVideo( "https://streamable.com/e/cple55", "What&#8242;s on my Instagram Reel today (2024.11.21)" );
	//if( evt.target.classList.contains('snapio20241121-0001') ) MakePopupVideo( "./multimedia12/snapio.mp4", "Snapio (2024.11.21)", true );
	if( evt.target.classList.contains('snapio20241121-0001') ) MakePopupVideo( "https://streamable.com/e/aqpcyv", "Snapio (2024.11.21)", true );
	//if( evt.target.classList.contains('bandicam20241122-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-22 01-45-37-258.mp4", "My reaction video to Star Wars Fan Site Roundtable (2024.11.22)" );
	if( evt.target.classList.contains('bandicam20241122-0001') ) MakePopupVideo( "https://streamable.com/e/87rdgp", "My reaction video to Star Wars Fan Site Roundtable (2024.11.22)" );
	if( evt.target.classList.contains('photo20241122-0001') ) displayPopupPicture( "./multimedia12/IMG_20241122_092840.jpg", "Photo of me (2024.11.22)" );
	if( evt.target.classList.contains('photo20241122-0002') ) displayPopupPicture( "./multimedia12/Screenshot_20241122_145952_Simplenote.jpg", "Screenshot (2024.11.22)" );
	//if( evt.target.classList.contains('bandicam20241123-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 02-18-00-640.mp4", "My reaction video to Janice Vidal (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0001') ) MakePopupVideo( "https://streamable.com/e/43xz8p", "My reaction video to Janice Vidal (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 02-58-02-886.mp4", "What&#8242;s on my Instagram Reel today (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0002') ) MakePopupVideo( "https://streamable.com/e/bvqyyd", "What&#8242;s on my Instagram Reel today (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0003') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 04-54-12-359.mp4", "My reaction video to Squid Game (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0003') ) MakePopupVideo( "https://streamable.com/e/o238s7", "My reaction video to Squid Game (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0004') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 06-29-22-693.mp4", "I woke up to this new song for me (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0004') ) MakePopupVideo( "https://streamable.com/e/hdtd75", "I woke up to this new song for me (2024.11.23)" );
	if( evt.target.classList.contains('myphotos20241123-0001') ) displayPopupPdf( "./multimedia12/photos_2024-11-23.pdf", "Kai Tak (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0005') ) MakePopupVideo( "./multimedia12/1123(3).mp4", "My Reel (2024.11.23)", true );
	if( evt.target.classList.contains('bandicam20241123-0005') ) MakePopupVideo( "https://streamable.com/e/9w6pf0", "My Reel (2024.11.23)", true );
	//if( evt.target.classList.contains('bandicam20241123-0006') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 20-30-49-729.mp4", "Completing my Resident Contact form (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0006') ) MakePopupVideo( "https://streamable.com/e/n3rry3", "Completing my Resident Contact form (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0007') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 22-31-34-504.mp4", "My reaction video to Entertainment News (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0007') ) MakePopupVideo( "https://streamable.com/e/nsyr6c", "My reaction video to Entertainment News (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241123-0008') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-23 23-14-53-421.mp4", "Quest to find optimum.222 (2024.11.23)" );
	if( evt.target.classList.contains('bandicam20241123-0008') ) MakePopupVideo( "https://streamable.com/e/99mgo6", "Quest to find optimum.222 (2024.11.23)" );
	//if( evt.target.classList.contains('bandicam20241124-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-24 06-12-11-158.mp4", "What I woke up to today (2024.11.24)" );
	if( evt.target.classList.contains('bandicam20241124-0001') ) MakePopupVideo( "https://streamable.com/e/2w071f", "What I woke up to today (2024.11.24)" );
	//if( evt.target.classList.contains('bandicam20241124-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-24 09-40-04-517.mp4", "Woke mess (2024.11.24)" );
	if( evt.target.classList.contains('bandicam20241124-0002') ) MakePopupVideo( "https://streamable.com/e/yn6tng", "Woke mess (2024.11.24)" );
	if( evt.target.classList.contains('photo20241124-0001') ) displayPopupPicture( "./multimedia12/IMG_20241124_140925.jpg", "Photo of somebody walking (2024.11.24)" );
	//if( evt.target.classList.contains('bandicam20241124-0003') ) displayPopupPicture( "./multimedia12/bandicam 2024-11-24 19-21-56-693.mp4", "Video of me speaking (2024.11.24)" );
	if( evt.target.classList.contains('bandicam20241124-0003') ) MakePopupVideo( "https://streamable.com/e/uc26ic", "Video of me speaking (2024.11.24)" );
	//if( evt.target.classList.contains('bandicam20241125-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-25 00-00-26-590.mp4", "What&#8242;s on my Instagram Reel today (2024.11.25)" );
	if( evt.target.classList.contains('bandicam20241125-0001') ) MakePopupVideo( "https://streamable.com/e/7xn7bu", "What&#8242;s on my Instagram Reel today (2024.11.25)" );
	//if( evt.target.classList.contains('bandicam20241125-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-25 03-05-58-400.mp4", "What&#8242;s on my Instagram Reel today 2 (2024.11.25)" );
	if( evt.target.classList.contains('bandicam20241125-0002') ) MakePopupVideo( "https://streamable.com/e/lvuwyp", "What&#8242;s on my Instagram Reel today 2 (2024.11.25)" );
	//if( evt.target.classList.contains('bandicam20241125-0003') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-25 07-00-51-854.mp4", "Listening to BBC World Service (2024.11.25)" );
	if( evt.target.classList.contains('bandicam20241125-0003') ) MakePopupVideo( "https://streamable.com/e/8wg2tj", "Listening to BBC World Service (2024.11.25)" );
	if( evt.target.classList.contains('children20241125-0001') ) displayPopupPdf( "./multimedia12/Speech by DCS at Save the Children Hong Kong 15th Anniversary Dinner (English only) (with photos).pdf", "Speech by DCS at Save the Children Hong Kong&#8242;s 15th Anniversary Dinner (English only) (with photos) (2024.11.25)" );
	if( evt.target.classList.contains('photo20241125-0001') ) displayPopupPicture( "./multimedia12/IMG_20241125_093824.jpg", "Photo of me (2024.11.25)" );
	if( evt.target.classList.contains('photo20241125-0002') ) displayPopupPicture( "./multimedia12/IMG_20241125_094738.jpg", "Photo of me (2024.11.25)" );
	if( evt.target.classList.contains('photo20241125-0003') ) displayPopupPicture( "./multimedia12/IMG_20241125_173258.jpg", "Photo of me (2024.11.25)" );
	//if( evt.target.classList.contains('bandicam20241125-0004') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-25 21-59-42-987.mp4", "My video reaction to an incredible day (2024.11.25)" );
	if( evt.target.classList.contains('bandicam20241125-0004') ) MakePopupVideo( "https://streamable.com/e/p2voe8", "My video reaction to an incredible day (2024.11.25)" );
	if( evt.target.classList.contains('photo20241126-0001') ) displayPopupPicture( "./multimedia12/IMG_20241126_025805.jpg", "Photo of my ankle (2024.11.26)" );
	if( evt.target.classList.contains('photo20241126-0002') ) displayPopupPicture( "./multimedia12/IMG_20241126_025932.jpg", "Photo of my ankle (2024.11.26)" );
	if( evt.target.classList.contains('photo20241126-0003') ) displayPopupPicture( "./multimedia12/IMG_20241126_152736.jpg", "Photo of me (2024.11.26)" );
	if( evt.target.classList.contains('bandicam20241127-0001') ) MakePopupVideo( "https://streamable.com/e/jg1fuz", "Matched with my dating hopeful (2024.11.27)" );
	//if( evt.target.classList.contains('bandicam20241127-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-27 02-16-57-186.mp4", "What&#8242;s on my Instagram Reel today (2024.11.27)" );
	if( evt.target.classList.contains('bandicam20241127-0002') ) MakePopupVideo( "https://streamable.com/e/ubnrxj", "What&#8242;s on my Instagram Reel today (2024.11.27)" );
	//if( evt.target.classList.contains('bandicam20241127-0003') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-27 03-15-42-367.mp4", "What&#8242;s on my Instagram Reel today 2 (2024.11.27)" );
	if( evt.target.classList.contains('bandicam20241127-0003') ) MakePopupVideo( "https://streamable.com/e/6x7mgx", "What&#8242;s on my Instagram Reel today 2 (2024.11.27)" );
	//if( evt.target.classList.contains('bandicam20241127-0004') ) MakePopupVideo( "./multimedia12/1127 (1).mp4", "Writing to my date (2024.11.27)" );
	if( evt.target.classList.contains('bandicam20241127-0004') ) MakePopupVideo( "https://streamable.com/e/a3n7xg", "Writing to my date (2024.11.27)" );
	//if( evt.target.classList.contains('bandicam20241128-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-28 03-29-07-486.mp4", "What&#8242;s on my Instagram Reel today (2024.11.28)" );
	if( evt.target.classList.contains('bandicam20241128-0001') ) MakePopupVideo( "https://streamable.com/e/nl3asv", "What&#8242;s on my Instagram Reel today (2024.11.28)" );
	if( evt.target.classList.contains('photo20241128-0001') ) displayPopupPicture( "./multimedia12/IMG_20241128_115604.jpg", "Photo of me (2024.11.28)" );
	if( evt.target.classList.contains('photo20241128-0002') ) displayPopupPicture( "./multimedia12/IMG_20241128_185535.jpg", "Photo of me (2024.11.28)" );
	//if( evt.target.classList.contains('bandicam20241129-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-29 01-06-44-348.mp4", "What&#8242;s on my Facebook Feed today (2024.11.29)" );
	if( evt.target.classList.contains('bandicam20241129-0001') ) MakePopupVideo( "https://streamable.com/e/m3wucf", "What&#8242;s on my Facebook Feed today (2024.11.29)" );
	//if( evt.target.classList.contains('bandicam20241129-0002') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-29 02-20-36-385.mp4", "What&#8242;s on my Instagram Reel today (2024.11.29)" );
	if( evt.target.classList.contains('bandicam20241129-0002') ) MakePopupVideo( "https://streamable.com/e/bmjswg", "What&#8242;s on my Instagram Reel today (2024.11.29)" );
	//if( evt.target.classList.contains('bandicam20241129-0003') ) MakePopupVideo( "./multimedia12/bandicam 2024-11-29 04-12-05-731.mp4", "What&#8242;s on my Facebook Feed today 2 (2024.11.29)" );
	if( evt.target.classList.contains('bandicam20241129-0003') ) MakePopupVideo( "https://streamable.com/e/n52mes", "What&#8242;s on my Facebook Feed today 2 (2024.11.29)" );
	if( evt.target.classList.contains('photo20241129-0001') ) displayPopupPicture( "./multimedia12/IMG_20241129_090829.jpg", "Photo of me (2024.11.29)" );
	if( evt.target.classList.contains('photo20241129-0002') ) displayPopupPicture( "./multimedia12/IMG_20241129_092052.jpg", "Photo of me (2024.11.29)" );
	if( evt.target.classList.contains('photo20241129-0003') ) displayPopupPicture( "./multimedia12/IMG_20241129_105522.jpg", "Photo of me (2024.11.29)" );
	if( evt.target.classList.contains('photo20241129-0004') ) displayPopupPicture( "./multimedia12/IMG_20241129_162332.jpg", "Photo of me (2024.11.29)" );
	if( evt.target.classList.contains('photo20241129-0005') ) displayPopupPicture( "./multimedia12/IMG_20241129_175512.jpg", "Photo of me (2024.11.29)" );
	//if( evt.target.classList.contains('bandicam20241129-0004') ) displayPopupPicture( "./multimedia12/bandicam 2024-11-29 23-12-37-016.mp4", "Video of me speaking (2024.11.29)" );
	if( evt.target.classList.contains('bandicam20241129-0004') ) MakePopupVideo( "https://streamable.com/e/ldd1lx", "Video of me speaking (2024.11.29)" );
	//if( evt.target.classList.contains('bandicam20241201-0001') ) MakePopupVideo( "./multimedia12/bandicam 2024-12-01 00-55-37-923.mp4", "Radio caller gets no airtime (2024.12.01)" );
	if( evt.target.classList.contains('bandicam20241201-0001') ) MakePopupVideo( "https://streamable.com/e/hbc4re", "Radio caller gets no airtime (2024.12.01)" );
	if( evt.target.classList.contains('photo20211126-0001') ) displayPopupPicture( "./multimedia12/20241201_101228.jpg", "Photo of me (2021.11.26)" );
	if( evt.target.classList.contains('photo20241201-0001') ) displayPopupPicture( "./multimedia12/Snapchat for Web 2024-12-1-0001.jpg", "Photo of me (2024.12.01)" );
}, false);

function doesExist(source, filter)
{
    var sourceString = source;
    var filterArray = filter.split(",");

    var match = false, extension = "";
	for(i=0; i<filterArray.length; i++) {
		match = (sourceString.indexOf(filterArray[i]) != -1 ? true : false);
		if( match ) {extension = filterArray[i]; break;}
    }
    return {match, extension};
}

function doesFileExist(urlToFile) {
    var xhr = new XMLHttpRequest();
    xhr.open('HEAD', urlToFile, false);
    xhr.send();
     
    if (xhr.status == "404") {
        return false;
    } else {
        return true;
    }
}

function popupWindowHyperlinkClose() {
	return "<style type='text/css'>A.label:link, A.label:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label:after{font-weight:bold; content:'\u2297'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div class=\"myFontz\" data-flow=\"left\" data-tooltip=\"Close\" style=\"position:absolute; top:30px; right:2%; z-index:999;\"><a class=\"label\" href=\"javascript:void()\"></a></div>";
}

/*
function popupWindowHyperlinkMax() {
	return "<style type='text/css'>A.label2:link, A.label2:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label2:after{font-weight:bold; content:'\u221e'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label2:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div style=\"position:absolute; bottom:0; right:2%; z-index:999;\"><a class=\"label2\" href=\"javascript:void()\" title=\"Unhide\"></a></div>";
}
*/

function popupWindowHyperlinkMax() {
	return "<style type='text/css'>A.label2:link, A.label2:visited{text-decoration:none; color:blue;} .label2:after{content:'\u22A0'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .tooltip001{margin:0 0 auto 10px; z-index:999;}</style><div class=\"myFontz tooltip001\" data-flow=\"left\" data-tooltip=\"Clear\"><a id=\"label2\" class=\"label2\" href=\"javascript:void()\"></a></div>";
}
/*
function popupWindowHyperlinkDownload( urlToFile ) {
	return "<style type='text/css'>A.label5:link, A.label5:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label5:after{font-weight:bold; content:'\u21E9'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label5:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div style=\"position:absolute; bottom:50px; left:2%; z-index:999;\"><a class=\"label5\" href=\"javascript:downloadFile('" + urlToFile + "')\" title=\"Download\"></a></div>";
}
function popupWindowHyperlinkDownload( urlToFile ) {
	return "<style type='text/css'>A.label5:link, A.label5:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label5:after{font-weight:bold; content:'\u21E9'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label5:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div class=\"myFontz\" data-flow=\"right\" data-tooltip=\"Download\" style=\"position:absolute; top:30px; left:2%; z-index:999;\"><a class=\"label5\" href=\"javascript:downloadFile('" + urlToFile + "')\"></a></div>";
}
*/

function popupWindowHyperlinkDownload( urlToFile ) {
	return "<style type='text/css'>A.label5:link, A.label5:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label5:after{font-weight:bold; content:'\u205D'; /*content:'\u2B73';*/ text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label5:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div class=\"myFontz\" data-flow=\"right\" data-tooltip=\"More\" style=\"position:absolute; top:30px; left:2%; z-index:999;\"><a class=\"label5\" href=\"javascript:sweetalert2(13, '" + urlToFile + "')\"></a></div>";
}

function popupWindowHyperlinkWindowOpen( urlToFile ) {
	return "<style type='text/css'>A.label5:link, A.label5:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label5:after{font-weight:bold; content:'\u271A'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label5:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div class=\"myFontz\" data-flow=\"right\" data-tooltip=\"Share\" style=\"position:absolute; top:30px; left:2%; z-index:999;\"><a class=\"label5\" href=\"javascript:windowOpen('" + urlToFile + "', 'sharewindow')\"></a></div>";
}

function popupWindowHyperlinkClose2() {
	return "<style type='text/css'>A.label3:link, A.label3:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label3:after{font-weight:bold; content:'\u2297'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label3:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div style=\"position:absolute; top:30px; right:2%; z-index:999;\"><a class=\"label3\" id=\"label3\" href=\"javascript:void()\" title=\"Close\"></a></div>";
}

function popupWindowHyperlinkMax2() {
	return "<style type='text/css'>A.label4:link, A.label4:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label4:after{font-weight:bold; content:'\u221e'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label4:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div style=\"position:absolute; bottom:0; right:2%; z-index:999;\"><a class=\"label4\" id=\"label4\" href=\"javascript:void()\" title=\"Unhide\"></a></div>";
}

function popupWindowHyperlinkMax3() {
	return "<style type='text/css'>A.label6:link, A.label6:visited{font-family:initial; font-size:10vmax; text-decoration:none; color:blue;} .label6:after{font-weight:bold; content:'\u221e'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;} .label6:hover:after{color:#E32B2B; background-image:linear-gradient(to bottom, #52616a, #7c858e, #a8acb2, #d4d4d8, #ffffff);}</style><div style=\"position:absolute; bottom:0; right:2%; z-index:999;\"><a class=\"label6\" href=\"javascript:void()\" title=\"Unhide\"></a></div>";
}
/*
function popupWindowHyperlinkMax4() {
	return "<style type='text/css'>A.label7:link, A.label7:visited{text-decoration:none; color:blue;} .label7:after{content:'\u22A0'; text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white;}</style><a class=\"label7\" href=\"javascript:void()\" title=\"Close\"></a>";
}
*/

window.getZIndex = function (e) {      
  var z = window.getComputedStyle(e).getPropertyValue('z-index');
  if (isNaN(z)) return window.getZIndex(e.parentNode);
  return z; 
};

function popupWindowHyperlinkMax4() {
	txt = '<label class="slide-btn-alt"><input id="slideBtn" type="checkbox"><span class="slide-btn-content" data-off="Less" data-on="More"></span></label>';
	return txt;
}

function goFilename( mySource, ext ) {
	var sourceFileExtension = ext; // e.g. ".mp4"
	var sourceFolder = "/";
	var iEnd = mySource.lastIndexOf(sourceFileExtension) + sourceFileExtension.length;
	var tmp = mySource.substring( 0, iEnd );
	var iStart = tmp.lastIndexOf(sourceFolder) + sourceFolder.length;
	var filename = tmp.substring( iStart, iEnd );
	return filename;
}

function bool(v){ return v==="false" || v==="null" || v==="NaN" || v==="undefined" || v==="0" ? false : !!v; }

function generateNewWindow(mySource, myBGColour, event, myDownload) {
	var OpenWindow = window.open("about:blank")
	popupWindow = document.createElement ("div");
	popupWindow.style.padding = "0";
	popupWindow.id = "popup";
	popupWindow.className = "centered";
	popupWindow.style.width = "100%";
	popupWindow.style.height = "100%";
	popupWindow.style.zIndex = "9";
	popupWindow.style.background = myBGColour;
	popupWindow.style.transition=0;
	OpenWindow.document.body.appendChild(popupWindow);

	if( doesExist(mySource, "myPopupCompose").match ) {
		/* html code */
		var txt="", filename="";
		txt += "<div class=\"fadef\"></div><iframe srcdoc=\"" + mySource.replace("myPopupCompose", "") + "\" width=\"100%\" height=\"100%\" style=\"border:none; overflow:auto; scrolling:auto;\" frameborder=\"0\"></iframe>";
		popupWindow.innerHTML = txt;

		/*
		var OpenWindow = window.open("about:blank")
		var text = document.createTextNode('hi');
		OpenWindow.document.body.appendChild(text);
		*/
		//window.open("about:blank").document.body.appendChild(document.createTextNode("this is a text node"));
	} else {
		Swal.fire(
		  'Oops...',
		  'Error in MakePopup()',
		  'error'
		);
		//RemovePopup();
		return;
	}
}

function relPathToAbs(link){
    let absLink = location.href.split("/");
    let relLink = link;
    let slashesNum = link.match(/[.]{2}\//g) ? link.match(/[.]{2}\//g).length : 0;
    for(let i = 0; i < slashesNum + 1; i++){
        relLink = relLink.replace("../", "");
        absLink.pop();
    }
    absLink = absLink.join("/");
    absLink += "/" + relLink;
    return absLink;
}

function urlEncode(text) {
    let encoded = '';
    for (let char of text) {
        encoded += '%' + char.charCodeAt(0).toString(16);
    }
    return encoded;
}

function generatePopupWindow(mySource, myBGColour, event, myDownload, myCaption) {
	addClassList( "myLogoButton", "fade" );
	popupWindow = document.createElement ("div");
	popupWindow.style.padding = "0";
	popupWindow.id = "popup";
	popupWindow.className = "centered";
	popupWindow.style.width = "100%";
	popupWindow.style.height = "100%";
	popupWindow.style.zIndex = "99";
	popupWindow.style.background = "transparent";
	//popupWindow.style.background = "url(./images/3dgifmaker15990.gif) no-repeat center/auto 10em, " + myBGColour;
	//popupWindow.style.backgroundSize = "contain";
	popupWindow.style.transition=0;
	document.body.appendChild (popupWindow);
	//document.addEventListener('keyup', escKeyup, true);

	if( doesExist(mySource, "myPopupCompose").match ) {
		/* html code */
		var txt="", filename="", filetype="";
		if( doesExist(mySource, ".JPG,.jpg,.png,.gif").match ) filetype="picture"; else if( doesExist(mySource, ".MP4,.mp4,.mp3").match ) filetype="other";
		if( myCaption ) txt += myCaption;
		txt += "<div class=\"fadef\"></div><iframe id=\"printf1\" class=\"" + filetype + "\"srcdoc=\"" + mySource.replace("myPopupCompose", "") + "\" width=\"100%\" height=\"100%\" style=\"border:none; overflow:auto; scrolling:auto;\" frameborder=\"0\"></iframe>";
		var sourceFileExtension = ".MP4,.mp4,.mp3,.JPG,.jpg,.png,.gif";
		if( filetype == "picture" ) {
			filename = goFilename( mySource, doesExist(mySource, sourceFileExtension).extension );
			txt += "<div class=\"rotate myFontz outlineTxt\">" + filename + "</div>";
		} else if( filetype == "other" ) {
			filename = goFilename( mySource, doesExist(mySource, sourceFileExtension).extension );
			txt += "<div class=\"rotate myFontz outlineTxt\">" + filename + "</div>";
		} else {
			txt += "<div class=\"rotate myFontz outlineTxt\">" + myDownload + "</div>";
		}
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "socialbuttons", "fade" );
		if( b_isMobile ) {
			//addClassList( "nestedsidemenu", "fade" );
			//addClassList( "contactContainer", "fade" );
		}
		txt += popupWindowHyperlinkClose();
		//txt += popupWindowHyperlinkMax();
		if( myDownload ) {
			var absPath;
			if( filetype > '' ) {
				absPath = relPathToAbs(myDownload).replace(/\/\.\//gi, "\/");
				//txt += popupWindowHyperlinkWindowOpen( "https://www.addtoany.com/share#url=" + urlEncode(absPath) + "&title=" );
			} else { //streamable.com
				absPath = myDownload.replace(/\/e\//gi, "\/");
				//txt += popupWindowHyperlinkWindowOpen( "https://www.addtoany.com/share#url=" + urlEncode(myDownload.replace(/\/e\//gi, "\/")) + "&title=" );
			}
			txt += popupWindowHyperlinkDownload(absPath);
		}
		popupWindow.innerHTML = txt;
	} else if( doesExist(mySource, "myPopupText").match ) {
		/* text */
		popupWindow.innerHTML =  mySource.replace("myPopupText", "");
		if( myCaption ) popupWindow.innerHTML += myCaption;
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "socialbuttons", "fade" );
		if( b_isMobile ) {
			//addClassList( "nestedsidemenu", "fade" );
			//addClassList( "socialbuttons", "fade" );
			//addClassList( "contactContainer", "fade" );
			//popupWindow.innerHTML = "<div class=\"fadef\" style=\"z-index:1;\"></div><div id=\"printf1\" class=\"centered\" style=\"width:100%;\"></div>";
			popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"background:white; width:100%; height:100%;\" src='" + myDownload + "' frameborder=\"0\"></iframe>";
		} else {
			//popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"background:white; width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:100%;\" src='" + myDownload + "' frameborder=\"0\"></iframe>";
			popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"background:white; height:100%; max-width:100%; aspect-ratio: 4 / 3;\" src='" + myDownload + "' frameborder=\"0\"></iframe>";
		}
		popupWindow.innerHTML += popupWindowHyperlinkClose();
		//popupWindow.innerHTML += popupWindowHyperlinkMax3();
		//popupWindow.innerHTML += popupWindowHyperlinkMax();
		if( myDownload ) {
			popupWindow.innerHTML += "<div class=\"rotate myFontz outlineTxt\">" + goFilename( myDownload, doesExist(myDownload, ".TXT, .txt").extension ) + "</div>";
			//popupWindow.innerHTML += popupWindowHyperlinkDownload(myDownload);
			var absPath = relPathToAbs(myDownload).replace(/\/\.\//gi, "\/");
			popupWindow.innerHTML += popupWindowHyperlinkDownload(absPath);
		}
	} else if( doesExist(mySource, "myCameraPageCompose").match ) {
		/* public camera page */
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "socialbuttons", "fade" );
		if( b_isMobile ) {
			//addClassList( "nestedsidemenu", "fade" );
			//addClassList( "contactContainer", "fade" );
		}
		popupWindow.innerHTML = mySource.replace("myCameraPageCompose", "");
		if( myCaption ) popupWindow.innerHTML += myCaption;
		popupWindow.innerHTML += "<div class=\"fadef\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"" + (1==1?"width:auto; height:100%; max-width:100%; aspect-ratio: 16 / 9;":"width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:auto; max-height:90%; aspect-ratio: 16 / 9;") + "\" src='" + myDownload + "' frameborder='0' allowfullscreen></iframe>";
		//popupWindow.innerHTML += popupWindowHyperlinkClose2();
		popupWindow.innerHTML += popupWindowHyperlinkClose();
		//popupWindow.innerHTML += popupWindowHyperlinkMax();
		if( myDownload ) {
			popupWindow.innerHTML += "<div class=\"rotate myFontz outlineTxt\">" + myDownload + "</div>";
			popupWindow.innerHTML += popupWindowHyperlinkDownload(myDownload);
		}
	} else if( doesExist(mySource, "myPopupPdf").match ) {
	//} else if( doesExist(myDownload, ".pdf").match ) {
		/* pdf */
		popupWindow.innerHTML =  mySource.replace("myPopupPdf", "");
		if( myCaption ) popupWindow.innerHTML += myCaption;
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "socialbuttons", "fade" );
		if( b_isMobile ) {
			//addClassList( "nestedsidemenu", "fade" );
			//addClassList( "socialbuttons", "fade" );
			//addClassList( "contactContainer", "fade" );
			//popupWindow.innerHTML = "<div class=\"fadef\" style=\"z-index:1;\"></div><div id=\"printf1\" class=\"centered\" style=\"width:100%;\"></div>";
			popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"width:100%; height:100%;\" src=\"https://docs.google.com/viewer?url=" + relPathToAbs(myDownload).replace(/\/\.\//gi, "\/") + "&embedded=true\" frameborder=\"0\"></iframe>";
			popupWindow.innerHTML += popupWindowHyperlinkClose();
			//popupWindow.innerHTML += popupWindowHyperlinkMax3();
			//popupWindow.innerHTML += popupWindowHyperlinkMax();
			//if( myDownload ) popupWindow.innerHTML += popupWindowHyperlinkDownload(myDownload);
		} else {
			//var filename = myDownload.substring(myDownload.lastIndexOf('/')+1);
			//popupWindow.innerHTML = "<div class=\"fadef\" style=\"z-index:1;\"></div><div id=\"printf1\" class=\"centered\" style=\"width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:100%;\"></div>";
			//popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"width:calc(100% - " + (int_menuWidth*2).toString() + "px); height:100%;\" //src=\"https://docs.google.com/viewer?url=https://www.cheukwan.work/" + myDownload + "&embedded=true\" frameborder=\"0\"></iframe>";
			popupWindow.innerHTML += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id=\"printf1\" class=\"viewer centered\" style=\"height:100%; max-width:100%; aspect-ratio: 4 / 3;\" src=\"https://docs.google.com/viewer?url=https://www.cheukwan.work/" + myDownload + "&embedded=true\" frameborder=\"0\"></iframe>";
			popupWindow.innerHTML += "<div class=\"rotate myFontz outlineTxt\" style=\"z-index:9; width:" + str_menuWidth + "; height:" + str_menuWidth + ";\">" + goFilename( myDownload, doesExist(myDownload, ".pdf").extension ) + "</div>";
			//popupWindow.innerHTML += "<div id=\"printf1\" class=\"centered\" src=\"" + myDownload + "\" style=\"width:100%; height:100%;\"></div><div class=\"rotate\" style=\"color:white;\">" + filename + "</div>";
			popupWindow.innerHTML += popupWindowHyperlinkClose();
			//popupWindow.innerHTML += popupWindowHyperlinkMax3();
			//popupWindow.innerHTML += popupWindowHyperlinkMax();
			//if( myDownload ) popupWindow.innerHTML += popupWindowHyperlinkDownload(myDownload);
		}
		if( myDownload ) {
			var absPath = relPathToAbs(myDownload).replace(/\/\.\//gi, "\/");
			popupWindow.innerHTML += popupWindowHyperlinkDownload(absPath);
		}
		/* Commented on 2024-09-10
		var params = {
			navpanes:1,
			statusbar:0,
			toolbar:1,
			view:'FitH',
			pagemode:'bookmarks',
			page:'anchor'
		}
		var options = {
            fallbackLink: "<p class='outlineTxt'>This browser does not support inline PDFs. Please download the PDF to view it: <a href='[url]'>Download PDF</a></p>",
			pdfOpenParams: params
        };
		PDFObject.embed(myDownload, "#printf1", options);
		*/
	} else if( doesExist(mySource, ".htm,.html").match ) {
		/* file */
		var result;
		result = mySource;
		popupWindow.innerHTML = "<iframe src=\"" + result + "\" width=\"100%\" height=\"100%\" style=\"border:none; overflow:auto; scrolling:auto;\" frameborder=\"0\"></iframe>";
		popupWindow.innerHTML += popupWindowHyperlinkClose();
	} else if( doesExist(mySource, ".JPG,.jpg,.png,.gif").match ) {
		/* image */
		var filename = mySource.substring(mySource.lastIndexOf('/')+1);
		popupWindow.innerHTML = "<div class=\"fadef\"></div><img id=\"printf1\" class=\"centered\" src=\"" + mySource + "\" style=\"width:100%; height:100%; object-fit:contain; overflow:hidden;\"><div class=\"rotate outlineTxt\" style=\"z-index:9;\">" + filename + "</div>";
		popupWindow.innerHTML += popupWindowHyperlinkClose();
		popupWindow.innerHTML += popupWindowHyperlinkMax();
		if( myDownload ) popupWindow.innerHTML += popupWindowHyperlinkDownload(myDownload);
	} else {
		sweetalert2(0,'','Error in MakePopup()');
		/*
		Swal.fire(
		  'Oops...',
		  'Error in MakePopup()',
		  'error'
		);
		*/
		RemovePopup();
		return;
	}
	//addClassList('some-input', 'fade');
	changeFontAttrib('myFontz'); // Added on 2023-08-18
	increaseFontSize('caption1', 10);
	increaseFontSize('label2', 10);
	var elem = document.getElementById("printf1");
	if ( document.body.contains(elem) ) {
		//darkmode();
		elem.style.zIndex = 1;
		addClassList( "fadef", "show" );
		const ticker = setTimeout(function() {
			addClassList( 'fadef', 'loadError' );
		}, 10000);
		elem.onload = function() {
			clearTimeout(ticker);
			popupWindow.style.background = myBGColour;
			elem.style.zIndex = 99;
			removeClassList( "fadef", "show" );
		}
	}
	event.stopPropagation ();
}

function addClassList( className, classList ) {
	var div = document.getElementsByClassName(className); for(i=0; i<div.length; i++) div[i].classList.add(classList);
	if( div.length <= 0 ) {
		var x = document.getElementById(className);
		if (x) {
			x.classList.add(classList);
		}
	}
}

function removeClassList( className, classList ) {
	var div = document.getElementsByClassName(className); for(i=0; i<div.length; i++) div[i].classList.remove(classList);
	if( div.length <= 0 ) {
		var x = document.getElementById(className);
		if (x) {
			x.classList.remove(classList);
		}
	}
}

function replaceClassList( className, classList1, classList2 ) {
	var div = document.getElementsByClassName(className); for(i=0; i<div.length; i++) div[i].classList.replace(classList1, classList2);
	if( div.length <= 0 ) {
		var x = document.getElementById(className);
		if (x) {
			x.classList.replace(classList1, classList2);
		}
	}
}

function getFileExtension(filename)
{
  var ext = /^.+\.([^.]+)$/.exec(filename);
  return ext == null ? "" : ext[1];
}

var popupWindow = null;
function MakePopup (event) {
	var mySource =  arguments[0];
	var myBGColour =  arguments[1];
	var myDownload =  arguments[2];
	var myCaption = arguments[3];

	/*if( !doesFileExist(myDownload) ) {
		var filename = myDownload.substring(myDownload.lastIndexOf('/')+1);
		Swal.fire(
		  'Oops...',
		  'Unable to find the file ' + filename,
		  'error'
		);
	} else*/ generatePopupWindow(mySource, myBGColour, event, myDownload, myCaption);
}

function MakeNewWindow (event) {
	var mySource =  arguments[0];
	var myBGColour =  arguments[1];
	var myDownload =  arguments[2];

	generateNewWindow(mySource, myBGColour, event, myDownload);
}

function RemovePopup(event) {
	var x = document.getElementById('popup');
	if(x) popupWindow.parentNode.removeChild(popupWindow);
}

function escKeyup(event) {
	const key = event.key; // Or const {key} = event; in ES6+
	if (key === "Escape") RemovePopup();
}

findHighestZ = () => [...document.querySelectorAll('body *')]
  .map(elt => parseFloat(getComputedStyle(elt).zIndex))
  .reduce((z, highest=Number.MIN_SAFE_INTEGER) => 
    isNaN(z) || z < highest ? highest : z
  )
  
/**************************************************************************************************/
/* Function JavaScript for Welcome to my website
/* Copyright 2021.  Cheuk M. Wan.  All rights reserved.
/* Description: JavaScript functions for Welcome to my website.
/**************************************************************************************************/

function darkmode( myValue, option ) {
	if(myValue) darkmodeOn=myValue;
	switch( option )
	{
	case 'video':
		if (darkmodeOn) {
			//var bg = new Array( "./multimedia2/Slideshow-20121204-0001.mp4" );
			//var bg = new Array( "./multimedia/Desktop-Wallpaper-0010.mp4" );
		} else {
			//var bg = new Array( "./multimedia2/Desktop-Wallpaper-0011.mp4" );
			//var bg = new Array( "./multimedia/Desktop-Wallpaper-0004.mp4", "./multimedia/Desktop-Wallpaper-0005.mp4" );
		}
		//var bg = arr_videoBackground;
		var bg = "";
		break;
	case 'webcam':
		if( videoBackgroundOn ) {
			//changeVideo( "./multimedia2/Stars - 82360.mp4" );
			var bg = "transparent";
		} else {
			if( darkmodeOn) {
				var bg = "linear-gradient(180deg, #ffffff 70%, #000608 100%)";
			} else {
				var bg = "linear-gradient(180deg, #e32b2b 70%, #ffffff 100%)";
			}
		}
		break;
	default:
		if( videoBackgroundOn ) {
			var bg = "transparent";
			//changeVideo( "./multimedia2/Stars - 82360.mp4" );
		} else {
			if (darkmodeOn) {
				//addClassList('nestedsidemenu', 'darkmode');
				removeClassList('fadef', 'redBusy');
				//addClassList('fadef', 'blackBusy');
				var bg = "linear-gradient(180deg, #000608 70%, #ffffff 100%)";
			} else {
				//removeClassList('nestedsidemenu', 'darkmode');
				removeClassList('fadef', 'blackBusy');
				//addClassList('fadef', 'redBusy');
				var bg = "linear-gradient(180deg, #e32b2b 70%, #ffffff 100%)";
			}
		}
		//setMenu(); //Commented 2024-09-27
	}
	return bg;
}
function changeWidth(myValue) {
	var w = getclientWidth();

	if(w - int_menuWidth > 1400) {
		var widthX = (w - int_menuWidth) / 3;
		var cols = document.getElementsByClassName(myValue);
		for(i = 0; i < cols.length; i++) {
			cols[i].style.width = (widthX - 15).toString() + "px";
		}
	}
}

function changePickerFontSize() {
	if( b_isMobile )
		picker.calendarContainer.style.setProperty('font', (largetextOn?largeText:standardText));
	else
		picker.calendarContainer.style.setProperty('font', 'inherit');
}

function loadFonts() {
	/*https://www.motocms.com/blog/en/google-web-fonts*/
	WebFont.load({
		google: {
			/*families: ['Cutive Mono', 'VT323', 'Fira Mono', 'Anonymous Pro', 'Meie Script', 'Jim Nightshade', 'Romanesco', 'Miss Fajardose', 'Butterfly Kids', 'Jolly Lodger', 'Purple Purse', 'Playball', 'Sigmar One', 'Text Me One', 'Arbutus Slab', 'Amita', 'Mogra', 'Poppins', 'Anton', 'Rubik Mono One', 'Proza Libre', 'BioRhyme', 'Suez One', 'Quando', 'Ubuntu Mono', 'PT Mono', 'Baloo Tammudu', 'Teko', 'Droid Sans', 'Droid Serif']*/
			families: ['Baloo Tammudu', 'Poppins']
		}
	});
	largeText = "1.55em/1.8 Baloo Tammudu, Tahoma, Arial", standardText = "1.3em/1.8 Baloo Tammudu, Tahoma, Arial";
	document.body.style.fontFamily = "Baloo Tammudu, Tahoma, Arial";
}

function getFontSize( id ) {
	var currentSize;
    var txt = document.getElementById(id);
	if( !txt ) txt = document.getElementsByClassName("myFontz")[0];
	if(txt) {
		 var style = window.getComputedStyle(txt, null).getPropertyValue('font-size');
		 currentSize = parseFloat(style);
	}
	return currentSize;
}

function increaseFontSize(id, increaseFactor){
    var txt = document.getElementById(id);
	if(txt) {
		var currentSize = getFontSize( id );
		txt.style.fontSize = (currentSize + increaseFactor) + 'px';
	}
}

function changeFontSize(myValue, size) {
	var cols = document.getElementsByClassName(myValue);
	for(var i = 0; i < cols.length; i++) {
		cols[i].style.fontSize = size;
	}
	if( cols.length <= 0 ) {
		var x = document.getElementById(myValue);
		if (x) {
			x.style.fontSize = size;
		}
	}
}

function changeFontAttrib(myValue) {
	//var largeText = "1.2em/1.8 Baloo Tammudu, Tahoma, Arial", standardText = "1.1em/1.8 Baloo Tammudu, Tahoma, Arial";
	var cols = document.getElementsByClassName(myValue);
	for(var i = 0; i < cols.length; i++) {
		cols[i].style.font = largetextOn ? largeText : standardText;
		//if( cols[i].id == id ) returnValue = cols[i];
	}
	if( cols.length <= 0 ) {
		var x = document.getElementById(myValue);
		if (x) {
			x.style.font = largetextOn ? largeText : standardText;
		}
	}
	//if( newTextSize ) changeFontSize( myValue, newTextSize );
	/*
	if (returnValue == null) {
		var p = document.getElementById('printf1');
		if(p) {
			var z = document.getElementById('printf1').contentWindow.document.getElementById('caption1');
			if(z) {
				z.style.font = largetextOn ? largeText : standardText;
				returnValue = z;
			}
		}
	}
	if (returnValue == null) {
		var iframe = document.getElementById("printf1");
		if( iframe ) {
			var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
			var cols2 = innerDoc.getElementsByClassName(myValue);
			for(var i = 0; i < cols2.length; i++) {
				cols2[i].style.font = (largetextOn ? largeText : standardText);
				if( cols2[i].id == id ) returnValue = cols2[i];
			}
		}
	}
	*/
}

function changeTheme() {
	//document.body.style.font = darkmodeOn?"25px/1.8 Tahoma, Arial":"18px/1.8 Verdana, Arial";
	//changeFontAttrib('nestedsidemenu');
	//changeFontAttrib('myScreenz');
	//changeFontAttrib('some-input');
	//changeFontAttrib('myTablez');
	changeFontAttrib('myFontz');
	increaseFontSize('caption1', 5);
}

function removeVideo() {
	var videos = document.querySelectorAll('video'); // get all videos using "video" css selector
	for(video of videos) {
		if( video.id != 'vid-show' ) {
			video.pause();
			video.removeAttribute('src'); // empty source
			video.load();
			video.parentNode.removeChild(video);
		}
   }
}

function changeVideo( myValue ) {
	var videos = document.querySelectorAll('video'); // get all videos using "video" css selector
	for(video of videos) {
		if( video.id != 'vid-show' ) {
			video.pause();
			video.src = myValue;
			video.play();
		}
   }
}

function alignSocialButtons() {
	var e = document.getElementById('wrapper1');
	var portraitClose = "<div id='hideBtn' class='hideBtn' style='position:absolute; right:10px; bottom:45px; width:108px;'>" + popupWindowHyperlinkMax4() + "</div>";
	var landscapeClose = "<div id='hideBtn' class='hideBtn' style='position:absolute; right:10px; top:10px; width:108px;'>" + popupWindowHyperlinkMax4() + "</div>";
	if(e) {
		var b = e.getElementsByClassName("hideBtn")[0];
		if(b_isMobile) {
			if( getOrientation() === 'landscape' ) {
				e.style.display = "initial";
				e.style.justifyContent = "initial";
				//e.style.width = "initial";
				var x = document.getElementById('flagcounter');
				if(x) {x.style.marginTop = "10px"; x.style.marginRight = 0;}
				var y = document.getElementById('backgroundmusic');
				if(y) {y.style.marginTop = "10px";  /*y.style.marginLeft = 0;*/}
				//e.style.marginLeft = "calc(100% - " + e.offsetWidth.toString() + "px)";
				//e.style.right = 0;
				if(b) { // Hide button
					b.style.right = "10px";
					b.style.left = "auto";
					b.style.top = "10px";
					b.style.bottom = "auto";
				} else
					e.innerHTML += landscapeClose;
			} else {
				e.style.display = "flex";
				//e.style.justifyContent = "space-around";
				//e.style.width = "100%";
				var x = document.getElementById('flagcounter');
				if(x) {x.style.marginTop = 0; x.style.marginRight = "10px";}
				var y = document.getElementById('backgroundmusic');
				if(y) {y.style.marginTop = 0; /*y.style.marginLeft = "10px";*/}
				//e.style.marginLeft = "initial";
				//e.style.right = "auto";
				if(b) { // Hide button
					b.style.right = "10px";
					b.style.left = "auto";
					b.style.top = "auto";
					b.style.bottom = "45px";
					/*
					b.style.top = "10px";
					b.style.bottom = "auto";
					*/
				} else
					e.innerHTML += portraitClose;
			}
		} else {
			//e.style.marginLeft = "calc(100% - " + e.offsetWidth.toString() + "px)";
			//e.style.right = 0;
			if(b) { // Hide button
				b.style.right = "10px";
				b.style.left = "auto";
				b.style.top = "10px";
				b.style.bottom = "auto";
			} else
				//e.innerHTML += "<div style='position:absolute; right:10px; top:0; font-size:30px;'>" + popupWindowHyperlinkMax4() + "</div>";
				e.innerHTML += landscapeClose;
		}
	}
	if( !document.querySelector('.socialbuttons').classList.contains('fade') ) {
		if( b_isMobile && getOrientation() != 'landscape' )
			replaceClassList( "wrapper1", "wrapper1Width", "screenWidth" );
		else
			replaceClassList( "wrapper1", "screenWidth", "wrapper1Width" );
	}
}

function setBackground( myValue ) {
	//removeVideo();
	//document.body.style.background = "white";
	if (b_isMobile) {
		videoBackgroundOn = false;
		//document.body.style.overflowY = "scroll";
	}
	if( videoBackgroundOn ) playVideoBg( myValue );
	//else {
		//if( document.getElementById('popup') ) popupWindow.style.background = darkmode();
		document.body.style.backgroundImage = darkmode();
		document.body.style.overflowY = "auto";
		document.body.style.backgroundAttachment = "fixed";
		document.body.style.backgroundRepeat = "no-repeat";
	if( !document.getElementById('divA2') ) displayemblem( true );
	/*
	var c = document.getElementById("translator");
	if(c) {
		if(b_isMobile) {
			c.style.right = 0;
			c.style.top = 0;
			int_translatorPos = 130;
		} else {
			l = document.getElementById('logoContainer2');
			if(l) var alignTranslator = l.offsetWidth+25;
			alignTranslator = alignTranslator > 130 ? alignTranslator:130;
			c.style.right = alignTranslator + "px"
			int_translatorPos = alignTranslator + 130;
			c.style.top = "0";
		}
	}
	*/
}

function clearMemory() {
	//removeClassList( "some-input", "show" );
	//addClassList('some-input', 'fade');
	addClassList('dateselection', 'fade');
	/*
	removeMedia2();
	removeMedia();
	*/
	removeVideo();
	//if( !videoBackgroundOn ) removeVideo(); // Re-added on 2023-08-18
	RemovePopup();
	//RemoveWebcam();
	RemovePopup2();
	/*
	document.body.style.backgroundImage = darkmode();
	document.body.style.backgroundAttachment = "fixed";
	document.body.style.backgroundRepeat = "no-repeat";
	*/
	/*displayemblem( false );*/
}

async function playVideoBg( myValue ) {
		var videoBg = darkmode(darkmodeOn, "video");
		var bgInt = Math.floor( Math.random()*videoBg.length );
		playFile = myValue ? myValue : videoBg[bgInt];
		var variablejs = 'new BackgroundVideo( {video: [{file: "' + playFile + '"}], mobileImg: darkmode()} )';
		var scpt = document.createElement("script");
		scpt.appendChild(document.createTextNode(variablejs));
		document.body.appendChild(scpt);
		//centeredBackgroundVideo();
}

async function playVideoBg2( myValue ) {
		var videoBg = darkmode(darkmodeOn, "video");
		var bgInt = Math.floor( Math.random()*videoBg.length );
		playFile = myValue ? myValue : videoBg[bgInt];
		//if( b_isMobile )
			var variablejs = 'new BackgroundVideo( {video: [{file: "' + playFile + '",bgSize:"non-flexible"}]} )';
		//else
		//	var variablejs = 'new BackgroundVideo( {video: [{file: "' + playFile + '",bgSize:"flexible"}]} )';
		var scpt = document.createElement("script");
		scpt.appendChild(document.createTextNode(variablejs));
		document.body.appendChild(scpt);
		//centeredBackgroundVideo();
}

document.addEventListener("wheel", function(event){
  var x = document.getElementById("pageup");
  if(event.wheelDelta >= 0){
	if(x) removeClassList( "pageup", "show" );
  }else{
	if(x) addClassList( "pageup", "show" );
  }

  var y = document.getElementById("pagedown");
  if(event.wheelDelta < 0){
	if(y) removeClassList( "pagedown", "show" );
  }else{
	if(y) addClassList( "pagedown", "show" );
  }
})

function MakePopupDiary() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:hidden;}</style>";
	myValue += "<body>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0 0 0 " + str_menuWidth + "; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
	} else {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0; height:100%;'><div style='position:fixed; background-color:#F7C201; height:40px; width:100%;'></div><div id='showData' style='margin-top:40px;'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
		addClassList( "nestedsidemenu", "fade" );
		myValue += popupWindowHyperlinkClose2();
	}
	myValue += "</body></html>";
	MakePopup2( "myDiaryCompose"+myValue );
}

function MakePopupViews() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'><link rel='stylesheet' href='my.views.styles.css?v=1.33'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:hidden;}</style>";
	myValue += "<body>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0 0 0 " + str_menuWidth + "; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
	} else {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
		addClassList( "nestedsidemenu", "fade" );
		myValue += popupWindowHyperlinkClose2();
	}
	myValue += "</body></html>";
	MakePopup2( "myViewsCompose"+myValue );
}

function MakePopupArchive() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'><link rel='stylesheet' href='my.archive.styles.css?v=1.61'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:hidden;}</style>";
	myValue += "<body>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0 0 0 " + str_menuWidth + "; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
	} else {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-image:/*url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover*/ linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div><div id='pagedown' class='pagedown'></div>";
		addClassList( "nestedsidemenu", "fade" );
		myValue += popupWindowHyperlinkClose2();
	}
	myValue += "</body></html>";
	MakePopup2( "myArchiveCompose"+myValue );
}

function MakePopupShop() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css'><link rel='stylesheet' href='my.shop.styles.css'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:auto;}</style>";
	myValue += "<body>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:scroll; background:url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover white; margin:0 0 0 " + str_menuWidth + "; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div>";
	} else {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:scroll; background:url(\"./multimedia10/100_0031.JPG\") no-repeat center/cover white; margin:0; height:100%;'><div id='showData'></div></div><div id='pageup' class='pageup'></div>";
		addClassList( "nestedsidemenu", "fade" );
		myValue += popupWindowHyperlinkClose2();
	}
	myValue += "</body></html>";
	MakePopup2( "myShopCompose"+myValue );
}

function MakePopupWebcam() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css'><link rel='stylesheet' href='my.webcam.styles.css'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:auto;}</style>";
	myValue += "<body>";
	myValue += "<div id='divA2' class='divA2' style='overflow:hidden; background:" + darkmode(darkmodeOn, "webcam") + "; margin:0; height:100%;'><div id='showData'></div></div>";
	myValue += "</body></html>";
	MakePopup2( "myWebcamCompose"+myValue );
}

function MakePopupStream() {
	x = document.getElementById('myIframe');
	if(x) {
		x.src = "./my.stream.url.txt";
		x.onload = function() {
			myStreamCompose();
		};
	}
}

function myStreamCompose() {
	var myURL = window.frames.myIframe.document.body.lastChild.lastChild.data;
	var myValue = "<html><link rel='stylesheet' href='my.styles.css'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:auto;} .myDimensions {width:70%; height:70%; background-color:black;}</style>";
	myValue += "<body>";
	myValue += "<div id='divA2' class='divA2' style='overflow:hidden; background:" + darkmode(darkmodeOn, "webcam") + "; margin:0; height:100%;'><iframe class='myDimensions centered' src='" + myURL + "' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe></div>";
	myValue += "</body></html>";
	MakePopup2( "myStreamCompose"+myValue );
}

function MakePopupCode() {
	var myValue = "<html><link rel='stylesheet' href='my.styles.css'><link rel='stylesheet' href='my.shop.styles.css'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:auto;}</style>";
	myValue += "<body>";
	myValue += "<div id='divA2' class='divA2 hideScroll' style='background:white; margin:0 0 0 " + str_menuWidth + "; height:100%;'>";
	myValue += "<iframe id='printf1' src='my.json.vbs.txt' style='overflow-y:scroll; border:none; height:100%; width:100%;' frameborder='0'></iframe>";
	myValue += "</div>";
	myValue += "</body></html>";
	MakePopup2( "myCodeCompose"+myValue );
}

function windowOpen( winUrl, name="win" ) {
	const win = window.open(
		winUrl,
		name,
		'height=' + screen.height + ',width=' + screen.width + ',resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes'
	);
}

function confirmWindowOpen( url ) {
	var func = 'windowOpen(\''+url+'\')';
	sweetalert2(5, func, 'This will open <span style=color:blue>' + url + '</span> in a new window.<br>Do you want to continue?')
}

function MakePopupCameraPage() {
	/*
    var decryptedBytes = CryptoJS.AES.decrypt("U2FsdGVkX18yzA8wj9FDtycvlyHFamqkTGuVRJo52ee2uCMhubxFdwsHlLP3Q/a6", "My Secret Passphrase");
    var url = decryptedBytes.toString(CryptoJS.enc.Utf8);
	*/
	var url = "https://rtsp.me/embed/FRZzHA5Z";
	//windowOpen( url, 'CameraPublicPage' );
	//displayemblem(true);
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>body {margin:0; overflow:hidden;} div.caption1 {color:white; font-family:Arial,Verdana; font-size:0; width:100%; top:0; z-index:999;} /*div.header2 {padding:10px; width:100%; height:3em; text-align:center; color:white; background:url(./images/live.gif) no-repeat center/contain; top:0; z-index:999;}*/</style>";
	myValue += "<body>";
	//myValue += "<div class='header2 myFontz'>If the picture doesn&#8242;t connect, the camera may be in Privacy Mode and you can try again later</div>";
	//myValue += "<div class='header2 centered2'></div>";
	var myCaptionString = "<div class='centered2' style='display:flex; justify-content:center; position:fixed; top:0; width:100%; z-index:999;'><div id='caption1' class='myFontz outlineTxt3' style='line-height:0; color:white;'>You are watching a live stream</div>" + popupWindowHyperlinkMax() + "</div>";
	//myValue += "<div id='caption1' class='caption1 myFontz outlineTxt3 centered2' style='width:calc(100% - " + (int_translatorPos*2).toString() + "px);'>You are watching a live stream<span style='margin-left:10px;'>" + popupWindowHyperlinkMax() + "</span></div>";
	myValue += "</body></html>";
	MakePopup( "myCameraPageCompose"+myValue, darkmode(), url, myCaptionString );
}

function MakePopupIntroPage() {
	const myMessage = "<div><img src='./images/avatar.png' style='float:left; padding:10px 50px; width:100%; min-width:350px; max-width:16em' /><p><i>Cheukwan.work</i> was a website created to be as intuitive to its visitors as it is to providing me an outlet to exploring my unhinged potential for ideas and creativity, by doing everything myself. From the ground up in the design and knowledge aspects to the execution that will permit me to achieve full artistic control over what I make and publish.</p><p>The journey of creating this website on a technical scale was always a work in progress and every encounter lead to giving me a sense of achievement and rewarding satisfaction. My wish is for my project to translate into becoming as entertaining to everyone who experiences it, as I have enjoyed writing it. I hope that you will find something new from your interaction here and remember me even after you leave.</p><p>When you take the time to explore my website, you will come to the realisation that I am a little different from other people, and I will be the first to own up to it. My behaviour and thoughts are sometimes misplaced and what I believed was real then, isn&#8242;t necessarily true to nature now. In a nutshell, I am a clinically certified mental patient and the premise to everything that you read and learn here is a running account of how I feel and act at the time.</p><p>I want the visitors to believe in hope and everything that is beyond our control is not out to harm us. There is so much pessimism in life that we don&#8242;t stop and think of our role in this world. I&#8242;m here to teach you that you are lucky and that you can persevere even at the worst of times in your lives.</p></div>";
	var myFooter = "<footer style='align-self:end; width:100%; height:auto; text-align:center; background-color:#F7C201;'>";
	myFooter += "<h3>Author: Made with &#10084; by Cheuk Wan<br>Copyright &#169 2024</h3>";
	//myFooter += "<div class='elfsight-app-e64af691-aa3e-4a31-b835-1ae9b59e182a' data-elfsight-app-lazy></div>";
	myFooter += "<div style='display:flex; margin-top:flex-end; justify-content:center;'>";
	myFooter += '<!-- fb like begin --><div data-flow=\"bottom\" data-tooltip=\"Facebook Like Button\"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.cheukwan.work&amp;layout=box_count&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp" style="overflow:hidden;width:59px;height:50px;" scrolling="no" frameborder="0" allowTransparency="true"><a href="/" class="fbook">addlikebutton.net</a></iframe></div><!-- fb like end -->';
	myFooter += '<!-- AddToAny BEGIN --><div data-flow=\"bottom\" data-tooltip=\"Social Share Buttons\"><a href="https://www.addtoany.com/share#url=https%3A%2F%2Fwww.cheukwan.work&amp;title=" target="_blank"><img src="https://static.addtoany.com/buttons/a2a.svg" width="32" height="32" style="background-color:royalblue"></a><a href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fwww.cheukwan.work&amp;linkname=" target="_blank"><img src="https://static.addtoany.com/buttons/facebook.svg" width="32" height="32" style="background-color:royalblue"></a><a href="https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fwww.cheukwan.work&amp;linkname=" target="_blank"><img src="https://static.addtoany.com/buttons/x.svg" width="32" height="32" style="background-color:royalblue"></a><a href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fwww.cheukwan.work&amp;linkname=" target="_blank"><img src="https://static.addtoany.com/buttons/linkedin.svg" width="32" height="32" style="background-color:royalblue"></a></div><!-- AddToAny END -->';
	myFooter += "</div>";
	myFooter += "<iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3692.3332660980036!2d114.2415009761165!3d22.265362179711715!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x340403117649be5b%3A0xe2be7470ff645c1e!2s388%20Chai%20Wan%20Rd%2C%20Chai%20Wan!5e0!3m2!1sen!2shk!4v1727910793934!5m2!1sen!2shk' width='100%' height='300' style='border:0;' allowfullscreen='' loading='lazy' referrerpolicy='no-referrer-when-downgrade'></iframe>";
	myFooter += "</footer>";
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:hidden;} .paragraph p{text-align:justify; text-justify:inter-word; padding:0 50px; color:inherit;}</style>";
	myValue += "<body>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2 paragraph myFontz' style='display:grid; overflow-y:auto; overflow-x:hidden; background-image: linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0 0 0 " + str_menuWidth + "; width:calc(100% - " + (int_menuWidth).toString() + "px); height:100%;'>";
        myValue += myMessage;
		myValue += myFooter;
		myValue += "</div>";
	} else {
		myValue += "<div id='divA2' class='divA2 paragraph myFontz' style='display:grid; overflow-y:auto; overflow-x:hidden; background-image: linear-gradient(to bottom, #f0fff0, #edfffc, #f3ffff, #fbfeff, #ffffff); margin:0; height:100%;'>";
        myValue += myMessage;
		myValue += myFooter;
		myValue += "</div>";
		myValue += popupWindowHyperlinkClose2();
		addClassList( "nestedsidemenu", "fade" );
	}
	myValue += "</body></html>";
	MakePopup2( "myHTMLCompose"+myValue );
}

function MakePopupPatreonPage() {
	windowOpen( 'https://patreon.com/cheuk', 'PatreonPage' );
	//displayemblem(true);
}

function MakePopupGooglePhotosAlbumPage() {
	windowOpen( 'https://photos.app.goo.gl/xVR5ezMqrkLsXKt38', 'GooglePhotosAlbumPage' );
}

function MakePopupSocialSharePage(path) {
	windowOpen('https://www.addtoany.com/share#url=' + urlEncode( invalid(path)?window.location.href:path ) + '&title=', 'sharewindow')
}

function MakePopupTeamsPage() {
	var myValue = "<html>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:auto;} .centered {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);} .zoom {zoom: 200%;}</style>";
	myValue += "<body>";
	myValue += "<div class='centered zoom'>";

    myValue += '<div style="margin-top: 24px; margin-bottom: 20px;"><span style="font-size: 24px; color:#252424">Microsoft Teams meeting</span></div><div style="margin-bottom: 20px;"><div style="margin-top: 0px; margin-bottom: 0px; font-weight: bold"><span style="font-size: 14px; color:#252424">Join on your computer, mobile app or room device</span></div><a rel="noreferrer noopener" href="https://teams.live.com/meet/9521935149955?p=nPY0RXC3q9Fhn7cD" style="font-size: 14px;font-family:\'Segoe UI Semibold\',\'Segoe UI\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;text-decoration: underline;color: #6264a7;" class="me-email-headline">Click here to join the meeting</a></div><div style="margin-bottom:20px; margin-top:20px"><div style="margin-bottom:4px"><span style="font-size: 14px; color:#252424;" data-tid="meeting-code">Meeting ID: <span style="font-size:16px; color:#252424;">952 193 514 995 5</span></span><br><span style="font-size: 14px; color:#252424;">Passcode: </span><span style="font-size: 16px; color:#252424;"> ngvw42 </span><div style="font-size: 14px;"><a rel="noreferrer noopener" href="https://www.microsoft.com/en-us/microsoft-teams/download-app" style="font-size: 14px;text-decoration: underline;color: #6264a7;font-family:\'Segoe UI\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;" class="me-email-link">Download Teams</a> | <a rel="noreferrer noopener" href="https://www.microsoft.com/microsoft-teams/join-a-meeting" style="font-size: 14px;text-decoration: underline;color: #6264a7;font-family:\'Segoe UI\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;" class="me-email-link">Join on the web</a></div></div></div><div style="margin-bottom: 24px;margin-top: 20px;"><a rel="noreferrer noopener" href="https://aka.ms/JoinTeamsMeeting" style="font-size: 14px;text-decoration: underline;color: #6264a7;font-family:\'Segoe UI\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;" class="me-email-link">Learn More</a>  | <a rel="noreferrer noopener" href="https://teams.live.com/meetingOptions/meetings/9521935149955/view?localeCode=en-US" style="font-size: 14px;text-decoration: underline;color: #6264a7;font-family:\'Segoe UI\',\'Helvetica Neue\',Helvetica,Arial,sans-serif;" class="me-email-link">Meeting options</a></div>';

	myValue += "</div>";
	myValue += "</body></html>";
	
	const winUrl = URL.createObjectURL(
		new Blob([myValue], { type: "text/html" })
	);
	/*
	const win = window.open(
		winUrl,
		"win",
		'height=' + screen.height + ',width=' + screen.width + ',resizable=yes,scrollbars=yes,toolbar=yes,menubar=yes,location=yes'
		//'width=800,height=400,screenX=200,screenY=200'
	);
	*/
	windowOpen( winUrl, "Teams" );
	displayemblem(true);
}

function MakePopupRecommendedLinks( option ) {
	var url_id;
	let xWidth = screen.width - str_menuWidth;
	var myValue = "<html><link rel='stylesheet' href='my.styles.css?v=5.33'>";
	myValue += "<style type='text/css'>html{margin:0;} body {margin:0; overflow:hidden;} .centered {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);} *{ margin:0; padding:0;} #pop-up{width:130%; height:100vh; padding-right:5%; box-sizing: border-box;}</style>";
	if( !b_isMobile ) {
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-color:white; margin:0 0 0 " + str_menuWidth + "; height:100%; width:" + xWidth + ";'>";
	} else {
		addClassList( "nestedsidemenu", "fade" );
		//addClassList( "contactContainer", "fade" );
		myValue += "<div id='divA2' class='divA2' style='overflow-y:auto; background-color:white; margin:0; height:100%; width:100%;'>";
	}

	switch( option )
	{
	case 'https://youtu.be/kkMPHO71vmY':
		url_id = "kkMPHO71vmY";
		break;
	case 'https://youtu.be/mrmvwh_ut5k':
		url_id = "mrmvwh_ut5k";
		break;
	case 'https://youtu.be/TK1JI2eYUOU':
		url_id = "TK1JI2eYUOU";
		break;
	case 'https://youtu.be/9b3E8FbMf5Q':
		url_id = "9b3E8FbMf5Q";
		break;
	case 'https://youtu.be/FuVleTfWttw':
		url_id = "FuVleTfWttw";
		break;
	case 'https://youtu.be/fNhdY4WMTKw':
		url_id = "fNhdY4WMTKw";
		break;
	case 'https://youtu.be/texO_6AixUA':
		url_id = "texO_6AixUA";
		break;
	case 'https://youtu.be/bznYaZ8Hh2U':
		url_id = "bznYaZ8Hh2U";
		break;
	case 'cheuk.wan':
		myValue += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id='printf2' src='https://www.juicer.io/api/feeds/cheuk-wan/iframe' frameborder='0' width='100%' height='100%' style='display:block; margin:0;'></iframe>";
		break;
	case 'googlephotosalbum':
		myValue += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe src='https://photos.app.goo.gl/xVR5ezMqrkLsXKt38' frameborder='0' width='100%' height='100%' style='display:block;margin:0 auto;'></iframe>";
		break;
	case 'patreonpage':
		myValue += "<iframe src='https://patreon.com/cheuk' frameborder='0' width='100%' height='100%' style='display:block;margin:0 auto;'></iframe>";
		break;
	case 'guestbook':
		myValue += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id='printf2' src='https://users3.smartgb.com/g/g.php?a=s&i=g36-37030-98' frameborder='0' width='100%' height='100%' style='display:block; margin:0;'></iframe>";
		break;
	case 'donate':
		//myValue += "<iframe src='https://www.paypal.com/ncp/payment/V5Q89JXDPW2CQ' frameborder='0' width='100%' height='100%' style='display:block; margin:0;'></iframe>";
		myValue += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id='printf2' src='https://www.cheukwan.work/pay' frameborder='0' width='100%' height='100%' style='display:block; margin:0;'></iframe>";
		break;
	case 'photos':
		myValue += "<div class=\"fadef\" style=\"z-index:1;\"></div><iframe id='printf2' src='https://www.cheukwan.work//photos' frameborder='0' width='100%' height='100%' style='display:block; margin:0;'></iframe>";
		break;
	}
	if( url_id > '' ) {
		myValue += '<div id="pop-up"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube.com/embed/' + url_id + '" width="640" height="360" frameborder="0" style="position:absolute;width:50%;height:50%;left:0" allowfullscreen></iframe></div></div>';
	}
	myValue += "</div>";
	myValue += "</body></html>";
	MakePopup2( "myStreamCompose"+myValue );
}

function divA2ScrollTop() {
	var x = document.getElementById("divA2");
	if(x) x.scrollTop=0;
}

function divA2ScrollTop() {
	var x = document.getElementById("divA2");
	if(x) x.scrollTop=0;
}

function CreateDivFromString(txtValue) {
	document.getElementById("showData").innerHTML = txtValue;
	//divA2ScrollTop();
}

function pad( i ) {
return (i<10 ? '0':'')+i.toString();
}

function sortDiary() {
	sortDesc=!sortDesc;
	CreateTableFromString(DiaryTxt2);
	changeFontAttrib("myFontz");
	smoothScrollToTop("divA2");
}

var DiaryTxt2 = "";
function writeToday( nextDate, nextDate2 ) {
	var dayOfWeek = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
	var text="";
	var tmp_txt;
	var tmp_array = [];
	var obj = JSON.parse(DiaryTxt);
	lines = 0;
	var i=0, j=0;
	if( nextDate && nextDate2 ) {
		var temp_dy1 = nextDate.getDay();
		var temp_dd1 = nextDate.getDate();
		var matchTheDay1 = nextDate.getFullYear() + "-" + pad(nextDate.getMonth()+1) + "-" + pad(temp_dd1) + " (" + dayOfWeek[temp_dy1] + ")";
		var temp_dy2 = nextDate2.getDay();
		var temp_dd2 = nextDate2.getDate();
		var matchTheDay2 = nextDate2.getFullYear() + "-" + pad(nextDate2.getMonth()+1) + "-" + pad(temp_dd2) + " (" + dayOfWeek[temp_dy2] + ")";
		//alert(matchTheDay1+", "+matchTheDay2);
		do {
			for( j=0; j<7; j++ ) {
				tmp_txt = eval( "obj.diary[" + i + "]." + dayOfWeek[j] );
				if( tmp_txt ) {
					tmp_array2 = tmp_txt.split("<br>");
					tmp_array = tmp_array.concat(tmp_array2);
					//alert(tmp_array2);
				}
			}
			i++;
		} while (i < obj.diary.length);
		tmp_array.sort();
		if (!sortDesc) tmp_array.reverse();
		for( i=0; i < tmp_array.length; i++) {
			if( tmp_array[i] ) {
				compareValue = tmp_array[i].substring(0, 10).localeCompare(matchTheDay1.substring(0, 10));
				compareValue2 = tmp_array[i].substring(0, 10).localeCompare(matchTheDay2.substring(0, 10));
				if( (compareValue == 1 && compareValue2 == -1) || compareValue == 0 || compareValue2 == 0 ) {
					text += (i==0?"":"\n") + tmp_array[i];
				}
			}
		}
	} else if( nextDate ) {
		//dy && dd
		var temp_dy = nextDate.getDay();
		var temp_dd = nextDate.getDate();
		matchTheDay = nextDate.getFullYear() + "-" + pad(nextDate.getMonth()+1) + "-" + pad(temp_dd) + " (" + dayOfWeek[temp_dy] + ")";
		tmp_txt = eval( "obj.diary[" + temp_dd + "-1]." + dayOfWeek[temp_dy] ); // i.e. database fields of 'day'(dy) and 'date'(dd) declarations, n.b. there are no fields for 'year' and 'month' and so I will use the <br> delimeter to seperate the year-months
		if( tmp_txt ) {
			tmp_array = tmp_txt.split("<br>"); //Split a string into new array elements of tmp_array, i.e. Different year-months but with the same 'day'(dy) and 'date'(dd) will be seperated
			tmp_array.sort(); //May speed up the search process if sorted
			if (!sortDesc) tmp_array.reverse();
			for( i=0; i < tmp_array.length; i++) { //Search for the matching date
				if( tmp_array[i] ) {
					if( tmp_array[i].indexOf(matchTheDay) >=0 ) {
						text = tmp_array[i];
						lines++;
						break; //If 'yyyy-mm-dd' string is found
					}
				}
			}
		}
	} else {
		do {
			for( j=0; j<7; j++ ) {
				tmp_txt = eval( "obj.diary[" + i + "]." + dayOfWeek[j] );
				if( tmp_txt ) {
					tmp_array2 = tmp_txt.split("<br>");
					tmp_array = tmp_array.concat(tmp_array2);
				}
			}
			i++;
		} while (i < obj.diary.length);
		tmp_array.sort();
		if (!sortDesc) tmp_array.reverse();
		for( i=0; i < tmp_array.length; i++) {
			if( tmp_array[i] ) {
				text += (i==0?"":"\n") + tmp_array[i];
				lines++;
			}
		}
	}
	text = text.trim();
	if( text > '' ) {
		DiaryTxt2 = text;
		//if( nextDate ) CreateTableFromString( DiaryTxt2 );
		//alert( DiaryTxt2 );
	}
	CreateTableFromString( text );
	return text;
}

function CreateTableFromString( txtValue ) {
	if( txtValue == '' ) {
		//sweetalert2(0,'','The date you have selected has no entry!');
		/*
		Swal.fire(
		  'Oops...',
		  'The date you have selected has no entry',
		  'error'
		);
		*/
		myDate = new Date(tmp_myDate);
		return false;
	}
	var table = document.createElement("table");
	table.className = "myTablez myFontz";
	table.style.width = "100%";
	table.style.wordWrap = "break-word"; // word wrap
	table.style.tableLayout = "fixed"; // word wrap
    table.style.borderCollapse = "collapse"; // word wrap
	var tr, arrStr, tabCell;
	arrStr = txtValue.split("\n");
	if (!sortDesc) {
		for (var i = 0; i < arrStr.length; i++) {
			tr = table.insertRow(-1);
			tabCell = tr.insertCell(-1);
			tabCell.style.textAlign = "justify"; tabCell.style.textJustify = "inter-word"; tabCell.style.paddingRight = "10px";
			if( arrStr[i] ) {
				tabCell.innerHTML = "<div id=\'" + arrStr[i].substring(0, 10) + "\' />" + arrStr[i];
			} else {
				tabCell.innerHTML = "Nothing found here<br>Please choose another date";
			}
		}
	} else {
		for (var i = arrStr.length - 1; i >= 0; i--) {
			tr = table.insertRow(-1);
			tabCell = tr.insertCell(-1);
			tabCell.style.textAlign = "justify"; tabCell.style.textJustify = "inter-word"; tabCell.style.paddingRight = "10px";
			if( arrStr[i] ) {
				tabCell.innerHTML = "<div id=\'" + arrStr[i].substring(0, 10) + "\' />" + arrStr[i];
			} else {
				tabCell.innerHTML = "Nothing found here<br>Please choose another date";
			}
		}
	}
	var divContainer = document.getElementById("showData");
	if( divContainer ) {
		divContainer.innerHTML = "";
		divContainer.appendChild(table);
		//divA2ScrollTop();
	}
	return true;
}

function clearArray(array) {
  while (array.length > 0) {
    array.pop();
  }
}

function generatepopupWindow2(mySource, event) {
	popupWindow2 = document.createElement ("div");
	popupWindow2.style.padding = "0";
	popupWindow2.id = "popup2";
	popupWindow2.style.width = "100%";
	popupWindow2.style.height = "100%";
	popupDiv.innerHTML = "";
	popupDiv.appendChild (popupWindow2);
	popupDiv.style.zIndex = "9";

	if( doesExist(mySource, "myHTMLCompose").match ) {
		/* html code */
		popupDiv.innerHTML = mySource.replace("myHTMLCompose", "");
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myPopupCompose").match ) {
		/* html code */
		var txt="";
		popupWindow2.style.backgroundSize = "cover";
		var sourceFileExtension = ".mp4";
		txt += "<iframe srcdoc=\"" + mySource.replace("myPopupCompose", "") + "\" width=\"100%\" height=\"100%\" style=\"border:none; overflow:hidden; scrolling:hidden;\" frameborder=\"0\"></iframe>";
		popupWindow2.innerHTML = txt;
	} else if( doesExist(mySource, ".htm,.html").match ) {
		/* file */
		var result;
		result = mySource;
		popupWindow2.innerHTML = "<iframe id=\"printf2\" class=\"printf2\" src=\"" + result + "\" width=\"100%\" height=\"100%\" style=\"border:none; overflow:auto; scrolling:auto;\" frameborder=\"0\"></iframe>";
	} else if( doesExist(mySource, "myDiaryCompose").match ) {
		/* diary */
		popupDiv.innerHTML = mySource.replace("myDiaryCompose", "");
		writeToday();
		//CreateTableFromString( writeToday() );
		//popupDiv.innerHTML += popupWindowHyperlinkDownload("my.json.js.txt");
		//includeJs("./my.datepicker.js.txt");
		//myDate = new Date(getISOLocalString().split('T')[0]);
		//tmp_myDate = new Date(myDate);
		myDate = "";
		tmp_myDate = ""
		clearArray(g_arg);
		//addClassList( "some-input", "show" );
		//removeClassList( "some-input", "fade" );
		removeClassList( "dateselection", "fade" );
		//addClassList( "datepicker", "show" );
		//changeFontAttrib('myTablez');
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myViewsCompose").match ) {
		/* views */
		popupDiv.innerHTML = mySource.replace("myViewsCompose", "");
		CreateDivFromString( myViewsText );
		//popupDiv.innerHTML += popupWindowHyperlinkDownload("my.views.js.txt");
		//changeWidth('caption');
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myArchiveCompose").match ) {
		/* archive */
		popupDiv.innerHTML = mySource.replace("myArchiveCompose", "");
		CreateDivFromString( myArchiveText );
		//popupDiv.innerHTML += popupWindowHyperlinkDownload("my.archive.js.txt");
		//changeWidth('caption');
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myDonateCompose").match ) {
		/* donate */
		popupDiv.innerHTML = mySource.replace("myDonateCompose", "");
		CreateDivFromString( myDonateText );
		//changeWidth('caption');
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myShopCompose").match ) {
		/* shop */
		/*
		popupDiv.innerHTML = mySource.replace("myShopCompose", "");
		CreateDivFromString( myShopText );
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
		*/
	} else if( doesExist(mySource, "myWebcamCompose").match ) {
		/* webcam */
		/*
		popupDiv.innerHTML = mySource.replace("myWebcamCompose", "");
		popupDiv.innerHTML += popupWindowHyperlinkClose2();
		popupDiv.innerHTML += popupWindowHyperlinkMax2();
		CreateDivFromString( myWebcamText );
		*/
	} else if( doesExist(mySource, "myStreamCompose").match ) {
		/* stream */
		popupDiv.innerHTML = mySource.replace("myStreamCompose", "");
		if(b_isMobile) popupDiv.innerHTML += popupWindowHyperlinkClose2();
		//popupDiv.innerHTML += popupWindowHyperlinkMax2();
		//popupDiv.innerHTML += popupWindowHyperlinkDownload("my.stream.url.txt");
	} else if( doesExist(mySource, "myDonationsPageCompose").match ) {
		/* donations */
		popupDiv.innerHTML = mySource.replace("myDonationsPageCompose", "");
		changeFontAttrib('myFontz');
		smoothScrollToTop("divA2");
	} else if( doesExist(mySource, "myCodeCompose").match ) {
		/* code */
		popupDiv.innerHTML = mySource.replace("myCodeCompose", "");
		//popupDiv.innerHTML += popupWindowHyperlinkDownload("my.javascript.js.txt");
	} else if( doesExist(mySource, "myHomeCompose").match ) {
		/* welcome message*/
		popupDiv.innerHTML = mySource.replace("myHomeCompose", "");
	} else {
		sweetalert2(0,'','Error in MakePopup2()');
		/*
		Swal.fire(
		  'Oops...',
		  'Error in MakePopup2()',
		  'error'
		);
		*/
		RemovePopup2();
		return;
	}
	addClassList( "popupDiv", "show" );
	var elem = document.getElementById("printf2");
	if ( document.body.contains(elem) ) {
		//elem.style.zIndex = 1;
		addClassList( "fadef", "show" );
		elem.onload = function() {
			//popupWindow.style.background = myBGColour;
			//elem.style.zIndex = 99;
			removeClassList( "fadef", "show" );
			//alert('here');
		}
	}
	event.stopPropagation ();
}

var popupWindow2 = null;
function MakePopup2 (event) {
	//displayemblem( false );
	var mySource =  arguments[0];
	generatepopupWindow2(mySource, event);
}

function displayemblem( myValue ) {
	//if( !b_isMobile ) {
		if( myValue ) {
			displayWelcomeMsg();
			removeClassList( "myLogoButton", "fade" );
		}
	//}
}

function displayWelcomeMsg() {
	playVideoBg2(videoBackground2);
	//b_isMobile?addClassList( "logoContainer", "show" ):addClassList( "logoContainer2", "show" );
	if( !b_isMobile ) addClassList( "logoContainer2", "show" );
}

function displayWelcomeMsg2() {
//	if( !b_isMobile ) {
/*
		const welcomePicture2 = "./images/favicon-MSR-2023-01-18.png";
		var arr_myValue = new Array( '<div class="align-center centered" style="background:url(' + welcomePicture2 + ') no-repeat center/contain; height:100%; max-height:70%; width:30%; min-width:300px;"></div>' );
		//const welcomePicture = "./images/61b2e231f238ab00980b84ef-0002.jpg";
		//var arr_myValue = new Array( '<table class="properties"><tr><td><div class="caption"><a href="javascript:void()" onclick="displayPopupPicture(&quot;' + welcomePicture + '&quot;)"><div class="image1" style="background-image:url(' + welcomePicture + ')"></div></a><div class="desc"><span style="font-weight:bold">Welcome to my website</span>. Transparency is at the core value of my theme. You will learn about me in a deluge of visuals and explanations. This incarnation was developed as a definitive aim of portraying myself in all accuracy for the sole reason of being represented in the best way I know I can.</div></div></td></tr></table>' );

		var myValue = "<html><link rel='stylesheet' href='my.shop.styles.css'>";
		myValue += "<style type='text/css'>html{margin:0;} body {margin:0;} .properties {font:" + standardText + "}</style>";
		myValue += "<body>";
		myValue += arr_myValue[ Math.floor( Math.random()*arr_myValue.length ) ];
		myValue += "</body></html>";
*/

//var myValue = "<html><link rel='stylesheet' href='my.shop.styles.css'>";
myValue = "<style type='text/css'>html{margin:0;} body {margin:0;} .properties2 {height:100%; max-height:100%; width:100%; max-width:100%;}</style>";
myValue += "<html><body>";

if( !videoBackgroundOn )
	playVideoBg2(videoBackground2);
else {
	/** Embed photo album on website **/
	/* https://www.theedublogger.com/embed-google-photos-album/ */
	/* https://www.publicalbum.org/blog/embedding-google-photos-albums */

	includeJs("https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js");

	myValue += '<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>';
	myValue += '<div class="pa-carousel-widget properties2 centered"';
	myValue += '  data-link="https://photos.app.goo.gl/xVR5ezMqrkLsXKt38"';
	myValue += '  data-title=""';


	myValue += '  data-description="12 new items added to shared album"';
	myValue += '  data-background-color="transparent">';
	/*
	myValue += '  <object data="https://lh3.googleusercontent.com/HwJZ30HRCmwaAeBW-RWQjDHJOLeWvMgD-vrAAMGIeidSTKrvSLlOPbXc3l_67qZnQOJX9jvTT6yIdfV8O6w0ocHWp0NP7jI9fsPBEdqjq4zk1vJKyjfSbflxQP4TlcOxu4G7ND3msw=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/ucMH3WMRL1a87d5HkQLWpXzyNg-ZPd9b27vzto-03xXwgizrHA0yb7AAEPAaeOLV4_8ZaWcYtvUpGemFG4yjU19qGA1A56rjfrBjLIHDTq3dIFsWl5yUjjZdfMWEeWBhptofDF-d_g=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/XNTaILj83F3gdqg-RN3xuKZcBYdhl2KJKCYt_yrPxIERlE4PoAJiM9FeBCfCVS851h3O7RunLOJ56kTOXV4m5zID-zjkGgrlXTC34P0UeB5eLJrFYNlKFxm3kqBC5brbuTLdjFIiDw=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/_IIH_aN5glXc_88YZSlXu7UK41Usio0K0Ol0MDH6LP7813nB5CCBuYHJsgx12zAJVBlnHbmh4bQ3lSE9TlVklb54EXfMYwDfDbck1PfHGSXlBMghiLlXeWDMXmEj6VKQAd3sbdgRXw=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/HG2fXcp180Nj-WZuPXRiqGut3VMGw06yTtbQP_ciCjM1cq8ym0bW7XlpO7Of4Xg-Eb-UUWTRK784GXFXz2UX0SX_OnZMJNkjthpsuy1wdIu7YuEHtvZakBMzdlql6NowmKZMofr6Aw=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/sgGWaK4n_1CFkvLE8SkSiZ1dfRA3d5VBxspa6M30_Yxiu0LbwvYAoP8n_zrXJUtT7LiO8E1ssxiImQD4eSozlDyGafWiu3zFBwTbL1inJdGBIc8jFAbVwOs8VKJKPCfgIJbw95RA7w=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/w15_j5auVO9vtbgQLiJibmDHoAEbG2ZW8RVjjd5eGGo-HCxCYHw8hDQRlNVQM7ub1vcJebIZf0NHUJvUnQsDq6O2YvIzqV01fMvvHHi-wrAD81k170jslZZplZUtPvc3Yuv3QAkZAQ=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/Q-HOZVh-FLRmj4iCO-9Fe0UuFPLgIB0yhd6S69tk8FW1abnlV943Xmz0G02GuPqu-qi6S0AhK5UG_q7EHvYcInwuhekDiGNpOtFrxvgJ5R5lVnw9LC083fcxt4ri4_49pCM7bYOMvA=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/XULCuQ1Lulqt5VPwwnZm9btqqP0o77pAyxKmJb5iYgxs5AfqGHtr3bqkbqOwG0e9H5EEAY-gmtcJjmlbdTn583oUWgoWoSuRf9iRaiy5fCh70-Jkf5uOxufEUjlvA6ShL2zhybQ-iA=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/Pc6ZEqlxdLrXnR7w9X7kXNIS2DyCO1IXopOnO-yDt-Dnxji3PW_vLp7oTx9dwOsLwdVrK9uBz6EB62ak9KAoz6A23G0okoDTT_E3m07gXveJBsrjwegHMCLuDVG4nBvsyr-g_gA_Fg=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/t41GvuW5o1K9A2pb3BjSbQLuqd19OUnp6LzpzLZtbVRais0oMvKNlZyDADVkbfAQSlkkXq5OLPlimjAe4IRM_nndv5pxaMxp8ed4hdpGc-ik5Dar4qPpDUYuw_MTcoh2E0BP--w9aQ=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/uLIjK_lTEdZ29jlYHAnw8I29lApuEy28BfhwxJHUI9sfapdxLzviBmoYGX1yGWBFo_zB0yY0r3nM17D3r6ES72FsRRDEaswrGAj9dZ27Au9-MmdTPDljDdh2cNGO53F889ikjujL5g=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/wRKursQVKuACCtKA2cVdiHN_6OsPlP-nSBYXgbwCooaCpT4qfXJ6NldFUQ0QBmiqd9v_vv1h7IO9PHn0laK59OA-2DSrYnKyMryW8sitx14Jb9P8l5gp_x9TW1dOVHBab_SfSBr1KA=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/vI9YwcvnO2IoZUF5ZrMhuE3g7NP6kGhwFyAALsbVkAW8Pve3KpLyFnndZt2VBzgVrISrjcy1cQVlf65vCULVW6Zpv34Y0M9ZQr9rf3ht7jdIVAXOu5v5310itvzstdt7B8wGFvoROA=w1920-h1080"></object>';
	*/
	//myValue += '  <object data="https://lh3.googleusercontent.com/u1yGgSC6DB-BgZAD68HHrl6sIFe3V3eJlIq6At92tCB0PCrzvoBZoN5TytYSIHjO1CDC5nkDW8zfqCX5HUiD_yCf8AuwQHh-hIqV6wNot9PbtIUj7u35-g9k9j4bteZytJ451__OkA=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/kc97V1j7dP82ru8TeaXqfmMqfqTr8yp6ywXHP6Ngglf5GnUumP5jrec0gyK9RBVpkS0U5kDsAfs5IipFGUd8qQj0YiDbrS-a-z2eDIxEaHar3wy62k1f7oVQ8DDF8HhoVz7eWCIjDA=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/oqWitG-VDeP4tzo6WWokdjQzycwTeRiMNx3ST_-bCZx1xXMvKTy6i3F9aXXmP8CuxpqwK8pnKwcpMGTROdw_C4QRl5Z-ENbyUK3CCuo9Shcx-ENFcculDtlGD0JSfCNcPJChVP5goA=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/yCQ_dVrDRW9Fhsmb3RpLOTU3l1hwxqJDnsqlBwO_KV7p1dSez7mecZoJw6DkazlpaQGGk1zIg_h9HLAk8UkI14zNvnBLrPgDOfhVbgF7iuTCMy4OOvEHZ6zel6XFdbkOEVkT1iprQg=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/MWOIZrYpuQOk_SuUjxqC8KtcSqgcxnAGw-pgXO-Ub1mjt6ioIb7cZGVs2su8wZPsUpUDTGrIKzl-fUYBKjO0tGr4GI7da_8t_PBrbwc-irApYy8DOYsh70P8dLvE0hw-2AT2Zsh-tw=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/Pldqzpt9-Fat8vigYMoMVQ3YZyKaULXNz1hKLJjabV2gtKF4meEXXpHp5mw_QVOZp9lW-ets6KAGvr27cACBHJ7giM7Gk3IaxOoTfT3pivTKhL66xlm6VP5oGfuwPz0JfjSdWGhcUQ=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/AJFCJaVAKOa-YWk5OXG1z1V3R21c5oIZEaC7GpZuornzXxjzrJySxN4Qzu7v-otcQJ-JlVOVwUFd5Yt5hL5-HIblBVYKAWf-JXs6dTXrcl--N0WBs_OmDPg=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/AIL4fc_j7KffiZ4q3azUkuTwM1BwKjbn6Bb5Pwqyx0fQMZjqCjG2tE5y9GZLtNUDpaSzZi1qcA3hKxGg7WRxsJZFlDqEF3Bhm5p1k4zMLsqd685lXvT01yk=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/AIL4fc_ITugHam9oVIGfKBeMCpGh8SG-HX9yIlzGDzHdHVULGOEhO7WHkMYC8Dxly8bhclN9p8bmMOFAjpTcRdnEOKUL7WVNj9Mn6MHIHmB3NjCJNpdUwYY=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/AIL4fc8yGCSjcIP9h9RkdVVFIpP48-PoVn8CiHmJcpoUv9j8XaNNwY1tn-K8-bfjhtcmS3o7_2SqCe3tfpDOtKSQnCfJjVeXdPONEcelPnfFmApwQ46mGPM=w1920-h1080"></object>';

	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/AIL4fc_Jk4JyhF8dnp4FDtVoEmDH_L2Eo341bqd5ZK4WgwrLXaY-oFOboIeKfTj2xZQt7YbSbrYUa-hmQWkc7hQZ3O9XLafV46Ct1foembYB519TX7Q9gJk=w1920-h1080"></object>';
	//myValue += '  <object data="https://lh3.googleusercontent.com/pw/ADCreHc1wIGDkYvMEXc0fIoGiKAu07KVDQzE1HNeK4ee3Zzf3Yfg5igtpRlzv2NuIrUHOkccu_6jffZTygY1olX1uR_WpzAr4LWav6YJm2CLWd2y9w4QN7w=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/pw/AP1GczPYmcabFPWQBfzmFrppy4UPgPpbwzx4n-V-XAWKQtcFe4p4jWeVhjDyDr0Zod86zEIRGo9skTsmaf_JyRmvOaamRpqScVK6CHupZ3nNoN6CPbDaPiM=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/pw/AP1GczM5PESYXBD8AOiGZzo_h1cGC1w6LOAka15d_UpbdrJbrPlawsINyZXF98ds6Hvi-Lt9gxVzkruzyqPY3USsAor29kBk1IS6nHvrqtweYZjhdiQ2Usk=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/pw/AP1GczOcwSOD0WmictD7PF4P-Csdf-XVGTXzdhkgJsrD2V1Rhv76f8ZYjyJO8WIDv3KJ0xk3zA2hDzXeqaCA5pB2tzasm6CLadEmmpGSTvjzMbEXb3rX_Zk=w1920-h1080"></object>';
	myValue += '  <object data="https://lh3.googleusercontent.com/pw/AP1GczPo41UbF_ztA_-gCV9pBDo8TzIsz116MEDX9txv6QoiBjD-ksUO-uWKICXmKqrhZxlQnyLkj-PDrLXr7CaBok2_VLJ1U5F6uTi4YwPQreV4mIB7XjM=w1920-h1080"></object>';
	myValue += '</div>';
}
/* https://www.timeanddate.com/clocks/freecountdown.html */
if( b_isMobile )
	myValue += '<img class="logoContainer" src="./images/favicon-transparent.png" />';
else
	myValue += '<img class="logoContainer2" src="./images/favicon-circle-cropped.png" />';
/*
myValue += '<div class="timerContainer">';
myValue += '<iframe src="https://free.timeanddate.com/countdown/i8xh7i17/n102/cf100/cm0/cu4/ct0/cs1/ca2/co1/cr0/ss0/cac000/cpc000/pct/tcfff/fs100/szw320/szh135/tatHalfway%20House%20ends%20in/tacfff050/tptHalfway%20House%20ends%20in/tpcfff050/iso2024-08-18T00:00:00" allowtransparency="true" frameborder="0" width="320" height="135"></iframe>';
myValue += '</div>';
*/

		myValue += "</body></html>";
		MakePopup2( "myHomeCompose"+myValue );
/*
	} else {
		const welcomePicture2 = "./images/favicon-MSR-2023-01-18.png";
		var arr_myValue = new Array( '<div class="align-center centered" style="background:url(' + welcomePicture2 + ') no-repeat center/contain; height:100%; max-height:70%; width:30%; min-width:300px;"></div>' );

		var myValue = "<html><link rel='stylesheet' href='my.shop.styles.css'>";
		myValue += "<style type='text/css'>html{margin:0;} body {margin:0;} .properties {font:" + standardText + "}</style>";
		myValue += "<body>";
		myValue += arr_myValue[ Math.floor( Math.random()*arr_myValue.length ) ];
		myValue += "</body></html>";
		MakePopup2( "myHomeCompose"+myValue );
	}
*/
}


function displayPopup2( myValue ) {
	myValue ? addClassList( "popupDiv", "show" ) : removeClassList( "popupDiv", "show" );
}

function RemovePopup2(event) {
	var elem1 = document.getElementById('pageup');
	if (elem1) {
		elem1.parentNode.removeChild(elem1);
	}
	var elem2 = document.getElementById('divA2');
	if (elem2) {
		elem2.parentNode.removeChild(elem2);
	}
	var elem3 = document.getElementById('label5');
	if (elem3) {
		elem3.parentNode.removeChild(elem3);
	}
	removeClassList( "popupDiv", "show" );
	//document.removeEventListener ('keyup', escKeyup, true);
}

async function vidOff2() {
	//removeVideo();
	vidOff();
	setBackground( playFile );
}

function RemoveWebcam(event) {
	var elem = document.getElementById('vid-show');
	if (elem) {
		vidOff2();
		elem.parentNode.removeChild(elem);
		elem4 = document.getElementById('divA2');
		if (elem4) elem4.parentNode.removeChild(elem4);
	}
	/*
	var elem2 = document.getElementById('label3');
	if (elem2) {
		vidOff();
		elem2.parentNode.removeChild(elem2);
	}
	var elem3 = document.getElementById('label4');
	if (elem3) {
		vidOff();
		elem3.parentNode.removeChild(elem3);
	}
	*/
}

/* Print textarea value begin */
function reltoabs(link){
    let absLink = location.href.split("/");
    let relLink = link;
    let slashesNum = link.match(/[.]{2}\//g) ? link.match(/[.]{2}\//g).length : 0;
    for(let i = 0; i < slashesNum + 1; i++){
        relLink = relLink.replace("../", "");
        absLink.pop();
    }
    absLink = absLink.join("/");
    absLink += "/" + relLink;
    return absLink;
}

function printTextarea(){
	var myText = writeToday();
	//var myValue = "<link rel='stylesheet' href='my.styles.css'>";
	var myValue = "<style type='text/css'>@media screen, print {#container1{background-color:white; padding:20px 20px 80px;} body{margin:0; font-family:Arial,Verdana; font-size:16px;} #footer{position:fixed; left:20px; bottom:20px;} p{break-inside:avoid;} hr{display:block; height:1px; background:transparent; width:100%; border:none; border-top:solid 1px #aaa;} A:link, A:visited, A:hover{text-decoration:none; color:blue;}} @media print {@page {size:auto; margin:1.75cm 1.2cm 1.25cm;}}</style>";
	myValue += "<html><body><div id='container1'>";
	myValue += "<div style='page-break-after: always;'><img src='./images/Cheuk-Wan-Book-Cover-1638x2560.png' width='auto' height='900px' /></div>";
	//myValue += "<div style='page-break-after: always;'><img src='" + reltoabs("images/Cheuk-Wan-Book-Cover-1638x2560.png") + "' width='auto' height='900px' /></div>";
	myValue += myText.replace(/\n/g, "<hr><p>");
	myValue += '<p>&#931; ' + lines + (lines ==1 ? ' line' : ' lines') + '</p>';
	myValue += '<p>Copyright &#169 2024, Cheuk Wan. I reserve the right to change, add, or remove portions of content at any time by reposting.</p>';
	myValue += "</div></body></html>";
	var mywindow = window.open('', '_blank', 'toolbar=yes,scrollbars=yes,resizable=yes,top=0,left=0,width=800,height=600');
	mywindow.document.write(myValue);
	mywindow.print();
	mywindow.close();
//MakePopup2( "myPopupCompose"+myValue );
}
/* Print textarea value end */

function countVisits(myValue) {
	if( readCookie('ppkname') ) {
		if( myValue ) {
			cnt = myValue;
		} else {
			var cnt = parseInt( readCookie('ppklogoncount') );
			cnt = (isNaN(cnt) ? 1 : cnt+1);
		}
		createCookie('ppklogoncount', cnt.toString(), 0); 
	}
}

function displayName() {
	var nameTxt = readCookie('ppkname');
	var timesTxt = readCookie('ppklogoncount');
	if (nameTxt) {
		const Toast = Swal.mixin({
		  toast: true,
		  position: 'top-end',
		  showConfirmButton: false,
		  timer: 3000,
		  timerProgressBar: true,
		  didOpen: (toast) => {
			toast.addEventListener('mouseenter', Swal.stopTimer)
			toast.addEventListener('mouseleave', Swal.resumeTimer)
		  }
		})

		Toast.fire({
		  icon: 'success',
		  title: 'Welcome back, ' + nameTxt,
		  text: 'You have visited ' + (timesTxt ? timesTxt.toString() : '0') + ' times.'
		})
	}
}

async function myContinue(r) {
	vidOff();
	await Swal.fire({
	  title: 'Your camera has been closed for you. You are now ready to continue.',
	  icon: 'warning',
	  showCancelButton: false,
	  confirmButtonColor: '#3085d6',
	  cancelButtonColor: '#d33',
	  confirmButtonText: 'Yes, continue!'
	}).then((result) => {
	  if (result.isConfirmed) {
		vidOn(r);
	  }
	})
}

async function myDisplay() {
	var nameTxt = readCookie('ppkname');
	const { value: text } = await Swal.fire({
	  input: 'textarea',
	  inputLabel: 'Please enter your name',
	  inputPlaceholder: (nameTxt ? nameTxt : 'Type your name here...'),
	  inputAttributes: {
		'aria-label': 'Type your name here'
	  },
	  showCancelButton: true
	})

	if (text) {
	  Swal.fire('Thanks, ' + text);
	  createCookie('ppkname', text, 0);
	  if( nameTxt != text ) countVisits(1);
	}
}

async function copyTextToClipboard(textToCopy) {
    try {
        await navigator.clipboard.writeText(textToCopy);
        console.log('copied to clipboard')
    } catch (error) {
        console.log('failed to copy to clipboard. error=' + error);
    }
}

function getISOLocalString() {
  let date = new Date();
  let tzo = -date.getTimezoneOffset();

  if (tzo === 0) {

    return date.toISOString();

  } else {

    let dif = tzo >= 0 ? '+' : '-';
    let pad = function(num, digits=2) {
      return String(num).padStart(digits, "0");
    };

    return date.getFullYear() +
      '-' + pad(date.getMonth() + 1) +
      '-' + pad(date.getDate()) +
      'T' + pad(date.getHours()) +
      ':' + pad(date.getMinutes()) +
      ':' + pad(date.getSeconds()) +
      dif + pad(tzo / 60) +
      ':' + pad(tzo % 60) +
      '.' + pad(date.getMilliseconds(), 3);

  }
}

function findPosition(obj) {
	let currenttop = b_isMobile ? -40 : 0; //shift below toolbar for mobile
	if (obj.offsetParent) {
		do {
			currenttop += obj.offsetTop;
		} while ((obj = obj.offsetParent));
		return [currenttop];
	}
}

function isDate(myDate) {
  return myDate.constructor.toString().indexOf("Date") > -1;
}

function sweetalert2(option, action, msg) {
// https://kominfo.kepriprov.go.id/beta/assets/admin/css/lib/sweetalert
switch( option )
{
case 0:
	//Swal.fire('Testing.');
	Swal.fire({
	  icon: 'error',
	  title: 'Oops...',
	  html: '<p style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">' + msg + '</p>'
	});
	break;
case 1:
	Swal.fire(
	  'Good job!',
	  'You cleared everything!',
	  'success'
	);
	break;
case 2:
	var txt = readAllCookies().toString() + ' Cookies found';
	const swalWithBootstrapButtons = Swal.mixin({
	  customClass: {
		confirmButton: 'btn btn-success',
		cancelButton: 'btn btn-danger'
	  },
	  buttonsStyling: true
	});

	swalWithBootstrapButtons.fire({
	  title: 'Are you sure?',
	  text: txt,
	  icon: 'warning',
	  showCancelButton: true,
	  confirmButtonText: 'Yes, delete them!',
	  cancelButtonText: 'No, cancel!',
	  reverseButtons: true
	}).then((result) => {
	  if (result.isConfirmed) {
		eraseAllCookies();
		swalWithBootstrapButtons.fire(
		  'Deleted!',
		  'Your cookies have been deleted.',
		  'success'
		)
	  } else if (
		/* Read more about handling dismissals below */
		result.dismiss === Swal.DismissReason.cancel
	  ) {
		swalWithBootstrapButtons.fire(
		  'Cancelled',
		  'Your cookies are safe.',
		  'error'
		)
	  }
	});
	break;
case 3:
	var img1 = new Image();
	img1.onload = function() {
		// the image is ready
		Swal.fire({
		  title: 'Welcome to my website',
		  //html: 'Copyright &#169 2024 Cheuk Wan<p style="color:blue; cursor:pointer;" onclick="location.href=\'mailto:abc@cheukwan.work?subject=Contact the author&body=Your message please.\';">abc@cheukwan.work</p><p style="color:blue; cursor:pointer;" onclick="MakePopupGooglePhotosAlbumPage();">My Photos Album</p><p style="color:blue; cursor:pointer;" onclick="MakePopupPatreonPage();">Join me on Patreon</p>',
		  html: '<span style="font:' + (largetextOn?largeText:standardText) + ';">Copyright &#169 2024 Cheuk Wan<p style="color:blue; cursor:pointer;" onclick="sweetalert2(5, \'location.href=\\\'mailto:abc@cheukwan.work?subject=Contact the author&body=Your message please.\\\'\', \'This will create a new email message. Do you want to continue?\')">abc@cheukwan.work</p></span>',
		  imageUrl: './images/PhotoFunia-1726050272.gif',
		  imageWidth: 300,
		  imageHeight: 300,
		  imageAlt: 'Custom image',
		})
	};
	img1.src = "./images/PhotoFunia-1726050272.gif";
	break;
case 4:
	myDisplay();
	break;
case 5:
	Swal.fire({
	  icon: 'question',
	  html: '<p style="overflow:hidden; color:#494949; font:' + (largetextOn?largeText:standardText) + ';">' + (msg>''?msg:'Do you want to continue?') + '</p>',
	  showCancelButton: true,
	}).then((result) => {
	  if (result.isConfirmed) {
		eval(action)
	  }
	})
	break;
case 6:
	var img1 = new Image();
	img1.onload = function() {
		// the image is ready
		Swal.fire({
		  title: 'This website is now mobile friendly',
		  html: '<p style="color:black;">What\'s new (2023-08-18):<ul style="text-align:left;"><li>Playing jumpy video debugged</li><li>\"Switch themes\" has more options</li><li>\"My documents\" has more items</li><li>\"Please support\" is now mobile compatible</li><li>\"About...\" linked to My Google Photos Album</li></ul></p>',
		  confirmButtonText: 'OK',
		  imageUrl: './images/mobile-friendly.png',
		  imageWidth: 230,
		  imageHeight: 230,
		  imageAlt: 'Custom image',
		}).then((result) => {
		  if (result.isConfirmed) {
			addClassList( "startup", "fade" );
		  }
		});
	};
	img1.src = "./images/mobile-friendly.png";
	break;
case 7:
	const Toast = Swal.mixin({
	  toast: true,
	  position: 'center',
	  showConfirmButton: true,
	  timer: 3000,
	  timerProgressBar: true,
	  didOpen: (toast) => {
		toast.addEventListener('mouseenter', Swal.stopTimer)
		toast.addEventListener('mouseleave', Swal.resumeTimer)
	  }
	})

	Toast.fire({
	  icon: 'success',
	  title: 'Attention',
	  confirmButtonText: 'Got it',
	  text: 'You\'ll need to play the selected video to the complete end for the website to run smoothly.'
	})
	break;
case 8:
	Swal.fire({
	  html: '<div style="overflow:hidden; background-color:white; width:100%; height:480px; margin-left:auto; margin-right:auto;" class="elfsight-app-8882e0ea-61a2-4c66-9f02-36cd64b8a2f2" data-elfsight-app-lazy></div>',
	  confirmButtonText: 'OK',
	}).then((result) => {
	  if (result.isConfirmed) {
		// Do nothing
	  }
	});
	break;
case 9:
	(async () => {
	  /* inputOptions can be an object or Promise */
	  const inputOptions = new Promise((resolve) => {
		setTimeout(() => {
		  resolve({
			false: "<br><span style='font:" + standardText + ";'>The quick brown fox jumped over the lazy dog</span>",
			true: "<br><span style='font:" + largeText + ";'>The quick brown fox jumped over the lazy dog</span>",
		  });
		}, 500);
	  });
	  const { value: size } = await Swal.fire({
		title: "Select text size",
		input: "radio",
		inputValue: largetextOn.toString(),
		inputOptions,
		inputValidator: (value) => {
		  if (!value) {
			return '<span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">You need to choose something!</span>';
		  }
		}
	  });
	//Swal.fire({ html: `You selected: ${size.toString()}` });
	largetextOn = bool(size.toString());
	changeTheme();
	if( !b_declineCookies ) createCookie('ppklargetexton', largetextOn.toString(), 0);
	})()
	break;
case 10:
	(async () => {
	  /* inputOptions can be an object or Promise */
	  const inputOptions = new Promise((resolve) => {
		setTimeout(() => {
		  resolve({
			  "#FF0000": "Red",
			  "#00FF00": "Green",
			  "#0000FF": "Blue",
		  });
		}, 1000);
	  });
	  const { value: color } = await Swal.fire({
		title: "Select color",
		/*
		didOpen: function() { //do something },
		onOpen: function () { //do something },
		*/
		input: "select",
		inputOptions,
		inputValidator: (value) => {
		  if (!value) {
			return "You need to choose something!";
		  }
		}
	  });
	Swal.fire({ html: `You selected: ${color.toString()}` });
	})()
	break;
case 11:
	// https://sweetalert2.github.io/
	(async () => {
	  const { value: date } = await Swal.fire({
		title: "Select your date",
		width: '26rem',
		footer: (() => {
			if (g_arg.length == 2) {
				return '<span style="width:100%; color:#494949; font:' + (largetextOn?largeText:standardText) + ';">Filter is on <a href="javascript:void()" onclick="Swal.update({footer:\'\'}); MakePopupDiary();">Click here</a> to reset.</span>';
			}
		})(),
		showCancelButton: true,
		input: "date",
		inputValue: (isDate(myDate)?myDate.toISOString().split('T')[0]:""),
		inputValidator: (value) => {
		  if (!value) {
			return '<span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">Date is invalid!</span>';
		  } else {
			var x = document.getElementById("divA2");
			var elem = document.getElementById(value);
			if( elem && x ) {
				//x.scroll({top:0,behavior:'smooth'});
				x.scroll({top:findPosition(elem),behavior:'smooth'});
				myDate = new Date(value);
				tmp_myDate = new Date(myDate);
				//clearArray(g_arg);
			} else {
				myDate = tmp_myDate;
				return '<span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">The date you have selected contains no entry!</span>';
			}
			/*
			if( writeToday(new Date(value)) > '' ) {
				myDate = new Date(value);
				tmp_myDate = new Date(myDate);
				clearArray(g_arg);
				changeFontAttrib("myFontz");
				smoothScrollToTop("divA2");
			} else {
				myDate = tmp_myDate;
				return "The date you have selected contains no entry!";
			}
			*/
		  }
		}
	  });
	  /*
	  if (date) {
		//Swal.fire("Your date", date);
		if( writeToday(new Date(date)) > '' ) {
			myDate = new Date(date);
			tmp_myDate = new Date(myDate);
			clearArray(g_arg);
			changeFontAttrib("myFontz");
			smoothScrollToTop("divA2");
		} else myDate = tmp_myDate;
	  }
	  */
	})()
	break;
case 12:
	// Multiple inputs:
	// https://www.mitmuzaffarpur.org/wp-content/themes/mit/assets/vendors/sweetalert2/
	// datetimepicker:
	// https://codepen.io/herteleo/pen/LraqoZ
	// inputValidator:
	// https://sweetalert2.github.io/recipe-gallery/validation-message-custom-icon.html
	(async () => {
		const val1 = g_arg.length == 2?g_arg[0].toISOString().split('T')[0]:"";
		const val2 = g_arg.length == 2?g_arg[1].toISOString().split('T')[0]:"";
		const { value: formValues } = await Swal.fire({
		  title: "Select your dates",
		  width: '26rem',
		  showCancelButton: true,
		  html: `
			<input type="date" id="swal-input1" class="datetimepicker swal2-input" value=${val1}><br>
			<input type="date" id="swal-input2" class="datetimepicker swal2-input" value=${val2}>
		  `,
		  focusConfirm: false,
		  preConfirm: () => {
			if( !document.getElementById("swal-input1").value || !document.getElementById("swal-input2").value )
				Swal.showValidationMessage('<i class="fa fa-info-circle"></i><span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">Date is invalid!</span>');
			else if( document.getElementById("swal-input1").value.localeCompare(document.getElementById("swal-input2").value) == 1 )
				Swal.showValidationMessage('<i class="fa fa-info-circle"></i><span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">The Start date must precede the End date!</span>');
			else {
				/*
				return [
				  document.getElementById("swal-input1").value,
				  document.getElementById("swal-input2").value
				];
				*/
				var arg = [];
				arg.push(new Date(document.getElementById("swal-input1").value));
				arg.push(new Date(document.getElementById("swal-input2").value));
				if( writeToday(arg[0], arg[1]) > '' ) {
					changeFontAttrib("myFontz");
					smoothScrollToTop("divA2");
					//myDate = new Date(getISOLocalString().split('T')[0]);
					g_arg = arg.slice();
					myDate = "";
					tmp_myDate = "";
				} else {
					Swal.showValidationMessage('<i class="fa fa-info-circle"></i><span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">The date you have selected contains no entry!</span>');
					myDate = tmp_myDate;
				}
			}
		  }
		});
		/*
		if (formValues) {
			var arg = [];
			var txt = JSON.stringify(formValues).replace(/\[|\]|\"|/gi, "");
			var arrTxt = txt.split(",");
			for (var i = 0; i < arrTxt.length; i++) {
				if( arrTxt[i]>'' ) {
					arg.push(new Date(arrTxt[i]));
				}
			}
			if( arg.length == 2 ) {
				if( writeToday(arg[0], arg[1]) > '' ) {
					changeFontAttrib("myFontz");
					smoothScrollToTop("divA2");
					//myDate = new Date(getISOLocalString().split('T')[0]);
					g_arg = arg.slice();
					myDate = "";
					tmp_myDate = "";
				}
			}
		}
		*/
	})()
	break;
case 13:
	(async () => {
		const inputOptions = function() {
			var val1 = new Promise((resolve) => {
			  resolve({
				1: '<img src="./images/download.png" style="width:100px; max-width:3em; vertical-align:middle;" /><div style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">&nbspDownload</div>',
				2: '<img src="./images/share.png" style="width:100px; max-width:3em; vertical-align:middle;" /><div style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">&nbspShare</div>',
			  });
			});
			var val2 = new Promise((resolve) => {
			  resolve({
				3: '<img src="./images/share.png" style="width:100px; max-width:3em; vertical-align:middle;" /><div style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">&nbspShare</div>',
			  });
			});
			return (doesExist(action.toLowerCase(), ".mp4,.mp3,.jpg,.png,.gif,.pdf,.txt").match ? val1 : val2);
		} ();
		const { value: todo } = await Swal.fire({
			title: "Choose",
			width: '26rem',
			footer: '<span id="mylink" style="word-wrap:break-word; width:100%; color:#494949; font:' + (largetextOn?largeText:standardText) + '; font-family:Poppins, sans-serif;">' + action + '</span>',
			didOpen: () => {increaseFontSize('mylink', -5);},
			showDenyButton: true,
			//buttonsStyling: false,
			customClass: {
				denyButton: "swal-deny-button-class"
			},
			preDeny: () => {
				copyTextToClipboard( action );
				replaceClassList( "swal-deny-button-class", "swal-deny-button-class", "swal-deny-button-class2" );
				return false;
			},
			//showCloseButton: true,
			showCancelButton: true,
			denyButtonText: ``,
			input: "radio",
			inputValue: 3,
			inputOptions,
			inputValidator: (value) => {
				if (value) {
					if( value.toString()=='1' ) {
						downloadFile( action );
					} else {
						MakePopupSocialSharePage( action );
					}
				} else {
					return '<span style="color:#494949; font:' + (largetextOn?largeText:standardText) + ';">You need to choose something!</span>';
				}
			}
		}).then((result) => {
			if( result.isDenied ) {
				// Do nothing.
			}
		});
	  //eval( todo.toString()=='1' ? "downloadFile('" + action + "')" : "windowOpen('https://www.addtoany.com/share#url=" + urlEncode(action) + "&title=', 'sharewindow')" );
	//Swal.fire({ html: `You selected: ${todo.toString()}` });
	})();
	break;
case 14:
	// range slider
	$(document).ready(function() {
		var currentSize;
		Swal.fire({
			title: 'Text size',
			width: '26rem',
			showCancelButton: true,
			showDenyButton: true,
			denyButtonText: `Default size`,
			preDeny: () => {
				changeFontSize( "myFontz", "1.3em" );
				newTextSize = getFontSize("myFontz");
				if( newTextSize ) {
					$(".customSwal output").text(newTextSize);
					const inputRange = Swal.getInput();
					inputRange.value = newTextSize;
				}
				return false;
			},
			input: 'range',
			inputValue: (() => {
				currentSize = getFontSize("myFontz");
				return currentSize ? currentSize : 15;
			})(),
			inputAttributes: {
			  min: 15,
			  max: 40,
			  step: 1,
			},
			customClass: {
			  input: 'customSwal',
			}
		}).then((result) => {
			if (result.isConfirmed) {
				standardText = newTextSize + "px" + standardText.substring(standardText.indexOf("/"));
				largeText = newTextSize + "px" + largeText.substring(largeText.indexOf("/"));
				changeTheme();
				if( !b_declineCookies ) createCookie('ppknewtextsize', newTextSize.toString(), 0);
			} else if (result.isDismissed) {
				standardText = currentSize + "px" + standardText.substring(standardText.indexOf("/"));
				largeText = currentSize + "px" + largeText.substring(largeText.indexOf("/"));
				changeTheme();
				//changeFontSize( "myFontz", currentSize );
				newTextSize = currentSize;
			}
		});
		//on load
		currentSize = getFontSize("myFontz");
		$(".customSwal output").text(currentSize?currentSize:0);
	});
	///when change occur 
	$(document).on('input change', 'input[type=range]', function() {
		//get input value
		newTextSize = $(this).val();
		$(".customSwal output").text(newTextSize)
		standardText = newTextSize + "px" + standardText.substring(standardText.indexOf("/"));
		largeText = newTextSize + "px" + largeText.substring(largeText.indexOf("/"));
		changeTheme();
	});
	break;
case 'VGA':case 'XGA':case 'HD':case 'FHD':
	myContinue(option);
	break;
default:
	Swal.fire({
	  icon: 'error',
	  title: 'Oops...',
	  text: 'Something went wrong!',
	  footer: '<a href="">Why do I have this issue?</a>'
	});
}
}