/**
 * @author ctepeo
 * @copyright 2009
 * @FadeIt by ctepeo
 * @mail me if U have any questions. me@ctepeo.net
 */

//********	по каким ид/классам идентифицировать?
var ident = ".fadeit";
//********	
var haveFull = false;

function fadeIt(){
	//	создаем блоки
	$(ident).append('<div class="fadeItFullBorder"><div class="fadeItFull"></div></div><div class="fadeItThumbs"></div>');
}

function fadeItAdd(path, path2thumb, main){	
	//	Если картинка отмечена как "показывать первой" и у нас такой ещё нету
	if (main == 1 && haveFull == false && path != "" && path2thumb != ""){
		$(".fadeItFull").append('<img id="fadeItFullImg" src="'+path+'" />');
		$(".fadeItThumbs").prepend('<img enlarge="'+path+'" class="fadeItThumb fadeItThumbSelected" src="'+path2thumb+'" />');
		haveFull = true;
	} else {
		//	Наполнение превью
		if(path != "" && path2thumb != "") {
			$(".fadeItThumbs").prepend('<img enlarge="'+path+'" class="fadeItThumb" src="'+path2thumb+'" />');
		}
	}
}

$(document).ready(function(){
	//	Отлавливаем нажатие
	$(".fadeItThumb").click(function () {
		//	Сохраняем в переменную путь к увеличеной картинке
	var xe = $(this).attr("enlarge");
	
		//	"Гасим" картинку
		$("#fadeItFullImg").fadeOut("fast", function(){
			//	Вставляем новый путь
			$("#fadeItFullImg").attr("src", xe);
			//	Медленно показываем уже новую картинку
			$("#fadeItFullImg").fadeIn("slow");
		}); 
		
		/*var wdth = $("#fadeItFullImg").width();
		$(".fadeItThumbs").css("width", wdth+20);*/
		
	//	В превью снимаем со всех флаг "выбран" и добавляем только к той, по которой кликали
	$(".fadeItThumb").removeClass("fadeItThumbSelected");
	$(this).addClass("fadeItThumbSelected");
    });
    //	Хорошего дня!
});