var mq_dt = window.matchMedia('(min-width: 961px)');
var mq_tab = window.matchMedia('(min-width: 640px) and (max-width: 960px)'); 
var mq_mob = window.matchMedia('(max-width: 639px)'); 

// =============================== KATALOGE ANFORDERN ===============================
function katalogeanfordern()  {
  var zusammenstellen = function(){
    var doc='', mailtext='', order='';
    var counter = 0;
    $('[data-catamount]').each(function(){
      if ($(this).val()>0)  {
        console.log("mein Wert: " + $(this).val());
        counter += parseInt($(this).val());
        var katalogname = $(this).closest('.text-wrapper').find('.katalogname').html();
        var mitpreisliste = $('#cb_' + $(this).data('catamount')).prop('checked');
        var inkl = window.lit["catalogs_pricelistyes"];
        doc += '<div><span class="amount">' + $(this).val() + '</span><span> ' + window.lit["catalogs_amount"] +'&nbsp;</span><span class="itemname">' + katalogname + (mitpreisliste ? ' <br class="d-md-none">'+ window.lit["catalogs_pricelistyes"] : '') + '</span></div>';
        order    += $(this).val()+ ' ' + window.lit["catalogs_amount"] +' '+ katalogname +' '+ (mitpreisliste ?  inkl : '') + '\n' ;
        //mailtext += $(this).val()+ ' ' + window.lit["catalogs_amount"] +' '+ katalogname +' '+ (mitpreisliste ?  inkl : '') + '\n';
        $('.orderinfo').removeClass('d-none');
        $('.sidebuttons .third').removeClass('d-none');
        
      }
    });
    $('.shoppingcart').html(doc);
    $('.selected').html(doc);// <------- text unten über dem bestellen button
    $('#orderdata').val(window.lit["cat_order_0"] + ': \n' + order);
    $('.sidebuttons .third .number').html(counter);
    //$('#mailtexthiddenfield').html(mailtext);  // <---- bei der gelegenheit auch gleich den text fürs mail zusammenstellen
    
//calculate position(top) of (red) sidebutton
    if ( (window.matchMedia("(max-width: 639px)")).matches) {
      var height1 = $('.downloadsection.catalogs h1.likeh2').height();
      var height2 = $('.downloadsection.catalogs h1.likeh2 ~ p').height();
      var height3 = $('.downloadsection.catalogs .dropdown').height();
      var height4 = $('.downloadsection.catalogs .headtext.kicker').height();     
      $('.sidebuttons:not(.openform)').css('top',height1+height2+height3+height4+67);      
    };
    
    console.log("zusammenstellen");
    
    
//remove red sidebutton kataloge if no catalogs are chosen
    if (counter < 1) {
      $('.sidebuttons .third').addClass('d-none');
    } else if (counter > 0) {
      $('.sidebuttons .third').removeClass('d-none');
    }
  };
  
  $('[data-catamount]').on('propertychange keyup change oninput',function(e){
    console.log("keyup");
    e.preventDefault();
    e.stopPropagation();
    zusammenstellen();
  });
  $('.catcbs').on('change',zusammenstellen);
  
  var openform = function() {
    $('.order_form').removeClass('d-none');
    $('.order_form').toggleClass('openform slideOut');
    $('.sidebuttons').toggleClass('openform');
    $('.bookmarks_slide').addClass('slideOut').removeClass('openbookmark');
    $('.service_slide').addClass('slideOut').removeClass('openservice');
    $('.sidebuttons').removeClass('openservice openbookmark');
    
/*********make form height same as template height******/  
    /*var height = $('.downloadsection.catalogs').height();  
    $('.order_form.openform').height(height + 49);
    */
/********scroll to top of page when form is opended**********/ 
    $(window).scrollTop(0); 
  };
  
  
//Formular nach click auf Sidebutton öffnen
  $(".sidebuttons .third").on('click', function(e) {
    openform();
    /*$(".sidebuttons .first").toggleClass('disabled'); 
    $(".sidebuttons .second").toggleClass('disabled');*/
    $(".merkstar_nav").toggleClass('disabled');
  });
  
//Formular nach click auf Button öffnen    
  $("#open_catalogform").on('click', function(e) {
    openform();
  });
  
//Cancel/close form                                                   
  $('#cancelformbtn').on('click', function() {
    $('.order_form').removeClass('openform');
    $('.sidebuttons').removeClass('openform');    
  });
  
  
} 

