function compute()
{
    /* Initiate basic time variables */
    let hours = 0;
    let minutes = 0;
    let seconds = 0;
    let milliseconds = 0;

    /*
     * Get framerate, start frame, and end frame from corresponding elements
     * Double check they all have a value
     */
    let frameRate = parseInt(document.getElementById('framerate').value);
    let startFrame = document.getElementById('startobj').value;
    let endFrame = document.getElementById('endobj').value;
    if (typeof (startFrame) === 'undefined' || endFrame === 'undefined' || framerate === 'undefined')
        return;

    /* Calculate framerate */
    let frames = (endFrame - startFrame) * frameRate;
    seconds = Math.floor(frames / frameRate);
    frames = frames % frameRate;
    milliseconds = Math.round(frames / frameRate * 1000);
    if (milliseconds < 10)
        milliseconds = '00' + milliseconds;
    else if (milliseconds < 100)
        milliseconds = '0' + milliseconds;
	    
    if (seconds >= 60) {
        minutes = Math.floor(seconds / 60);
        seconds = seconds % 60;
        seconds = seconds < 10 ? '0' + seconds : seconds;
    }
    if (minutes >= 60) {
        hours = Math.floor(minutes / 60);
        minutes = minutes % 60;
        minutes = minutes < 10 ? '0' + minutes : minutes;
    }

    /* Show the time and mod message in the DOM */
    let finalTime = hours.toString() + 'h ' + minutes.toString() + 'm ' + seconds.toString() + 's ' + milliseconds.toString() + 'ms';
    let modMessage = `Mod Note: Retimed (Start: ${parseFloat(startFrame).toFixed(3)}, End: ${parseFloat(endFrame).toFixed(3)}, FPS: ${frameRate}, Total Time: ${finalTime})`;
    document.getElementById('time').value = finalTime;
    document.getElementById('modMessage').disabled = false;
    document.getElementById('modMessage').innerText = modMessage;    
    document.getElementById("modMessageButton").disabled = false;
}

/* Allow user to copy mod message to clipboard */
function copyModMessage()
{
	const textArea = document.getElementById('modMessage');
	textArea.focus();
	textArea.select();
	document.execCommand('copy');
	alert(`The mod message has been copied to clipboard! Please paste it into the comment of the run you are verifying.`);
}

/* If framerate is invalid, show an error message and disable start and end frame fields */
const validateFPS = (event) => {
    if (event.target.value === '' || parseInt(event.target.value) <= 0 || isNaN(parseInt(event.target.value))) {
        document.getElementById('framerate').setCustomValidity('Please enter a valid framerate.');
        document.getElementById('framerate').reportValidity();
        document.getElementById('startobj').disabled = true;
        document.getElementById('endobj').disabled = true;
        document.getElementById('computeButton').disabled = true;
    } else {
        document.getElementById('startobj').disabled = false;
        document.getElementById('endobj').disabled = false;
        document.getElementById('computeButton').disabled = false;
    }
}

const parseForTime = (event) => {
    /* Get current frame from input field (either start time or end time) */
    let frameFromInputText = (JSON.parse(event.target.value)).lct;
    if (typeof frameFromInputText !== 'undefined') {
        /* Get the framerate */
        let frameRate = parseInt(document.getElementById('framerate').value);
        /* Calculate the frame */
        let frameFromObj = (time, fps) => Math.floor(time * fps) / fps; //round to the nearest frame
        let finalFrame = frameFromObj(frameFromInputText, frameRate);
        /* Update the DOM */
        document.getElementById(event.target.id).value = `${finalFrame}`;
    }
}