/* 
Jquery Images v1.0.0 (WEBDELO)

Описание: Библиотека функций работы с изображениями, сменой и слайдингом.
Разработчик: Попов Андрей Юрьевич
Дата: 30.06.2010
Сайт: www.webdelo.org
Требования: 
 - jquery v1.4.2
 - jquery.webdelo.functions.js v1.0.0
*/ 
// КОНФИГУРАЦИЯ
var fadeOutSpeed = 1000; // скорость затухания изображений при смене.
var smallImagesName = 'small_images'; // название атрибута name по которым определяются уменьшенные изображения.
var bigImageName = 'bigPhoto'

// функция мониторинга клика по изображениям-превью
webdeloCheckSmallImage = function(){
	// ожидание клика по уменьшеному изображению
	$('img[name='+smallImagesName+']').click(function(){
		// вызываем функцию смены изображения
		webdeloChangeImage($(this).attr("id").replace('_',''));
	});
};

// функция меняет изображение в каталоге
webdeloChangeImage = function(curImg){
	// сохраняем ИД нового изображения для смены
	var newBigImg = curImg;
	$('img[name='+bigImageName+']').attr("id",'_'+curImg);
	// затухание предыдущего изображения
	$('img[name='+bigImageName+']').fadeOut(fadeOutSpeed, function () {
		// сменяем изображение на изображение в закэшированном массиве и отображаем его
		$('img[name='+bigImageName+']').attr("src", catalogImages[newBigImg].src).fadeIn("slow");
	});
};

$(document).ready(function(){
	webdeloCheckSmallImage();
});