// =============================== ENDE KATALOGEANFORDERN ===============================

// =============================== Servicebutton Trigger Start===============================
 $(".sidebuttons .first").on('click', function(e) {
    $('.service_slide').removeClass('d-none').toggleClass('openservice slideOut');
    $('.sidebuttons').toggleClass('openservice');   
    $('.order_form').addClass('slideOut').removeClass('openform');
    $('.bookmarks_slide').addClass('slideOut').removeClass('openbookmark');
    $('.sidebuttons').removeClass('openform openbookmark');
    $(window).scrollTop(0); 
 });


// =============================== Servicebutton Trigger Ende===============================

// =============================== Merkliste Trigger Start===============================
 $(".sidebuttons .second, .merkstarlink").on('click', function(e) {
    $('.bookmarks_slide').removeClass('d-none').toggleClass('openbookmark slideOut');
    if ( (window.matchMedia("(min-width: 960px)")).matches) {
      $('.sidebuttons').toggleClass('openbookmark').removeClass('openform openservice');
      //$('.sidebuttons').removeClass('openform, openservice');
      $('.order_form').addClass('slideOut').removeClass('openform');
      $('.service_slide').addClass('slideOut').removeClass('openservice');
    } else {
       $('.sidebuttons').toggleClass('minus_zindex');
    }
    $(window).scrollTop(0); 
 });

// =============================== Merkliste Trigger Ende===============================
$(".close_me").on('click', function() {
  $(".modalfix").removeClass("openbookmark openservice openform");
  $(this).closest(".modalfix").addClass('slideOut');
  $(".sidebuttons").removeClass("openbookmark openservice openform");
  $('body').removeClass('noscroll');
});

/***close modals on click in grey background****/
$(document).click(function (e) {
    if ($(e.target).is('.modalfix')) {
        $(".modalfix").removeClass("openbookmark openservice openform");
  $(".modalfix").addClass('slideOut');
  $(".sidebuttons").removeClass("openbookmark openservice openform");
  $('body').removeClass('noscroll');
    }

});
// =============================== when a sidebar is open prevent body from scrolling START===============================
  $(".sidebuttons").on('click', function(e) {
    if($(".bookmarks_slide").hasClass("openbookmark") || $(".service_slide").hasClass("openservice")|| $(".order_form").hasClass("openform")) {
      $('body').addClass('noscroll');  
    }
    else {
      $('body').removeClass('noscroll'); 
    }
  });  
// =============================== when a sidebar is open prevent body from scrolling END===============================

//disable button in downloadsection-filter when no content is delivered

$('.downloadsection.download .dropdown ~ div').each(function(){
  if ($(this).find('.tablehead').length === 0){
    console.log(this);
    if($(this).is('#section1')){
      $('#btn-1').addClass('disabled');
    } else if($(this).is('#section2')){
      $('#btn-2').addClass('disabled');
    } else if($(this).is('#section3')){
      $('#btn-3').addClass('disabled');
    } else if($(this).is('#section4')){
      $('#btn-4').addClass('disabled');
    }
  }
}); 
//disable button in downloadsection-filter when no content is delivered-end

//disable button in catalogs-filter when no content is delivered

$('.downloadsection.catalogs .dropdown ~ div').each(function(){
  if ($(this).find('.headtext + .row').children().length < 1){
    console.log(this);
    
    if($(this).is('#section1')){
      $('#btn-1').addClass('disabled');
       $(this).children().css("display","none");
    } else if($(this).is('#section2')){
      $('#btn-2').addClass('disabled');
      $(this).children().css("display","none");
    } else if($(this).is('#section3')){
      $('#btn-3').addClass('disabled');
       $(this).children().css("display","none");
    } else if($(this).is('#section4')){
      $('#btn-4').addClass('disabled');
      $(this).children().css("display","none");
    }
  }
}); 
//disable button in catalogs-filter when no content is delivered-end

