var offset = 0;
var pictSize = 110;
var maxNrOfImages = 6;
var nrOfImages = 0;

function right() {
    if (nrOfImages > maxNrOfImages && (Math.abs(offset/pictSize - maxNrOfImages) < nrOfImages)) {
        offset = offset - pictSize;
        document.getElementById("thumbs").style.left = offset + "px";
    }
}

function left() {
    if (nrOfImages > maxNrOfImages && offset<0) {
        offset = offset + pictSize;
        document.getElementById("thumbs").style.left = offset + "px";
    }
}

function setImage(image) {
    document.getElementById('photo1').src = image;
    document.getElementById('photo').style.display = "block";
}

function clearImage() {
    document.getElementById('photo').style.display = "none";
}