var divTop = 0; var divBottom; var divLeft = 0; var divRight; var t; var stop = true; var filmWidth = 375; var filmHeight = 65; var speed = 1; function moveLeft(){ filmObj = document.getElementById('film'); var newLeft = filmObj.offsetLeft - 1; filmObj.style.left = newLeft + 'px'; var movedLeft = Math.abs(filmObj.offsetLeft); var firstWidth = filmObj.firstChild.offsetWidth; if(movedLeft >= firstWidth) { filmObj.appendChild(filmObj.firstChild); filmObj.style.left = parseInt(filmObj.offsetLeft + movedLeft) + 'px'; } clearTimeout(t); speed = 15; t = setTimeout("moveLeft()", speed); } function moveStop(){ clearTimeout(t); stop = true; } function moveRight(){ filmObj = document.getElementById('film'); var newLeft = filmObj.offsetLeft + 1; newLeft = (newLeft == 0) ? newLeft++ : newLeft; filmObj.style.left = newLeft + 'px'; var movedLeft = filmObj.offsetLeft; var lastObj = filmObj.childNodes[filmObj.childNodes.length - 1]; var lastWidth = lastObj.offsetWidth; if(movedLeft > 0) { filmObj.insertBefore(lastObj, filmObj.firstChild); filmObj.style.left = parseInt(filmObj.offsetLeft - lastWidth) + 'px'; } clearTimeout(t); speed = 15; t = setTimeout("moveRight()", speed); } function initFilm(){ filmObj = document.getElementById('film'); leftBtnObj = document.getElementById('leftBtn'); rightBtnObj = document.getElementById('rightBtn'); divRight = divLeft + filmObj.offsetWidth; filmObj.style.position = "absolute"; filmObj.parentNode.style.width = filmWidth + 'px'; filmObj.parentNode.style.height = filmHeight + 'px'; var parentWidth = 0; for(i=0; i