$(document).ready(function(){ 

	// При наведении на фотку начинаем менять фотки
	// С периодичностью в 0,500 сек.

	var cycle_interval = 500;	

	$("img.pic-cycle").removeAttr("alt");

	$("img.pic-cycle").bind("mouseenter", function(){

		var item = $(this);

		// Находим дополнительные картинки

		var pic_arr = new Array();
		pic_arr[0] = item.attr("rel"); // Первый элемент - основная картинка

		var pics = item.next().find("span");
		for (var i=0; i<pics.length; i++)
		{
			var item_index = i+1;
			pic_arr[item_index] = pics.eq(i).attr("rel"); // Дополнительные картинки
		}

		// Если есть фотки
		if (pic_arr.length > 1)
		{
			// Сначала сразу показываем первую картинку
			item.attr("src", pic_arr[1]);

			// А потом начинаем крутить остальные
			var start_index = 2; // Начиная со второй

			item.everyTime(cycle_interval, 'additional-pics', function(i) {
				if (!pic_arr[start_index])
				{
					start_index = 0;
				}
				item.attr("src", pic_arr[start_index]);
				
				// Подгружаем фоново следующую картинку
				var next_index = start_index+1;
				if (pic_arr[next_index])
				{
					$("#temp_image").attr("src", pic_arr[next_index]);
				}

				// И еще одну подгружаем, на всякий случай
				var next_index = start_index+2;
				if (pic_arr[next_index])
				{
					$("#temp_image").attr("src", pic_arr[next_index]);
				}


				start_index++;
			});		
		}
	});


	$("img.pic-cycle").bind("mouseleave", function(){
		// Восстанавливаем исходное изображение
		$(this).attr("src", $(this).attr("rel"));

		// Останавливаем таймер 
		$(this).stopTime('additional-pics');
	});

});