var imgWidth = 493; var stageWidth = 185; var initialPosX = 0; var currentPosX = 0; var maxPosX; var animationSpeed = 20; var animationStep = 1; var animationPause = 1000; var animationTimeout; var animationObj; function scrollWebcam() { maxPosX = stageWidth - imgWidth; // Negativer Wert animationObj = document.getElementById("webcam_animiert"); animationTimeout = setTimeout("scrollCamLeft()",animationSpeed); } function scrollCamLeft() { var tempX = parseInt(animationObj.style.left); if((tempX - animationStep) >= maxPosX) { animationObj.style.left = tempX - animationStep + "px"; animationTimeout = setTimeout("scrollCamLeft()",animationSpeed); } else { animationTimeout = setTimeout("scrollCamRight()",animationPause); } } function scrollCamRight() { var tempX = parseInt(animationObj.style.left); if((tempX + animationStep) <= 0) { animationObj.style.left = tempX + animationStep + "px"; animationTimeout = setTimeout("scrollCamRight()",animationSpeed); } else { animationTimeout = setTimeout("scrollCamLeft()",animationPause); } }