function initAll() {
    // Initializes
    frogstyle = document.getElementById("frog").style
    left_p = parseInt(frogstyle.left);
    top_p = parseInt(frogstyle.top)

    rightEye = document.getElementById("rEye").style
    rightEye.left = left_p + 81
    rightEye.top = top_p + 37

    leftEye = document.getElementById("lEye").style
    leftEye.left = left_p + 17
    leftEye.top = top_p + 37

    rightEyeball = document.getElementById("rDot").style
    rightEyeball.left = left_p + 21
    rightEyeball.top = top_p + 50

    leftEyeball = document.getElementById("lDot").style
    leftEyeball.left = left_p + 85
    leftEyeball.top = top_p + 50

    document.onmousemove = moveHandler;
}

function moveHandler() {
    animateEyes(window.event.clientX, window.event.clientY)
}

function animateEyes(xPos,yPos) {
    leftEyeball.left = newEyeballPos(xPos, parseInt(leftEye.left))
    leftEyeball.top = newEyeballPos(yPos, parseInt(leftEye.top))
    rightEyeball.left = newEyeballPos(xPos, parseInt(rightEye.left))
    rightEyeball.top = newEyeballPos(yPos, parseInt(rightEye.top))
}

function newEyeballPos(currPos,eyePos) {
    newPos = Math.min(Math.max(currPos, eyePos), eyePos + 16)
    return newPos
}