// ===============================History-template prevent body from scrolling when modal is open==============

  $('label[for="open_timeline"]').on('click', function() {	
    $("body").addClass("noscroll");
  });
  $('label[for="close_timeline"]').on('click', function() {	
    $("body").removeClass("noscroll");
  });

// ===============================History-template prevent body from scrolling when modal is open==============
// ============================ Merkliste Start=============================
 function toggleShowBook() {
   var cl_list = document.getElementById("choosecat_book");  
   cl_list.classList.toggle("hide"); 
 
  }


   $('#btn-bm').on('click', function(e) {
       e.preventDefault();
       toggleShowBook();
     });


//Add to Merkliste

function addItems(el) {
  var element = el;
  wlistadd(element);
  console.log("added: " + element);
  countItems();
}
//count bookmarked items
function countItems() {
  var bm_count =  wlistget().length;
  //console.log("Zähler: " + bm_count);
  $('.ml_amount').html(bm_count);
}

//build Merkliste
function buildList() {
  wlistfmt(function(v){
    var originalreihenfolge = wlistget();
    var ml_list = '';
    for (var i in originalreihenfolge)  {
      if (originalreihenfolge[i]=='')  
        continue;
      var posinv = v.map(function(el){ return el.artikelnummer; }).indexOf(originalreihenfolge[i]);
      console.log("suche nach "+originalreihenfolge[i]+" in v liefert position = "+posinv);
      if (posinv>=0) {
        var artikelnr = v[posinv].artikelnummer;
        var kurzbzng = v[posinv].kurzbzng;
        var mat_bzgn = v[posinv].mat_bzgn;
        var image = v[posinv].src;
        var artikellink = "/DE/sitemap/dietzel/products/Produktdetailseite" + "?masterartikel=" + artikelnr;
        console.log("built: " + artikelnr);
        ml_list += '<div class="form_wrapper d-flex">';
        ml_list += '<div class="imagewrapper"><img src="'+image+'"></div>';
        ml_list += '<div class="textwrapper col-7 col-md-9">';     
        ml_list += '<a href="' + artikellink + '" class="bold">' + kurzbzng + '</a>'; 
        ml_list += '<div class="text-uppercase">'+ mat_bzgn + 'FXP 20 Turbo grau</div>';
        ml_list += '<div class="font-14"><span class="bold">Artikel Nr.: </span><span class="artnumber">' + artikelnr +'</span></div>';
        ml_list += '<input class="dz-control-input compare_box" type="checkbox" id="' + artikelnr +'" name="artikelnummer" value="' + artikelnr +'"><label class="dz-control-label" for="' + artikelnr +'">' + window.lit["bookmarks_compare"] +'</label>';
        ml_list += '</div>';
        ml_list += '<div class="garbage_wrapper"><button class="delete_ml_item"><svg class="boomarks_svg"><use xlink:href="#ico_delete_item"></use></svg></button></div>';
        ml_list += '</div>';
        ml_list += '<div class="line-faded"></div>';
      }
    }
    $('#ml_content').html(ml_list);
  });
}
function deleteItems(element) {
  wlistdel(element);
}

$(document).on('click', '.addto_bm' ,function(e) {
  e.preventDefault();
  var artikelnr = $('#sel_ausfuehrungen').val();          // <--- das ist die ausführung
  if (!artikelnr || artikelnr == '')
    artikelnr = $(this).siblings('.artnr').html();  // <--- das ist immer der masterartikel = fallback, wenn selectbox leer ist
  
  showTooltip(artikelnr);
  
  addItems(artikelnr);
   
});
function showTooltip(artikelnummer) {
   var inhaltMerkliste = wlistget();
   if (inhaltMerkliste.indexOf(artikelnummer) >= 0)  {
    console.log("schon in ml"); 
       //$(".addto_bm").addClass("disabled");
       $('.justadded.saved').removeClass('d-none');
       setTimeout(function () {
       $('.addto_bm').promise().done(function() {
         $('.justadded.saved').addClass('d-none');
       });
       }, 2500);
    
    return;
  }
}
$(document).on('click', '.service_btn.second', '.merkstar_nav' ,function(e) {
  e.preventDefault();
  console.log("in merkliste");
  buildList();
  countItems();
  
});
// delete single item on click on garbage picto
$(document).on('click', '.garbage_wrapper', function(e) {
  e.preventDefault();
  var artikelnumberdel = $(this).prev('.textwrapper').find('.artnumber').html();
  deleteItems(artikelnumberdel);
  buildList();
  countItems();
  
});

