Слайдер на jquery применение аякса?
 

Здравствуйте есть один простой но эффективный слайдерimedia.in.ua/main/page/index , помогите пожалуйста его несколько переделать.
Суть в том что фотографии загружаются сразу все которые есть в слайдере

<div id="page_slider">
   <ul id="slider">
	<li><img src='<?=$slider_img1;?>' alt="" />
	<li><img src='<?=$slider_img2;?>' alt="" />
	<li><img src='<?=$slider_img3;?>' alt="" />
	<li><img src='<?=$slider_img4;?>' alt="" />
    </ul>
</div>

Я хотел бы сделать чтобы фотографий было множество и чтобы все они загружались из базы данных. При этом надо чтобы загружалась первая (№1)и предыдущая (№0)и последующая (№2)фотки в браузер, затем при (например) нажатии вправо фотография (№0) выгружалась бы чтобы не грузить браузер, происходило бы продвижение вправо и загружалась бы последующая фотка (№3) чтобы всегда при нажатии вправо последующая фотография была бы уже загружена и при этом анимация не страдала, а для этого (ведь могут быть и большие фотки и медленные компы) чтобы отображался бы прелоудер на текущей фотке и анимация бы происходила только после того как загрузилась последующая фотка. Как это осуществить, за любые советы большое спасибо, а тем более за предложения кодовых решений.

//