var settings = {"coordStep":68,"maxThumb":200,"minThumb":64};

$(document).ready(function(){
	$('.podbor').hide();
	$('.wizard .navigation a').click(function(){
		setPodbor($('.wizard .navigation a').index(this));
		return false;
	});
	$('.wizard ul.color li a').click(function(){
		var num = $(this).parent().parent().find('li').index(this.parentNode);
		setColor(num);
		return false;
	});
	$('.wizard ul.contour li a').click(function(){
		var num = $(this).parent().parent().find('li').index(this.parentNode);
		setContour(num);
		return false;
	});

	setPodbor(0);
	
	$(".wizard .thumb").each(function(){
		var coord={"topStart":"","leftStart":"","topEnd":"","leftEnd":""};
		
		coord.topStart  = parseInt($(this).css("top"));
		coord.leftStart = parseInt($(this).css("left"));
		coord.topEnd    = coord['topStart'] - settings.coordStep;
		coord.leftEnd   = coord['leftStart'] - settings.coordStep;
		$(this).data("coords",coord);
	});
	
	$(".wizard .thumb").hover(
	function(){
		$(this).stop(true).animate({
			width:	settings.maxThumb,
			height:	settings.maxThumb,
			top:	$(this).data("coords").topEnd,
			left:	$(this).data("coords").leftEnd
		},"slow");	
		$(".thumbMain, .thumbColor, .thumbContour", this).stop(true).animate({
			width:  settings.maxThumb,
			height: settings.maxThumb
		},"slow");
	},
	function(){
		$(this).stop(true).animate({
			width:  settings.minThumb,
			height: settings.minThumb,
			top:	$(this).data("coords").topStart,
			left:	$(this).data("coords").leftStart
		},"slow");	
		$(".thumbMain, .thumbColor, .thumbContour", this).stop(true).animate({
			width:  settings.minThumb,
			height: settings.minThumb
		},"slow");
	});
});

function setPodbor(num){
	$('.podbor').hide();
	$('.podbor').eq(num).show();
	$('.wizard .navigation a').removeClass('active');
	$('.wizard .navigation a:eq('+num+')').addClass('active');
	//Показываем подбор

	setColor(0);
	setContour(0);
}
function setColor(num){
	var src = $('.podbor:visible ul.color li:eq('+num+') .hiddenPreloader').attr('src');
	var Tsrc= $('.podbor:visible ul.color li:eq('+num+') .hiddenThumbPreloader').attr('src'); //Получаем цвет
	$('.podbor:visible img.color').get(0).src = src; // Выставляем цвет 
	$('.podbor:visible img.thumbColor').get(0).src = Tsrc; // Выставляем цвет 
	$('.podbor:visible ul.color li').removeClass('active');
	$('.podbor:visible ul.color li:eq('+num+')').addClass('active');
	//Выделяем нужный пункт
}
function setContour(num){
	var src = $('.podbor:visible ul.contour li:eq('+num+') .hiddenPreloader').attr('src');
	var Tsrc = $('.podbor:visible ul.contour li:eq('+num+') .hiddenThumbPreloader').attr('src'); //Получаем цвет кромки
	$('.podbor:visible img.contour').get(0).src=src; // Выставляем цвет кромки
	$('.podbor:visible img.thumbContour').get(0).src=Tsrc; // Выставляем цвет кромки
	
	$('.podbor:visible ul.contour li').removeClass('active');
	$('.podbor:visible ul.contour li:eq('+num+')').addClass('active');
	//Выделяем нужный пункт
}