//if less than two items have been checked in Merkliste for comparison disable button, etc...
$(document).on('change','#ml_content .dz-control-input',function(){
  if(($("#ml_content .dz-control-input:checked").length)>= 2) {
      $(".compare_btn").removeClass("disabled");
    if(!$(".minimum_prod").hasClass("d-none")) {
      $(".minimum_prod").addClass("d-none");
    }
  } else {
    if(!($(".compare_btn").hasClass('disabled'))) {
       $(".compare_btn").addClass("disabled");
       $(".minimum_prod").removeClass("d-none");
       }
  }
});

//If on detailpage no version has been choosen disable button
$(document).on('change','#sel_ausfuehrungen',function(){
  if($('#sel_ausfuehrungen').val()===""){
    $(".addto_bm").addClass("disabled");
    $('.justadded.choose').removeClass('d-none'); 
          
  }
  else {
     $(".addto_bm").removeClass("disabled");
     $('.justadded.choose').addClass('d-none'); 
    }
});
/***disable newsletter button as long as the email input field is empty or without valid input START********/

function ValidateEmail(inputText) {
  var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
  if(inputText.match(mailformat)) {
    $('.nletter input[type="submit"]').removeClass('disabled');
  } else {
    if (!$('.nletter input[type="submit"]').hasClass('disabled')) {
       $('.nletter input[type="submit"]').addClass('disabled');
    }
  }
}
var emailinput = $('.nletter input.email');
$(emailinput).on('change', function(){
  var emailval = $('.nletter input[type="email"]').val();
  ValidateEmail(emailval);
});

/***disable newsletter button as long as the email input field is empty or without valid input  END********/

// ============================ Merkliste Ende=============================
// ============================ Kontakt Start=============================

 $('.js-example-basic-single').select2({
   
    minimumResultsForSearch: Infinity
  });

// ============================ Kontakt Ende=============================
// ============================ Search Sort Start=============================


 function toggleShowSearchSort() {
   var cl_list = document.getElementById("choose_filter");  
   cl_list.classList.toggle("hide"); 
 
  }


   $('#btn-searchsort').on('click', function(e) {
       e.preventDefault();
       document.getElementById("choose_filter").classList.toggle("hide");
     });

  //create dropdown 
  $('.choose_filter a').on('click', function(e) {
    e.preventDefault();
    var option1 = $('#btn-s1').html();
    var option2 = $('#btn-s2').html();

    if($(this).is('#btn-s1')) {
         $('.searchsort_choice').removeClass('sec_s2').addClass('sec_s1');
         $('#btn-searchsort span').html(option1);
         toggleShowSearchSort();
       }
    else if($(this).is('#btn-s2')) {
         $('.searchsort_choice').removeClass('sec_s1').addClass('sec_s2');
         $('#btn-searchsort span').html(option2);
         toggleShowSearchSort();
       }
  });

// ============================ Search Sort Ende=============================


