Как упростить скрипт движения картинки
 

Здравствуйте.

На сайте надо сделать картинку движущуюся от левого края до правого и обратно в цикле. При этом картинка меняется. Реализовал так:

<script>
var leftpos = 1;
setTimeout("left()",100);
function left(){
leftpos=leftpos+1;
if(leftpos > 80){setTimeout("right()",100);}else{
document.getElementById('right').style.display = 'none';
document.getElementById('left').style.display = 'block';
document.getElementById('left').style.left = leftpos + '%';
setTimeout("left()",100)
}
}

function right(){
leftpos=leftpos-1;
if(leftpos <1){setTimeout("left()",100)}else{
document.getElementById('left').style.display = 'none';
document.getElementById('right').style.display = 'block';
document.getElementById('right').style.left = leftpos + '%';
setTimeout("right()",100)
}
}
</script>


<div id="left" style="position:absolute;">Левая картинка</div>
<div id="right" style="position:absolute;">Правая картинка</div>

Мне кажется громоздко. Может подскажете, как проще реализовать? Подозреваю, на jquery это можно сделать проще.

Ну так вместо подозрений, нужно просто ознакомиться. Хотя если оформить нормальной функцией, то и без JQ не громоздко, собственно JS, это и есть библиотека готовых JS функций, а не нечто волшебное.