Помогите со скриптом разобраться пожалуйста

Есть скрипт:

<img class="SpecialImage" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->

<script type="text/javascript"> 

SpecialImageShowNum=5; // через сколько секунд покажется

SpecialImageHideNum=3; // через сколько секунд скроется

SpecialImageShowSpeed=750; // скорость с которой изображение показывается. чем больше цифра тем медленней будет эффект появления картинки

SpecialImageHideSpeed=750; // скорость с которой изображение скрывается. чем больше цифра тем медленней будет эффект скрытия картинки



function SpecialImageToggle(){

first=setTimeout(function(){

img.animate({opacity: 1}, SpecialImageShowSpeed, function(){

second=setTimeout(function(){

img.animate({opacity: 0}, SpecialImageHideSpeed, function(){

SpecialImageToggle();});},SpecialImageHideNum*1000);

});},SpecialImageShowNum*1000);}

img=$('img.SpecialImage'); SpecialImageToggle();

 </script>

Нужно сделать так, чтобы для каждой из этих картинок:

<img class="SpecialImage" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->

были установлен свои собственные параметры: время появления, скорость появления и т.п. то есть фактически для каждой картинки свой скрип, аналогичный предидущему.

Тот кто поможет - пиши сюда свой кошелк (Не Бил Гейст, но вместо "спасибо")

П.С. Мне один парень вот такой вариант предложил:

<img class="SpecialImage" id="si1" src="http://src.ucoz.ru/a/07/2194.jpg" border="0" style="opacity: 0" /> <!-- картинка 1 -->

<img class="SpecialImage" id="si2" src="http://xcinema.ucoz.ru/raznoe/vanofuture/sp_avatar.gif" border="0" style="opacity: 0" /> <!-- картинка 2 -->

<img class="SpecialImage" id="si3" src="http://helper.ucoz.ru/avatar/93/299080.gif" border="0" style="opacity: 0" /> <!-- картинка 3 -->

<script type="text/javascript"> 

var config = {'si1': {'SpecialImageShowNum':5,

				 'SpecialImageHideNum':3,

				 'SpecialImageShowSpeed':750,

				 'SpecialImageHideSpeed':750},

			'si2': {'SpecialImageShowNum':5,

				 'SpecialImageHideNum':3,

				 'SpecialImageShowSpeed':750,

				 'SpecialImageHideSpeed':750},

			'si3': {'SpecialImageShowNum':5,

				 'SpecialImageHideNum':3,

				 'SpecialImageShowSpeed':750,

				 'SpecialImageHideSpeed':750},

				};



function SpecialImageToggle(){

	first=setTimeout(function(){

		img.animate({opacity: 1}, config[$(this).attr("id")]['SpecialImageShowSpeed'], function(){

			second=setTimeout(function(){

				img.animate({opacity: 0}, config[$(this).attr("id")]['SpecialImageHideSpeed'], function(){

					SpecialImageToggle();

				});

			},config[$(this).attr("id")]['SpecialImageHideNum']*1000);

		});

	},config[$(this).attr("id")]['SpecialImageShowNum']*1000);

}

img=$('img.SpecialImage'); SpecialImageToggle();

 </script>

"Вкратце: помечаем все картини id-шниками, заводим хэш-конфиг, где для каждого айдишника прописываем параметры скрипта, и используем этот конфиг в функции."

Насколько я разобрался - идея правильная, но синтаксис неправильный... помогите пожалуйста сделать его правильным)) Как уже писал выше за помощь вместо спасибо кину денег :)