$(function() {
  
  countItems();

  var cmsprefix = '/cms/web/DE/mode/work/sitemap/dietzel';
  var wlp = window.location.pathname;
  wlp = wlp.replace(cmsprefix,'');
  wlp = wlp.replace('DE/','');
  
  
  var cmsprefix_hu = '/cms/web/HU/mode/work/sitemap/univolt_hu';
  var wlp_hu = window.location.pathname;
  wlp_hu = wlp_hu.replace(cmsprefix_hu,'');
  wlp_hu = wlp_hu.replace('HU/','');
  
  // Kataloge/Preislisten anfordern
  if (wlp == '/service/information' || wlp_hu == "/szolgaltatas/informacio")   {
    katalogeanfordern();
  }
  
  
   // =============================== Sprache und Land vorselektieren -> Sprachumschalter + Modal =============================== /**/
  /*  var domains = {
      "dietzel.lemon42.com": "lang_at",
      "dietzel-univolt.com/257_EI.123" : "lang_uk",
      "dietzel-univolt.com/257_HU.123": "lang_hu",
      "dietzel-univolt.com/257_EI.124" : "lang_int"
    };
    var countries = {
      "dietzel.lemon42.com": "Österreich",
      "dietzel-univolt.com/257_HU.123": "Magyar",
      "dietzel-univolt.com/257_EI.123" : "United Kingdom",
      "dietzel-univolt.com/257_EI.124" : "International"
    };
    var flags = {
      "dietzel.lemon42.com": "#flag_austria",
      "dietzel-univolt.com/257_HU.123": "#flag_hungary",
      "dietzel-univolt.com/257_EI.123": "#flag_uk" ,
      "dietzel-univolt.com/257_EI.124": "#flag_international" 
    };
    $("#" + domains[document.location.hostname]).prop("checked",true);
    $(".choosen_country").html(countries[document.location.hostname]);

    var flag = flags[document.location.hostname];
    var elarr = document.querySelectorAll(".countryflag svg use");
      for (el of elarr) {
      el.setAttribute("xlink:href", flag);
    }
    */
  // =====================  open text-search panel first when produktsearch is empty start  =====================

    /*if(mq_mob.matches) {
      $('#nav-1').removeClass("active");
    }*/

   /*
    var hitnumber = document.getElementById("hitnr");
      console.log(hitnumber);
      if (hitnumber.classList.contains("0")) {

    }
    console.log("erstmal");
    var prodhits = document.getElementById("hitamount").innerHTML;
    if (prodhits === "0"){
      console.log(prodhits);   
    }
  */
  // =====================open text-search panel first when produktsearch is empty end  =====================

  // ============================ Referenzen ========================================
    $('a[data-refdetails]').on('click',function(e){
      e.preventDefault();
      $('.ref_element[aria-expanded="true"]').removeAttr('aria-expanded');
      $('#reference-detail').remove();
      $(this).attr('aria-expanded','true');

      if (mq_dt.matches)
        var elementeProZeile = 4;   // dyamisch machen abh. von auflösung
      else if (mq_tab.matches)
        var elementeProZeile = 3;   // dyamisch machen abh. von auflösung
      else if (mq_mob.matches)
        var elementeProZeile = 2;   // dyamisch machen abh. von auflösung

      var refdata = $(this).data('refdetails');
      var index = $(this).data('index');
      if (index>elementeProZeile) {
         $([document.documentElement, document.body]).animate({
          scrollTop: $(this).offset().top-70
          }, 1000);    
      }


      var template = Handlebars.compile(document.getElementById('referenz_detail').innerHTML);
      var myhtml = template(refdata);
      var aktuellezeile = Math.floor((index-1)/elementeProZeile)+1;
      var ziel = aktuellezeile * elementeProZeile;  // hinter diesem element muss es einfügt werden.
      var height = mq_dt.matches ? '342px' : mq_tab.matches ? '316px': '540px' ; 

      if ($('a[data-index='+ziel+']').length==0)
        ziel=$('a[data-index]').length;
      $('a[data-index='+ziel+']').after(myhtml);
      // $('#reference-detail').fadeIn(800);
      $('#reference-detail').animate({height: height},600);
      $('.white-underlay').animate({height: height},600);
    });
    $('a[data-index=1]').click();  // init 1. öffnen
  // ===================== ENDE REFERENZEN ===============================  

  // ============================ Titleimage =============================
    var titlebtn = $(".title-image button");
    //if (titlebtn.html("")){ titlebtn.css("display","none");};
    if (titlebtn.is(':empty')) { titlebtn.hide();} else {titlebtn.show();};
  // ============================ Ende Titleimage =============================

  // ============================ Download Start=============================
   function toggleShow() {
     var cl_list = document.getElementById("choosecat");  
     cl_list.classList.toggle("hide"); 

    }
    //create dropdown for tab and mob view 
    $('.downloadsection .choosecat .btn').on('click', function(e) {
      e.preventDefault();
      var option0 = $('#btn-0').html();
      var option1 = $('#btn-1').html();
      var option2 = $('#btn-2').html();
      var option3 = $('#btn-3').html();
      var option4 = $('#btn-4').html();

      if($(this).is('#btn-1')) {
           $('.dropdown').removeClass('sec0 sec2 sec3 sec4').addClass('sec1');
           $('.dropbtn span').html(option1);
           toggleShow();
         }
      else if($(this).is('#btn-2')) {
           $('.dropdown').removeClass('sec0 sec1 sec3 sec4').addClass('sec2');
           $('.dropbtn span').html(option2);
        toggleShow();
         }
      else if($(this).is('#btn-3')) {
           $('.dropdown').removeClass('sec0 sec1 sec2 sec4').addClass('sec3');
        $('.dropbtn span').html(option3);
        toggleShow();
         }
      else if($(this).is('#btn-4')) {
           $('.dropdown').removeClass('sec0 sec1 sec2 sec3').addClass('sec4');
        $('.dropbtn span').html(option4);
        toggleShow();
         }
      else if($(this).is('#btn-0')) {
        $('.dropdown').removeClass('sec1 sec2 sec3 sec4').addClass('sec0');
        $('.dropbtn span').html(option0);
        toggleShow();
         }
       $('#btn-md').on('click', function(e) {
         e.preventDefault();
         document.getElementById("choosecat").classList.remove("hide");
       });
    });
  // ============================ Download Ende=============================

  // ============================ Innendienst Start=============================
     function toggleShowInt() {
       var cl_list1 = $("#choosecat_int1");  
       cl_list1.toggleClass("hide");  
    }
     $('.internal .choosecat_int .btn').on('click', function(e) {
       e.preventDefault();



      var optioni5 = $('#btn-i5').html();
      var optioni1 = $('#btn-i1').html();
      var optioni2 = $('#btn-i2').html();
      var optioni3 = $('#btn-i3').html();
      var optioni4 = $('#btn-i4').html();
      $('.int-rgt').removeAttr('disabled');

      if($(this).is('#btn-i1')) {
           $('.internal .internal_choice').removeClass('sec_i5 sec_i2 sec_i3 sec_i4').addClass('sec_i1');
           $('.internal .dropbtn span').html(optioni1);
           //toggleShowInt();
            window.scroller_update(document.getElementById('section1'));
         }
      else if($(this).is('#btn-i2')) {
           $('.internal .internal_choice').removeClass('sec_i5 sec_i1 sec_i3 sec_i4').addClass('sec_i2');
           $('.internal .dropbtn span').html(optioni2);
          // toggleShowInt();
            window.scroller_update(document.getElementById('section2'));
         }
      else if($(this).is('#btn-i3')) {
           $('.internal .internal_choice').removeClass('sec_i5 sec_i1 sec_i2 sec_i4').addClass('sec_i3');
           $('.internal .dropbtn span').html(optioni3);
            window.scroller_update(document.getElementById('section3'));
          // toggleShowInt();
         }
      else if($(this).is('#btn-i4')) {
           $('.internal .internal_choice').removeClass('sec_i5 sec_i1 sec_i2 sec_i3').addClass('sec_i4');
           $('.internal .dropbtn span').html(optioni4);
            window.scroller_update(document.getElementById('section4'));
          // toggleShowInt();
         }
      else if($(this).is('#btn-i5')) {
           $('.internal .internal_choice').removeClass('sec_i1 sec_i2 sec_i3 sec_i4').addClass('sec_i5');
           $('.internal .dropbtn span').html(optioni5);
            window.scroller_update(document.getElementById('section5'));
           toggleShowInt();
         }
       $('#btn-md1').on('click', function(e) {
         e.preventDefault();
         $("#choosecat_int1").removeClass("hide");
       });
    });

       $('.showall').on('click', function(e) {
         e.preventDefault();
         var parent =  $(this).parent();
         var linktext = $(this).children(":first");
         parent.toggleClass('showmore');

         if(parent.hasClass('showmore')) {
           linktext.html(window.lit["ext_showless"]);
           }
         else {
           console.log('mehr');
           linktext.html(window.lit["ext_showmore"]);
         }

       });


  // ============================ Innendienst Ende=============================

  // ============================ Aussendienst Start=============================
    function toggleShowExt() {
     var cl_list2 = $("#choosecat_int2");  
     cl_list2.toggleClass("hide"); 

    }

      function fillInText(that) {
      $('.int-rgt').removeAttr('disabled');

      if($(that).is('#btn-e1')) {
        $('.tt_wrapper .bold').html(window.lit["ext_tt_bold1"]);
        $('.tt_wrapper #tt_desc').html(window.lit["ext_tt_text1"]);
      }
      else if($(that).is('#btn-e2')) {
        $('.tt_wrapper .bold').html(window.lit["ext_tt_bold2"]);
        $('.tt_wrapper #tt_desc').html(window.lit["ext_tt_text2"]);
      }
      else if($(that).is('#btn-e3')) {
        $('.tt_wrapper .bold').html(window.lit["ext_tt_bold3"]);
        $('.tt_wrapper #tt_desc').html(window.lit["ext_tt_text3"]);
      }
      else if($(that).is('#btn-e4')) {
        $('.tt_wrapper .bold').html(window.lit["ext_tt_bold4"]);
        $('.tt_wrapper #tt_desc').html(window.lit["ext_tt_text4"]);
      }
      else if($(that).is('#btn-e5')) {
        $('.tt_wrapper .bold').html(window.lit["ext_tt_bold5"]);
        $('.tt_wrapper #tt_desc').html(window.lit["ext_tt_text5"]);
      }
      }
    if(mq_dt.matches) {
      $('.external .choosecat_int .btn').hover(function(e) {
        fillInText(this);
      });
    }
    if(mq_tab.matches) {
      $('.external .choosecat_int .btn').on('click', function(e) {
        fillInText(this);
      });
    }

     $('.external .choosecat_int .btn').on('click', function(e) {

      var optione1 = $('#btn-e1').html();
      var optione2 = $('#btn-e2').html();
      var optione3 = $('#btn-e3').html();
      var optione4 = $('#btn-e4').html();
      var optione5 = $('#btn-e5').html();



      if($(this).is('#btn-e1')) {
           $('.external .internal_choice').removeClass('sec_e5 sec_e2 sec_e3 sec_e4').addClass('sec_e1');
           $('.external .dropbtn span').html(optione1);
           toggleShowExt();
           window.scroller_update(document.getElementById('sectionex1'));
         }
      else if($(this).is('#btn-e2')) {
           $('.external .internal_choice').removeClass('sec_e5 sec_e1 sec_e3 sec_e4').addClass('sec_e2');
           $('.external .dropbtn span').html(optione2);
           toggleShowExt();
           window.scroller_update(document.getElementById('sectionex2'));
         }
      else if($(this).is('#btn-e3')) {
           $('.external .internal_choice').removeClass('sec_e5 sec_e1 sec_e2 sec_e4').addClass('sec_e3');
           $('.external .dropbtn span').html(optione3);
           toggleShowExt();
           window.scroller_update(document.getElementById('sectionex3'));
         }
      else if($(this).is('#btn-e4')) {
           $('.external .internal_choice').removeClass('sec_e5 sec_e1 sec_e2 sec_e3').addClass('sec_e4');
           $('.external .dropbtn span').html(optione4);
           toggleShowExt();
           window.scroller_update(document.getElementById('sectionex4'));
         }
      else if($(this).is('#btn-e5')) {
           $('.external .internal_choice').removeClass('sec_e1 sec_e2 sec_e3 sec_e4').addClass('sec_e5');
           $('.external .dropbtn span').html(optione5);
           toggleShowExt();
           window.scroller_update(document.getElementById('sectionex5'));
         }
       $('#btn-md2').on('click', function(e) {
         e.preventDefault();
         $("#choosecat_int2").removeClass("hide");
       });
    });
  // ============================ Aussendienst Ende=============================
  // ============================ Jobs Start============================= 
   function toggle_jobs_collapse_templates() {
     $('.morelink').click(function(event) {  //.collapse-link, 
       event.preventDefault();

       var thisanswer = $(this).next();
       var thiswrapper = $(this).closest('.qa_wrapper');
       var thispanel = $(this).prev('.panel').find('.panel-collapse');
       var line= $('.jobs .line-faded');



       thisanswer.toggle('collapse');
       thispanel.toggle('collapse');
       thisanswer.on("shown.bs.collapse", function() {
         $('html,body').animate({ scrollTop: $(this).offset().top }, 200);
       }.bind(this));

       $(this).toggleClass('rotate');
       var $link =  $(this).find('a');

       $link.html($(this).hasClass('rotate') ? $link.data('open') : $link.data('closed'));



     });
     //fetch jobtitle and add it as emailsubject
     $('.applybtn').click(function(event) { 
       //var thisjobtext = $(this).parents('.panel-collapse').prev().find('.vacancy_title');
       var thisjobtext = $(this).parents('.panel-collapse').prev().parents('.container').find('h2');
       var thisapplybtn = $(this);
       var oldvalue = thisapplybtn.attr('href');
       var newval = thisjobtext.html();
       if ( oldvalue.indexOf(newval)== -1) {
       thisapplybtn.attr('href', oldvalue + newval);
       console.log("oldvalue: " + oldvalue + "newval: " +newval);
       }        
     });
   }
   toggle_jobs_collapse_templates();

  // ============================ Jobs END=============================   
  // ============================ Maps Start============================= 
    if(mq_dt.matches || mq_tab.matches) { $( ".locations_overview .row div:nth-child(3n + 6)" ).append( "<div class='line-faded'></div>" );}

     $( ".locations .overlay .phone").each(function(){
      var phonenr = $(this).html();
      if (phonenr == '')  
        $(this).remove();   // damit das "F:" auch weg ist.
    });

    $( ".locations .overlay .fax").each(function(){
      var faxnr = $(this).html();
      if (faxnr == '')  
        $(this).remove();   // damit das "F:" auch weg ist.
    });


  // ============================ Maps Ende============================= 
  // ============================ Jumplinks ============================= 

  $('.jump').on('click', function(){
      var id = $(this).next().attr('id'); //-> find id of next sibling element
      var link = $(this).children('a');
      var fromtop = mq_mob.matches ? 34 : 60 ;
  $("html, body").animate({ scrollTop: $(link.attr("href","#" + id)).offset().top -fromtop }, 500); //-> add id as anchor in href attribute and scroll to next element with this id
  });  
  // ============================ Jumplinks Ende=============================  


    //create  dropdown in Detailpage
   /* $('.choosecat_book a').on('click', function(e) {
      e.preventDefault();
      var option1 = $('#btn-b1').html();
      var option2 = $('#btn-b2').html();

      if($(this).is('#btn-b1')) {
           $('.bookmarksafe_choice').removeClass('sec_b2').addClass('sec_b1');
           $('#btn-bm span').html(option1);
           toggleShowBook();
         }
      else if($(this).is('#btn-b2')) {
           $('.bookmarksafe_choice').removeClass('sec_b1').addClass('sec_b2');
           $('#btn-bm span').html(option2);
           toggleShowBook();
         }
    });
  */

});

// =====================  shrink header on scroll  =====================
(function() {
var timeout;
var red_dt = document.getElementById('red_bar');
var red_mob = document.getElementById('red_bar_mob');
var red = mq_dt.matches ? red_dt : red_mob ;  
var sticky = mq_dt.matches ? red.offsetTop-2 : red_mob.offsetTop-7 ;
function update() {
  if (window.pageYOffset > sticky)
    red.classList.add('sticky');
  else
    red.classList.remove('sticky');    
}

function scroll() {
	if (timeout)
		window.cancelAnimationFrame(timeout);
	timeout = window.requestAnimationFrame(update);
}

document.addEventListener('scroll', scroll, false);
})();

$(function(){
  $(document).on('change','.selparallel',function(){
    $('.selparallel').val($(this).val());
  });
});
// =====================  shrink header on scroll  End =====================