Для работы с графикой в спецификации придумали такую злую штуку, как "холст", после чего абсолютно все рисуется куда легче, к тому же, Ваш пример в разных броузерах работает по разному (ИЕ и сафари). Вывод: не надо напрягать сильно мозг, а надо соскакивать на ВебГЛ или, из-за отсутствия оного, на "холст".
Удачи!

Можно ведь уже во всех браузерах нормальных крутить через CSS3 2D transforms. А в IE есть фильтр Matrix он тоже позволяет крутить. Собвстенно вся задача сводится только к изменению значений этих свойств в обработчиках событий на JS.

Скажите, а какое применение у этой штуки? Или может у меня в Chromium она не так работает? 4 изображения - 4 ссылки? Я не мог по изображению нажать, оно от меня убегало. Только если его в нижнюю точку загнать, то тогда нажимается.

П.С. А подскажите, вот зачем инкапсулировать функцию car, что это даёт?

Я бы сделал немного универсальнее.

http://ixth.net/examples/kamaz/

<script>

window.onload = function () {

	var $ = function (id) { return document.getElementById(id); },
	int = function (value) { return parseInt(value); },
	sin = function (value) { return Math.sin(value); },
	cos = function (value) { return Math.cos(value); };

	var velocity = 0.001,
		x0 = 200, y0 = 200, // центр эллипса
		angle = 0,
		a = 200, b = 100,
		div_with_cars = $("div_with_cars"),
		images = div_with_cars.getElementsByTagName("img"),
		pix2 = Math.PI * 2;
		
		
	setInterval(
		function () {
			angle += velocity;
			
			for (var i = 0; i < images.length; i++) {
				images[i].style.top = int(x0 + b * cos(angle + (pix2 / images.length) * i));
				images[i].style.left = int(x0 + a * sin(angle + (pix2 / images.length) * i));
			}
		},
		10
	);

	document.onmousemove = function (e) {
		var width = 400,
			divx = 0,
			e = e || event,
			x = e.clientX;	
		if (x >= 0 && x <= width) {
			/*	Тут магия какая-то, прокомментируйте	*/
			var k, value = (20 / (x / 10));
			if (x < width / 2 ) {
				k = (value < 0.7005) ? 0 : 70 / (x / 20);
				if (k > 20) { k = 20; }
			} else {
				k = (value > 0.7) ? 0 : 200 / int(x / 20);
				if (k > 20) { k = 20; }
				k = -k;
			}
			velocity = 0.001 * k;
		}
	}
}
</script>

<style type="text/css">
	#div_with_cars,
	#div_with_cars img {
		position: absolute;
	}
</style>

<div id="div_with_cars">
	<img src="http://vreshenie.ru/for_work/rotation/images/kamaz-1.jpg" alt="" />
	<img src="http://vreshenie.ru/for_work/rotation/images/kamaz-2.jpg" alt="" />
	<img src="http://vreshenie.ru/for_work/rotation/images/kamaz-4.jpg" alt="" />
	<img src="http://vreshenie.ru/for_work/rotation/images/kamaz-3.jpg" alt="" />
	<img src="http://vreshenie.ru/for_work/rotation/images/kamaz-4.jpg" alt="" />
</div>

А я бы не интвалил бы значения.
только конечные которые в стиль уходят.
О том что задавать стиль надо не двумя командами а одной - уже говорить и не буду

Забавные штуки которые не несут большого смысла, НО несут большую нагрузку на комп, у меня около 40% проца (2-х ядерного) съедает.

ИМХО использовать холст, CSS3 - если только возможно.
И на крайний случай использовать подобный код.

Потому как нативность будет работать в разы быстрее, хоть и не универсально, но зато более эффективно.