window.onscroll = function(){ stickyNav(); };

var wrauemeMin = 1;
var wrauemeMax = 4;
var wflaecheMin = 25;
var wflaecheMax = 125;
var wkmieteMin = 225;
var wkmieteMax = 875;
if (wrauemeMin == wrauemeMax) { wrauemeMax = wrauemeMax + 1; }
if (wflaecheMin == wflaecheMax) { wflaecheMax = wflaecheMax + 5; }
if (wkmieteMin == wkmieteMax) { wkmieteMax = wkmieteMax + 10; }

var pageViewPort;

$(document).ready(function(){

  pageViewPort = $(window).width();

  stickyNav();
  $(window).on('resize', function(){
    stickyNav();
    pageViewPort = $(window).width();
  });
  
  $('#cookie-info-spacer').css('height', $('#cookie-opt-in').height()+10+"px");
  $(window).on('resize', function(){
    $('#cookie-info-spacer').css('height', $('#cookie-opt-in').height()+10+"px");
  });
  
  $(window).resize(function() {
    posFixedRightInContainer("#scrolltoplink", "#page-content");
  });
  $(window).scroll(function () { 
    posFixedRightInContainer("#scrolltoplink", "#page-content");
  });
  $("#scrolltoplink").resize();
  
  
  $("#scrolltoplink a").click(function(e) {
    e.preventDefault();
    $('html,body').animate({scrollTop: 0},'slow');
  });
  
  
  $.fancybox.defaults.lang = "de";
  $('.gala-bild').fancybox({
    caption : function( instance, item ) {
      var caption = $(this).data('caption') || '';
      return 'Bild <span data-fancybox-index></span>/<span data-fancybox-count></span>' + ( caption.length ? ' - ' + caption : '' );
    }
  });
  
  
  
  
  $(".mainli").hover(function(){
    var subMenuLeftPos = $(this).offset().left + 16;
    var subMenuWidth = $(this).children('ul').width();
    var navSpace = pageViewPort-subMenuLeftPos;
    if(navSpace<subMenuWidth){ $(this).children('ul').addClass('sub1left'); }
    
    $(this).children('ul').stop().fadeTo(200,1,function(){
      $(this).css({display: "block"});
      $(this).parent().find('span.mainsub').find('i').removeClass('fa-angle-down').addClass('fa-angle-up');
    });
  },function(){
    $(this).children('ul').stop().fadeTo(200,0,function(){
      $(this).removeClass('sub1left');
      $(this).css({display: "none"});
      $(this).parent().find('span.mainsub').find('i').removeClass('fa-angle-up').addClass('fa-angle-down');
    });
  });
  
  
  //Mobile Menu Button
  $('#mm-button').click(function(){
    $(this).toggleClass('open');
    if($('#mobile-navigation').hasClass('open')){
      $('#mobile-navigation').removeClass('open');
      setTimeout(function(){
        $('#siteoverlay').hide();
        $('body').removeClass('hide-overflow');
      }, 550);
    }else{
      $('body').addClass('hide-overflow');
      $('#siteoverlay').show();
      $('#mobile-navigation').addClass('open');
    }
  });
  
  $('#siteoverlay').click(function(){
    if($('#mobile-navigation').hasClass('open')){
      $('#mobile-navigation').removeClass('open');
      $('#mm-button').toggleClass('open');    
    }
    setTimeout(function(){
      $('#siteoverlay').hide();
      $('body').removeClass('hide-overflow');
    }, 550);
  });
  
  $(".showsub1").click(function(){
    if($(this).find('svg').hasClass('fa-caret-up')){
      $(this).find('svg').removeClass('fa-caret-up').addClass('fa-caret-down');
      $(this).parent().find('ul.mnavul1').stop().fadeTo(200,1,function(){ $(this).css({display: "none"}); });
    }else{
      $(this).find('svg').removeClass('fa-caret-down').addClass('fa-caret-up');
      $(this).parent().find('ul.mnavul1').stop().fadeTo(200,1,function(){ $(this).css({display: "block"}); });
    }
  });
  $(".showsub2").click(function(){
    if($(this).find('svg').hasClass('fa-caret-up')){
      $(this).find('svg').removeClass('fa-caret-up').addClass('fa-caret-down');
      $(this).parent().find('ul.mnavul2').stop().fadeTo(200,1,function(){ $(this).css({display: "none"}); });
    }else{
      $(this).find('svg').removeClass('fa-caret-down').addClass('fa-caret-up');
      $(this).parent().find('ul.mnavul2').stop().fadeTo(200,1,function(){ $(this).css({display: "block"}); });
    }
  });
  $(".showsub3").click(function(){
    if($(this).find('svg').hasClass('fa-caret-up')){
      $(this).find('svg').removeClass('fa-caret-up').addClass('fa-caret-down');
      $(this).parent().find('ul.mnavul3').stop().fadeTo(200,1,function(){ $(this).css({display: "none"}); });
    }else{
      $(this).find('svg').removeClass('fa-caret-down').addClass('fa-caret-up');
      $(this).parent().find('ul.mnavul3').stop().fadeTo(200,1,function(){ $(this).css({display: "block"}); });
    }
  });
  
  $(".manv0showsub").click(function(){
    $(this).parent().find('.showsub1').click();
  });
  $(".manv1showsub").click(function(){
    $(this).parent().find('.showsub2').click();
  });
  
  
  
  
  /* Wohnungssuche IFB */
  var sliderZimmer = document.getElementById('slider-zimmerifb');
  if ($('#slider-zimmerifb').length) {
    noUiSlider.create(sliderZimmer, {
      start: [wrauemeMin, wrauemeMax],
      step: 1,
      range: { 'min': [wrauemeMin], 'max': [wrauemeMax] }
    });
    sliderZimmer.noUiSlider.on('update', function (values, handle) {
      if (handle == 0) {
        var val = values[handle];
        val = Number(val);
        $('#zvon').val(val);
        $('#cntzimmervonifb').html(val);
      }
      if (handle == 1) {
        var val = values[handle];
        val = Number(val);
        $('#zbis').val(val);
        $('#cntzimmerbisifb').html(val);
      }
    });
    sliderZimmer.noUiSlider.on('change', function (values, handle) {
      getAnzahlWohnungenIfb();
    });
  }//if($('#slider-zimmerifb').length){
  
  var sliderFlaeche = document.getElementById('slider-flaecheifb');
  if ($('#slider-flaecheifb').length) {
    noUiSlider.create(sliderFlaeche, {
      start: [wflaecheMin, wflaecheMax],
      step: 5,
      range: { 'min': [wflaecheMin], 'max': [wflaecheMax] }
    });
    sliderFlaeche.noUiSlider.on('update', function (values, handle) {
      if (handle == 0) {
        var val = values[handle];
        val = Number(val);
        $('#fvon').val(val);
        $('#cntflaechevonifb').html(val);
      }
      if (handle == 1) {
        var val = values[handle];
        val = Number(val);
        $('#fbis').val(val);
        $('#cntflaechebisifb').html(val);
      }
    });
    sliderFlaeche.noUiSlider.on('change', function (values, handle) {
      getAnzahlWohnungenIfb();
    });
  }//if($('#slider-flaecheifb').length){
  
  var sliderMiete = document.getElementById('slider-mieteifb');
  if ($('#slider-mieteifb').length) {
    noUiSlider.create(sliderMiete, {
      start: [wkmieteMin, wkmieteMax],
      step: 10,
      range: { 'min': [wkmieteMin], 'max': [wkmieteMax] }
    });
    sliderMiete.noUiSlider.on('update', function (values, handle) {
      if (handle == 0) {
        var val = values[handle];
        val = Number(val);
        $('#mvon').val(val);
        $('#cntmietevonifb').html(val);
      }
      if (handle == 1) {
        var val = values[handle];
        val = Number(val);
        $('#mbis').val(val);
        $('#cntmietebisifb').html(val);
      }
    });
    sliderMiete.noUiSlider.on('change', function (values, handle) {
      getAnzahlWohnungenIfb();
    });
  }//if($('#slider-mieteifb').length){
  

    if($('#slider-zimmerifb').length) {
      getAnzahlWohnungenIfb();
    }
  
  $('#content a, #start-content a, .infobox a, footer a, #consent-banner-links a').each(function(index){
    let link_target = $(this).attr('target');
    let link_fancybox = $(this).attr('data-fancybox');

    let bool_check_link = true;
    //if(link_fancybox != undefined && link_fancybox!=''){ bool_check_link = false; }
    if($(this).hasClass('btn')){ bool_check_link = false; }
    if($(this).hasClass('nlc')){ bool_check_link = false; }

    if(bool_check_link){

      //überprüfen ob es ein verlinktes Bild ist
      if($(this).find("img").length > 0){

        //überprüfen ob es eine Bildvergrößerung ist
        if(link_fancybox != undefined && link_fancybox!=''){
          $(this).append('<div class="img-icon"><i class="fa-solid fa-magnifying-glass"></i></div>');
        }else{
          if(link_target === '_blank'){
            $(this).append('<div class="img-icon"><i class="fa-solid fa-arrow-up-right-from-square"></i></div>');
          }else{
            $(this).append('<div class="img-icon"><i class="fa-solid fa-link"></i></div>');
          }
        }

      }else{
        if(link_target === '_blank'){
          $(this).html('<i class="fa-solid fa-arrow-up-right-from-square"></i> ' + $(this).html());
          $(this).removeClass("navaplaceh");
        }else{
          $(this).html('<i class="fa-solid fa-link"></i> ' + $(this).html());
          $(this).removeClass("navaplaceh");
        }
      }

    }
  });
  
  

});

function stickyNav(){
  if(window.pageYOffset>0){
    $('#page-head').addClass('smallhead');
    $('#scrolltoplink').addClass('show');
  }else{
    $('#page-head').removeClass('smallhead');
    $('#scrolltoplink').removeClass('show');
  }
}


function posFixedRightInContainer(fixedElement, elementcontainer) {
  $(fixedElement).css("right", $(window).scrollLeft() + $(window).width()
  - $(elementcontainer).offset().left
  - parseInt($(elementcontainer).css("borderLeftWidth"),10)
  - $(elementcontainer).width() + 10 + "px");
}

function getAnzahlWohnungenIfb(){
  /*var ifbSucheData = $('#ifimmobsuche').serialize();
  $.ajax({
    url: 'count.htm',
    data: ifbSucheData,
    success: function(data) {
      if(data=="0"){
        $('#start-box-wohnungssuche-anzahl span').html('0');
        $('#start-box-wohnungssuche-submit button').attr('disabled', 'true');
      }else{
        $('#start-box-wohnungssuche-submit button').removeAttr('disabled');
        $('#start-box-wohnungssuche-anzahl span').html(data);
      }
    }
  });*/
}