jQuery(document).ready(function($){
$('#empty_jaws').change(function(e){
if(this.checked){
$('#quiz_tooth_tab1 .jaws, #quiz_tooth_tab1 .step1_selects, #quiz_tooth_tab1 .note').addClass('disabled');
$('#quiz_tooth_tab1 .jaws svg.teeth').removeClass('active');
$('#step1_col_top, #step1_col_bottom').text('0');
}else{
$('#quiz_tooth_tab1 .jaws, #quiz_tooth_tab1 .step1_selects, #quiz_tooth_tab1 .note').removeClass('disabled');
}});
function get_quiz_tooth_step(step){
$('.quiz_tooth_nav .item, .quiz_tooth_tab').removeClass('active');
$('#quiz_tooth_nav_step' + step + ', #quiz_tooth_tab' + step).addClass('active');
}
$('#quiz_tooth_tab1 .next').click(function(e){
e.preventDefault();
if(document.querySelector('#empty_jaws').checked){
get_quiz_tooth_step(3);
}else{
$('#quiz_selected_teeth').empty();
$('#quiz_tooth_tab1 .teeth.active').each(function(){
$this=$(this);
$num=$this.data('teeth');
html='<div id="selected_teeth_' + $num + '" class="selected_tooth_item ' + $this.data('vert') + '">\
<input type="hidden" name="teeth_num[]" value="' + $num + '" />\
<div class="label">\
' + ($this.data('hor')=='left' ? 'Левый':'Правый') + '\
' + ($this.data('vert')=='top' ? 'верхний':'нижний') + ' сегмент\
</div>\
<h2 class="heading">Зуб №' + $num + '</h2>\
<div class="selected_tooth_item_grid grid vtop">\
<div class="problems grid col2">\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Болит зуб" />\
<span>Болит зуб</span>\
</label>\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Незначительное разрушение зуба" />\
<span>Незначительное разрушение зуба</span>\
</label>\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Зуб разрушен более 50%" />\
<span>Зуб разрушен более 50%</span>\
</label>\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Зуб подвижен" />\
<span>Зуб подвижен</span>\
</label>\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Зуб отсутствует" />\
<span>Зуб отсутствует</span>\
</label>\
<label class="grid">\
<input type="checkbox" class="custom-checkbox" name="teeth_' + $num + '[]" value="Установлен имплант без коронки" />\
<span>Установлен имплант без коронки</span>\
</label>\
</div>\
<div class="jaws">\
<div class="jaws_wrapper"></div>\
</div>\
</div>\
</div>';
$('#quiz_selected_teeth').append(html);
$svg=$('#quiz_tooth_tab1 .jaws svg').clone();
$svg.find('path.teeth').not('[data-teeth=' + $num + ']').removeClass('active');
$('#selected_teeth_' + $num + ' .jaws_wrapper').append($svg);
});
get_quiz_tooth_step(2);
$offset=$('.section_quiz_tooth').offset();
k=110;
if($(window).width() < 1024){
k=70;
}
$('html, body').animate({scrollTop: $offset.top - k}, 500);
}});
$('#quiz_tooth_tab2 .prev a').click(function(e){
e.preventDefault();
get_quiz_tooth_step(1);
$offset=$('.section_quiz_tooth').offset();
k=110;
if($(window).width() < 1024){
k=70;
}
$('html, body').animate({scrollTop: $offset.top - k}, 500);
});
$('#quiz_tooth_tab2 .next a').click(function(e){
e.preventDefault();
get_quiz_tooth_step(3);
$offset=$('.section_quiz_tooth').offset();
k=110;
if($(window).width() < 1024){
k=70;
}
$('html, body').animate({scrollTop: $offset.top - k}, 500);
});
$('#quiz_tooth_tab3 .prev a').click(function(e){
e.preventDefault();
if($('#empty_jaws').has(':checked').length){
get_quiz_tooth_step(1);
}else{
get_quiz_tooth_step(2);
}
$offset=$('.section_quiz_tooth').offset();
k=110;
if($(window).width() < 1024){
k=70;
}
$('html, body').animate({scrollTop: $offset.top - k}, 500);
});
$('#quiz_tooth_tab1 .jaws svg .teeth').click(function(e){
$(this).toggleClass('active');
col_top=$('#quiz_tooth_jaws_top .teeth.active').length;
$('#step1_col_top').text(col_top);
col_bottom=$('#quiz_tooth_jaws_bottom .teeth.active').length;
$('#step1_col_bottom').text(col_bottom);
});
});