$(document).ready(function(){
  
  $('.futterwahl .part4 h4').click(function(){
    $('.preselect-slider').removeClass('krankheit');
    $('.futterwahl .part4 h4').removeClass('active');
    $('.futterwahl .part4 .options').removeClass('active');
    var tab = $(this).data('tab');
    if(tab == "krankheit") {
      $('.preselect-slider').addClass('krankheit');
    }
    $(this).addClass('active');
    $('.futterwahl .part4 .options.'+tab).addClass('active');
  });
  $('.futterwahl .part4 h2').click(function(){
    $('.futterwahl .part4 .preselect h4').removeClass('active');
    $('.futterwahl .part4 .forward-button').addClass('active');
    $('.futterwahl .part4 h2').removeClass('checked');
    $('.preselect').addClass('active');
    $(this).addClass('checked');
    $('.preselect-slider').removeClass('krankheit');
    $('.futterwahl .part4 h2').removeClass('active');
    $('.futterwahl .part4 .options').removeClass('active');
    var tab = $(this).data('tab');
    if(tab == "krankheit") {
      $('.preselect-slider').addClass('krankheit');
    }
    $(this).addClass('checked');
    $('.futterwahl .part4 .preselect h4[data-tab="'+tab+'"]').addClass('active');
    $('.futterwahl .part4 .options.'+tab).addClass('active');
  });
  
  $('#futterwahl-form a.submit-link').click(function(e) {
    e.preventDefault();
    $('.part2').removeClass('next');
    $('.part3').slideUp();
    $('.part4').slideUp();
    $('.filter').slideUp();
    $('#futterwahl-result .artikel-liste').slideUp();
    $('#futterwahl-result .back-container').slideUp();
    $('figure.image').removeClass('active');
    var tierart = $(this).data('value');
    window.location.hash = tierart;
    $('input[data-tierart]').removeClass('nottoday');
    $('div[data-tierart]').removeClass('nottoday');
    $('input[data-tierart]').prop('disabled', false);
    $('option[data-tierart]').prop('disabled', false);
    $('label[data-tierart]').removeClass('nottoday');
    $('label[data-tierart]').removeClass('disabled');
    $('h2[data-tierart]').removeClass('nottoday');
    $('h3[data-tierart]').removeClass('nottoday');
    if(tierart == "Hund") {
      $('input[name="futterwahl[tierart]"]').val(2);
      $('input[data-tierart="Katze"]').addClass('nottoday');
      $('div[data-tierart="Katze"]').addClass('nottoday');
      $('input[data-tierart="Katze"]').prop('disabled', true);
      $('option[data-tierart="Katze"]').prop('disabled', true);
      $('label[data-tierart="Katze"]').addClass('nottoday');
      $('h2[data-tierart="Katze"]').addClass('nottoday');
      $('h3[data-tierart="Katze"]').addClass('nottoday');
      // $('.loading-screen img').attr('src', '/typo3conf/ext/futterwahl/Resources/Public/Images/dog1.gif');
    } else {
      $('input[name="futterwahl[tierart]"]').val(1);
      $('input[data-tierart="Hund"]').addClass('nottoday');
      $('div[data-tierart="Hund"]').addClass('nottoday');
      $('input[data-tierart="Hund"]').prop('disabled', true);
      $('option[data-tierart="Hund"]').prop('disabled', true);
      $('label[data-tierart="Hund"]').addClass('nottoday');
      $('h2[data-tierart="Hund"]').addClass('nottoday');
      $('h3[data-tierart="Hund"]').addClass('nottoday');
      // $('.loading-screen img').attr('src', '/typo3conf/ext/futterwahl/Resources/Public/Images/cat1.gif');
    }
    $(this).children('figure.image').addClass('active');
    $('.part1').addClass('next');
    $('.part2').slideDown();
    $(".krankheit input, .beduerfnisse input, .groesse input, .lebensphase input").prop( "checked", false );
    $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "checked");
    $('input[name="filter[futterart]"').attr('value', '');
    $('input[name="filter[spezialeigenschaft]"').attr('value', '');
    $('input[name="filter[geschmacksrichtung]"').attr('value', '');
    $('.options label').removeClass('notanymore');
    $('.options label').removeClass('checked');
    $('.options input').prop('checked', false);
    $(".part select").select2('destroy'); 
    $(".rasse select").val('9999');
    $(".part select").select2(); 
    var $scrollTo = $('.part2');
    var $container = $('html,body');
    setTimeout(function() {
      $container.animate({
        scrollTop: $scrollTo.offset().top - 150, 
        scrollLeft: 0}
      ,300);
    }, 300);
  });
  
  $('a.forward-button').click(function(ev) {
    ev.preventDefault();
    $('#pressed').val('std');
    $('#futterwahl-form').submit();
  });
  
  $('a.back-button').click(function(ev) {
    ev.preventDefault();
    var part = $(this).data('target');
    switch(part) {
      case 'part1':
        $('input[name="futterwahl[tierart]"]').val(0);
        $('.submit-link .image').removeClass('active');
        $(".krankheit input, .beduerfnisse input, .groesse input, .lebensphase input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "checked");
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "disabled");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '');
        $('input[name="filter[spezialeigenschaft]"').attr('value', '');
        $('input[name="filter[geschmacksrichtung]"').attr('value', '');
        $('.options label').removeClass('notanymore');
        $('.options label').removeClass('checked');
        $('.options input').prop('checked', false);
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part2, .part3, .part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part1, .part2, .part3, .part4').removeClass('next');
        break;
      case 'part2':
        $(".krankheit input, .beduerfnisse input, .groesse input, .lebensphase input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '');
        $('input[name="filter[spezialeigenschaft]"').attr('value', '');
        $('input[name="filter[geschmacksrichtung]"').attr('value', '');
        $('.options label').removeClass('notanymore');
        $('.options label').removeClass('checked');
        $('.options input').prop('checked', false);
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part3, .part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part2, .part3, .part4').removeClass('next');
        break;
      case 'part3':
        $(".krankheit input, .beduerfnisse input, .groesse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '');
        $('input[name="filter[spezialeigenschaft]"').attr('value', '');
        $('input[name="filter[geschmacksrichtung]"').attr('value', '');
        $('.options label').removeClass('notanymore');
        $('.options label').removeClass('checked');
        $('.options input').prop('checked', false);
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part3, .part4').removeClass('next');
        break;
      case 'part4':
        $(".krankheit input, .beduerfnisse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '');
        $('input[name="filter[spezialeigenschaft]"').attr('value', '');
        $('input[name="filter[geschmacksrichtung]"').attr('value', '');
        $('.options label').removeClass('notanymore');
        $('.options label').removeClass('checked');
        $('.options input').prop('checked', false);
        $('.filter, .artikel-liste, .back-container').slideUp();
        $('.part4').removeClass('next');
        break;
      case 'part5':
        $(".krankheit input").prop( "checked", false );
        $(".krankheit label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '');
        $('input[name="filter[spezialeigenschaft]"').attr('value', '');
        $('input[name="filter[geschmacksrichtung]"').attr('value', '');
        $('.options label').removeClass('notanymore');
        $('.options label').removeClass('checked');
        $('.options input').prop('checked', false);
        $('.filter, .artikel-liste, .back-container').slideUp();
        break;
    }
    var $scrollTo = $('.'+part);
    var $container = $('html,body');
    setTimeout(function() {
      $container.animate({
        scrollTop: $scrollTo.offset().top - 150, 
        scrollLeft: 0}
      ,300);
    }, 300);
  });
  
  $('#futterwahl-form input[type="checkbox"], #futterwahl-form select').change(function() {
    var inputId = $(this).attr('id');
    if($('label[for="'+inputId+'"]').hasClass('nottoday') || $('label[for="'+inputId+'"]').hasClass('disabled')){
      
    } else {
      if($(this).is('select')) {
        var identifier = 'noidentifier';
        if($(this).find(":selected").data('tierart') == "Hund") 
        {
          var strSelGroesse = $(this).find(":selected").data('rg');
            // console.log(strSelGroesse.toString().length);
          if(strSelGroesse.toString().length >= 2)
          {
            $('label[for^="Hund-groesse"]').removeClass('checked');
            $('input[id^="Hund-groesse"]').prop('checked', false);
            var selGroesse = strSelGroesse.split(',');
            // console.log(selGroesse);
            selGroesse.forEach(function(groesseId){
              $('label[for="Hund-groesse-' + groesseId + '"]').addClass('checked');
              $('input[id="Hund-groesse-' + groesseId + '"]').prop('checked', true);
            });
          } else if(strSelGroesse.toString().length == 1)
          {
            $('label[for^="Hund-groesse"]').removeClass('checked');
            $('input[id^="Hund-groesse"]').prop('checked', false);
            $('label[for="Hund-groesse-' + strSelGroesse + '"]').addClass('checked');
            $('input[id="Hund-groesse-' + strSelGroesse + '"]').prop('checked', true);
          } 
        }
      } else {
        var identifier = $(this).attr('data-identifier');
      }
      if(identifier.indexOf("beduerfnisse") == -1 && identifier.indexOf("krankheit") == -1) {
        $('#pressed').val('std');
      } else {
        $('#pressed').val('forward');
      }
      if($(this).is(':checked')){
        var category = identifier.substring(0,identifier.indexOf('-'));
        if(category == 'lebensphase'){
          $('input[data-identifier^="' + category + '"]').prop('checked', false);
          $('label[data-identifier^="' + category + '"]').removeClass('checked');
          $('input[id="' + inputId + '"]').prop('checked', true);
        }
        $('label[for="'+inputId+'"]').addClass('checked');
      } else {
        $('label[for="'+inputId+'"]').removeClass('checked');
      }
      $('#futterwahl-form').submit();
    }
  });
  
  $('.part select').select2();

  var form = $('#futterwahl-form');
  var resultContainer = $('#futterwahl-result');
  var service = {
    ajaxCall: function (data, next) {
    // ajaxCall: function (data) {
      $('.loading-screen').show();
      var tierart = $('[name="futterwahl[tierart]"]').val();
      var part = 0;
      if(jQuery('.krankheit input:checked').length){
        part = 4;
        if(next == 'forward') {
          part = 3.5;
        } 
      } else if (jQuery('.beduerfnisse input:checked').length){
        part = 4;
        if(next == 'forward') {
          part = 3.5; 
        } 
      } else if (jQuery('.rasse option:selected').length && jQuery('.rasse option:selected').val() != 9999){
        part = 2;
        if (jQuery('.groesse input:checked').length || tierart != 2 ){
          part = 3;
        }
        $(".krankheit input, .beduerfnisse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label").removeClass( "checked");
      } else if (jQuery('.groesse input:checked').length){
        part = 3;
        $(".krankheit input, .beduerfnisse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label").removeClass( "checked");
      } else if (jQuery('.lebensphase input:checked').length){
        part = 2;
        $(".krankheit input, .beduerfnisse input, .groesse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label").removeClass( "checked");
        $(".rasse select").val("9999");
      }
      $.ajax({
        url: '/index.php',
        cache: false,
        data: data.serialize(),
        success: function (result) {
          resultContainer.html(result);
          $('.loading-screen').hide();
          filterUpdate($('#futterwahl-result .json_data').html(), part, resultContainer);
          // console.log(result);
        },
        error: function (jqXHR, textStatus, errorThrow) {
          resultContainer.html('Ajax request - ' + textStatus + ': ' + errorThrow).fadeIn('fast');
          $('.loading-screen').hide();
        }
      });
    }
  };
  form.submit(function (ev) {
    ev.preventDefault();
    var next = 'std';
    if($('#pressed').val() == 'forward'){
      next = 'forward';
    }
    service.ajaxCall($(this), next);
    // service.ajaxCall($(this));
  });
  
  var hash = window.location.hash;
  hash = hash.substring(hash.indexOf('#') + 1);
  $('#futterwahl-form a.submit-link[data-value="'+hash+'"]').click();
  
  $('.futterwahl .filter input[type="checkbox"]').change(function() {
    var inputId = $(this).attr('id');
    var identifier = $(this).data('identifier');
    var cat = $('label[for="'+inputId+'"]').data('filter');
    var chosen = $('input[name="filter[' + cat + ']"').val();
    var newid = 0;
    if(!$('label[for="'+inputId+'"]').hasClass('notanymore')){
      if($(this).is(':checked')){
        $('label[for="'+inputId+'"]').addClass('checked');
        newid = identifier.substring(identifier.indexOf('-') + 1);
        if(chosen.indexOf(newid)==-1){
          chosennew = chosen + ',' + newid;
          if(chosen == 0) chosennew = newid;
          $('input[name="filter[' + cat + ']"').val(chosennew);
        }
      } else {
        $('label[for="'+inputId+'"]').removeClass('checked');
        newid = identifier.substring(identifier.indexOf('-') + 1);
        if(chosen.indexOf(newid)!=-1){
          chosennew = removeValue(chosen, newid, ",");
          $('input[name="filter[' + cat + ']"').val(chosennew);
        }
      }
    } else {
      $('.options label').removeClass('notanymore');
      $('.options label').removeClass('checked');
      $('.options input').prop('checked', false);
      $('input[name^="filter"').attr('value', '');
      $('label[for="'+inputId+'"]').addClass('checked');
      $('#'+inputId+'').prop('checked', true);
      
      newid = identifier.substring(identifier.indexOf('-') + 1);
      if(chosen.indexOf(newid)==-1){
        chosennew = newid;
        if(chosen == 0) chosennew = newid;
        $('input[name="filter[' + cat + ']"').val(chosennew);
      }
    }
    filterResult();
  });
});

function removeValue(list, value, separator) {
  separator = separator || ",";
  var values = list.split(separator);
  for(var i = 0 ; i < values.length ; i++) {
    if(values[i] == value) {
      values.splice(i, 1);
      return values.join(separator);
    }
  }
  return list;
}

function filterResult() {
  var fa = $('input[name="filter[futterart]"').val();
  var se = $('input[name="filter[spezialeigenschaft]"').val();
  var gr = $('input[name="filter[geschmacksrichtung]"').val();
  if(fa.length >= 1) var fas = fa.split(',');
  if(se.length >= 1) var ses = se.split(',');
  if(gr.length >= 1) var grs = gr.split(',');
  
  var newfa = "";
  var newse = "";
  var newgr = "";
  
  if(fa.length >= 1 || se.length >= 1 || gr.length >=1) {
    
    $('.artikel-liste .artikel').each(function(){
      
      $(this).removeClass('match');
      
      var isFaMatch = false;
      if(fa.length >= 1) {
        var artFa = $(this).data('fa');
        if($.isNumeric(artFa)) artFa = artFa.toString();
        if(artFa.length >= 1){
          var artFas = artFa.split(',');
          var countMatch = 0;
          fas.forEach(function(element) {
            if(artFas.indexOf(element) != -1) {
              countMatch++;
            }
          });
          if(countMatch == fas.length) isFaMatch = true;
        } else {
          isFaMatch = false;
        }
      } else {
        isFaMatch = true;
      }
      
      var isSeMatch = false;
      if(se.length >= 1) {
        var artSe = $(this).data('se');
        if($.isNumeric(artSe)) artSe = artSe.toString();
        if(artSe.length >= 1){
          var artSes = artSe.split(',');
          var countMatch = 0;
          ses.forEach(function(element) {
            if(artSes.indexOf(element) != -1) {
              countMatch++;
            }
          });
          if(countMatch == ses.length) isSeMatch = true;
        } else {
          isSeMatch = false;
        }
      } else {
        isSeMatch = true;
      }
      
      var isGrMatch = false;
      if(gr.length >= 1) {
        var artGr = $(this).data('gr');
        if($.isNumeric(artGr)) artGr = artGr.toString();
        if(artGr.length >= 1){
          var artGrs = artGr.split(',');
          var countMatch = 0;
          grs.forEach(function(element) {
            if(artGrs.indexOf(element) != -1) {
              countMatch++;
            }
          });
          if(countMatch == grs.length) isGrMatch = true;
        } else {
          isGrMatch = false;
        }
      } else {
        isGrMatch = true;
      }
      if(isFaMatch && isSeMatch && isGrMatch) {
        $(this).addClass('match');
        if($(this).attr('data-fa').length >= 1) newfa += $(this).attr('data-fa')+",";
        if($(this).attr('data-se').length >= 1) newse += $(this).attr('data-se')+",";
        if($(this).attr('data-gr').length >= 1) newgr += $(this).attr('data-gr')+",";
      }
    });
    newfa = newfa.substring(0, newfa.length - 1);
    newse = newse.substring(0, newse.length - 1);
    newgr = newgr.substring(0, newgr.length - 1);
    filterSet(newfa, newse, newgr);
  } else {
    $('.options.futterart label').removeClass('notanymore');
    $('.options.spezialeigenschaft label').removeClass('notanymore');
    $('.options.geschmacksrichtung label').removeClass('notanymore');
    $('.filter .options').each(function() {
      var cat = $(this).children('label').data('filter');
      // console.log('Filter Result: '+cat+'.length: '+ $('.filter .options.' + cat + ' label:not(.notanymore)').length);
      if($('.filter .options.' + cat + ' label:not(.nottoday)').length >= 1){
        $('.filter .options.' + cat).show();
      } else {
        $('.filter .options.' + cat).hide();
      }
    });
    $('.artikel-liste .artikel').addClass('match');
  }
  $('#article-counter .intCount').html($('.artikel-liste .artikel.match').length);
  if($('.artikel-liste .artikel.match').length == 0){
    $('#toomany').show();
  } else {
    $('#toomany').hide();
  }
}

function filterSet(fa, se, gr) {
  var aryfa = new Array();
  var aryse = new Array();
  var arygr = new Array();
  aryfa = fa.split(",");
  aryse = se.split(",");
  arygr = gr.split(",");
  $('.options.futterart label').addClass('notanymore');
  $('.options.spezialeigenschaft label').addClass('notanymore');
  $('.options.geschmacksrichtung label').addClass('notanymore');
  for (a in aryfa ) {
    $('label[data-identifier="futterart-'+aryfa[a]+'"]').removeClass('notanymore');
  }
  for (a in aryse ) {
    $('label[data-identifier="spezialeigenschaft-'+aryse[a]+'"]').removeClass('notanymore');
  }
  for (a in arygr ) {
    $('label[data-identifier="geschmacksrichtung-'+arygr[a]+'"]').removeClass('notanymore');
  }
  $('.filter .options').each(function() {
    var cat = $(this).children('label').data('filter');
    // console.log('Filter Set: '+cat+'.length: '+ $('.filter .options.' + cat + ' label:not(.notanymore)').length);
    if($('.filter .options.' + cat + ' label:not(.notanymore)').length >= 1){
      $('.filter .options.' + cat).show();
    } else { 
      // $('.filter .options.' + cat).hide();
    }
  });
}

function filterUpdate(result, part, resultContainer) {
  var $container = $('html,body');
  $('.part .options label').addClass('disabled');
  $('.options.futterart label, .options.spezialeigenschaft label, .options.geschmacksrichtung label').addClass('nottoday');
  $('option').prop('disabled', true);
  var slidepart = part;
  if(part == 3.5) {
    slidepart = 4;
    part = 3;
  }
  $.each(JSON.parse(result),function(index, value){
    switch (value.substring(0, value.indexOf('-'))) {
      case 'lebensphase':
          $('label[data-identifier="'+value+'"]').removeClass('disabled');
        break;
      case 'rasse':
          // console.log(value);
          $('option[value="9999"]').prop('disabled', false);
          $('option[value="0"]').prop('disabled', false);
          $('option[value="'+value.substring(value.indexOf('-') + 1, value.length)+'"]').prop('disabled', false);
          if(slidepart == 3) {
            $('.part5').slideDown();
            resultContainer.children('.artikel-liste').slideDown({
              start: function () {
                $(this).css({
                  display: "flex"
                })
              }
            });
          }
        break;
      case 'groesse':
          $('label[data-identifier="'+value+'"]').removeClass('disabled');
          if(slidepart == 3) {
            $('.part5').slideDown();
            resultContainer.children('.artikel-liste').slideDown({
              start: function () {
                $(this).css({
                  display: "flex"
                })
              }
            });
          }
        break;
      case 'beduerfnisse':
          $('label[data-identifier="'+value+'"]').removeClass('disabled');
          if(slidepart == 4) {
            resultContainer.children('.artikel-liste').slideDown({
              start: function () {
                $(this).css({
                  display: "flex"
                })
              }
            });
            $('#futterwahl-result .back-container, .part5').slideDown();
          }
        break;
      case 'krankheit':
          $('label[data-identifier="'+value+'"]').removeClass('disabled');
          if(slidepart == 4) {
            resultContainer.children('.artikel-liste').slideDown({
              start: function () {
                $(this).css({
                  display: "flex"
                })
              }
            });
            $('#futterwahl-result .back-container, .part5').slideDown();
          }
        break;
      case 'geschmacksrichtung':
          $('label[data-identifier="'+value+'"]').removeClass('nottoday');
        break;
      case 'spezialeigenschaft':
          $('label[data-identifier="'+value+'"]').removeClass('nottoday');
        break;
      case 'futterart':
          $('label[data-identifier="'+value+'"]').removeClass('nottoday');
        break;
    }
  });
  $('.filter .options').each(function() {
    var cat = $(this).children('label').data('filter');
    if($('.filter .options.' + cat + ' label:not(.nottoday)').length >= 1){
      $('.filter .options.' + cat).show();
    } else {
      $('.filter .options.' + cat).hide();
    }
  });
  if($(".filter .options:not(:hidden)").length == 0){
    $('.result-title').show();
    $('.filter-title').hide();
  } else {
    $('.result-title').hide();
    $('.filter-title').show();
  }
  $('.part'+part).addClass('next');
  part++;
  $('.part'+part).slideDown();
  var $scrollTo = $('.part'+part);
  setTimeout(function() {
    $container.animate({
      scrollTop: $scrollTo.offset().top - 150, 
      scrollLeft: 0}
    ,300);
  }, 300);
  
  
  $('a.back-button').click(function(ev) {
    ev.preventDefault();
    var part = $(this).data('target');
    switch(part) {
      case 'part1':
        $('input[name="futterwahl[tierart]"]').val(0);
        $('.submit-link .image').removeClass('active');
        $(".krankheit input, .beduerfnisse input, .groesse input, .lebensphase input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "checked");
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "disabled");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '')
        $('input[name="filter[spezialeigenschaft]"').attr('value', '')
        $('input[name="filter[geschmacksrichtung]"').attr('value', '')
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part2, .part3, .part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part1, .part2, .part3, .part4').removeClass('next');
        break;
      case 'part2':
        $(".krankheit input, .beduerfnisse input, .groesse input, .lebensphase input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label, .lebensphase label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '')
        $('input[name="filter[spezialeigenschaft]"').attr('value', '')
        $('input[name="filter[geschmacksrichtung]"').attr('value', '')
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part3, .part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part2, .part3, .part4').removeClass('next');
        break;
      case 'part3':
        $(".krankheit input, .beduerfnisse input, .groesse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label, .groesse label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '')
        $('input[name="filter[spezialeigenschaft]"').attr('value', '')
        $('input[name="filter[geschmacksrichtung]"').attr('value', '')
        $(".part select").select2('destroy'); 
        $(".rasse select").val("9999");
        $(".part select").select2(); 
        $('.part4, .filter, .artikel-liste, .back-container').slideUp();
        $('.part3, .part4').removeClass('next');
        break;
      case 'part4':
        $(".krankheit input, .beduerfnisse input").prop( "checked", false );
        $(".krankheit label, .beduerfnisse label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '')
        $('input[name="filter[spezialeigenschaft]"').attr('value', '')
        $('input[name="filter[geschmacksrichtung]"').attr('value', '')
        $('.filter, .artikel-liste, .back-container').slideUp();
        $('.part4').removeClass('next');
        break;
      case 'part5':
        $(".krankheit input").prop( "checked", false );
        $(".krankheit label").removeClass( "checked");
        $('.options.futterart input').prop( "checked", false );
        $('.options.futterart label').removeClass('notanymore checked');
        $('.options.spezialeigenschaft input').prop( "checked", false );
        $('.options.spezialeigenschaft label').removeClass('notanymore checked');
        $('.options.geschmacksrichtung input').prop( "checked", false );
        $('.options.geschmacksrichtung label').removeClass('notanymore checked');
        $('input[name="filter[futterart]"').attr('value', '')
        $('input[name="filter[spezialeigenschaft]"').attr('value', '')
        $('input[name="filter[geschmacksrichtung]"').attr('value', '')
        $('.filter, .artikel-liste, .back-container').slideUp();
        break;
    }
    var $scrollTo = $('.'+part);
    var $container = $('html,body');
    setTimeout(function() {
      $container.animate({
        scrollTop: $scrollTo.offset().top - 150, 
        scrollLeft: 0}
      ,300);
    }, 300);
    $('#futterwahl-form').submit();
  });
  
  
  $('#article-counter').click(function(){
    var $scrollTo = $('#futterwahl-result');
    var $container = $('html,body');
    setTimeout(function() {
      $container.animate({
        scrollTop: $scrollTo.offset().top - 150, 
        scrollLeft: 0}
      ,300);
    }, 300);
  });
}