Как реализовать поочерёдную смену картинок в 2-х слайдшоу?
 

На главной странице сайта http://m2project.ru/ нужно организовать смену картинок в шахматном порядке: сначала левая, потом - правая, снова левая, потом -правая и т.д.

В js секу плохо, если не сказать, что не секу.

Сейчас картинки меняются синхронно.
Скрипт (нагло стащенный и немного переделанный под себя ;)) выглядит так:

var slider1 = {
images: ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg "],
index: 1,
start: function() {
setInterval("slider1.work()", 3000);
},
work: function() {
$('#slider_private').append('<img src="' + $('#slider_private .prev').attr('src') + '"id="next">');
$('#slider_private .prev').attr('src', 'pic/private/340/' + slider1.images[this.index]);
$('#slider_private #next').fadeOut(1500, function() { $(this).remove(); });

this.index++;
if (this.index >= slider1.images.length) this.index = 0;

}
};
slider1.start();

var slider2 = {
images: ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg "],
index: 1,
start: function() {
setInterval("slider2.work()", 3000);
},
work: function() {
$('#slider_public').append('<img src="' + $('#slider_public .prev').attr('src') + '"id="next">');
$('#slider_public .prev').attr('src', 'pic/public/340/' + slider2.images[this.index]);
$('#slider_public #next').fadeOut(1500, function() { $(this).remove(); });

this.index++;
if (this.index >= slider2.images.length) this.index = 0;

}
};
slider2.start();

_________________________________________________

:help: Помогите реализовать смену картинок в шахматном порядке. Оч надо.
Заранее благодарен.


P.S. В целом, как я понимаю, нужно, чтобы второй скрипт запускался через какое-то время после первого (скажем, через 1500 мс). Как это сделать?

Спасибо, Jurasmi. +1 в карму)