ig = {
  filter : 'slide',
  filterC: '',
  KeramikBundle: '.Waschtische,.WC,.Bidet,.Urinale',
  BadarmaturenBundle: '.Waschtischarmaturen,.Bidetarmaturen,.Brausearmaturen,.Badewannenarmaturen,.Brausearmaturen,.Brauseprogramm',
  BrauseBundle: '.Badewanne,.Brausewanne,.Whirlwanne',
  filterD: new Array(),
  Init : function () {
    if(jQuery(".serienfilterWrapper").length){
      jQuery('.serienfilterWrapper li a, .topLink').each(function() {
        var $self = jQuery(this);

        $self.data('filter', $self.attr('data-filter'));
      });
      if(document.location.hash){
        ig.filterC = document.location.hash.replace(/#/g, "");
      }else{
        ig.filterC = "Keramik-Moebel";
      }
      if(jQuery('[data-filter="neu"]').length){
        ig.filterC = "neu";
        jQuery(".series").hide();
        ig.setSerie(jQuery('[data-filter="neu"]'));
      }
      if(jQuery(".serienfilterWrapper .tabTop").length) ig.setHeadTab(jQuery('[data-filter="'+ig.filterC+'"]'));

      jQuery(".serienfilterWrapper .tabTop li a").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        if($self.data('filter').replace(/-/g, " ") == ig.filterC) return;
        else ig.filterC = $self.data('filter').replace(/-/g, " ");
        location.href = "serien-uebersicht2.html#"+$self.data('filter');
        if ( typeof $self.data('filter') !== 'undefined' ){
          ig.setHeadTab($self);
          if(ig.filterC=="alle"){
            ig.reset();
            jQuery('[data-filter="alle"]').addClass('active');
            ig.useFilterSeries(true);
            return;
          }
        }
      });
      jQuery(".serienfilterWrapper .abs li a").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        if($self.data('filter') == ig.filterC) return;
        else ig.filterC = $self.data('filter');

        if($self.data('filter')!="alle"){
          location.href = "serien-uebersicht2.html#"+$self.data('filter');
        }else{
          location.href = "serien-uebersicht2.html#"+$self.parents("ul").attr("id");
        }
        if ( typeof $self.data('filter') !== 'undefined' ){
          if(ig.filterC=="alle"){
            ig.reset();
            jQuery(this).addClass('active');
            ig.filterC = $self.parents("ul").attr("id").replace(/-/g, " ");
            ig.useFilterSeries(false);
            return;
          }
          ig.setSerie($self);
        }
      });
      jQuery(".startAt li a").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        if($self.data('filter') == ig.filterC) return;
        else ig.filterC = $self.data('filter');
        if ( typeof $self.data('filter') !== 'undefined' ){
          location.href = "serien-uebersicht2.html#"+ig.filterC;
        }
      });
      jQuery(".topLink").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        if($self.data('filter') == ig.filterC) return;
        else ig.filterC = $self.data('filter');
        if ( typeof $self.data('filter') !== 'undefined' ){
          location.href = "serien-uebersicht2.html#"+ig.filterC;
        }
      });
      jQuery(".serie-uebersicht").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        location.href = $self.attr('href')+"#"+ig.filterC;
      });
    }
    if(jQuery(".seriefilterWrapper").length){
      jQuery('.seriefilterWrapper li a').each(function(i) {
        var $self = jQuery(this);
        $self.data('filter', $self.attr('data-filter'));
      });
      jQuery(".seriefilterWrapper li a").click(function(event) {
        event.preventDefault();
        var $self = jQuery(this);
        if($self.data('filter') == ig.filterC) return;
        else ig.filterC = $self.data('filter');
        if ( typeof $self.data('filter') !== 'undefined' ){
          ig.setSerie($self);
        }
      });
    }
    if(jQuery(".productFullWrapper").length){
      ig.slideProdukt();
      jQuery(".productsWrapper h2:first").toggleClass('active').next().slideToggle("slow");
    }else if(jQuery(".productsWrapper").length){
      ig.slideSerie();
    }
    if(jQuery(".dd").length){
      jQuery(".dd tr").bind({
          mouseenter: function() {
            jQuery(this).css("backgroundColor","#cccccc");
          },
          mouseleave: function() {
            jQuery(this).css("backgroundColor","#ffffff");
          }

        });
    }
  },

  reset : function () {
    jQuery('ul.abs li a').each(function (index, domEle) {
      jQuery(this).removeClass('active');
    });
  },
  setHeadTab : function (obj) {
    jQuery('ul.abs').hide();
    if(ig.filterC.indexOf(".")==-1) ig.filterC = obj.data('filter').replace(/-/g, " ");
    if(jQuery('#'+obj.data('filter')).length){
      jQuery('#'+obj.data('filter')).show();
      jQuery('.abs li a').removeClass('active');
      jQuery('#'+obj.data('filter')+' li a:first').addClass("active");
    }else{
      jQuery('[data-filter="'+obj.data('filter')+'"]').parents("ul").show();
    }

    jQuery('ul.tabTop li a').removeClass('active');
    if(jQuery('#'+obj.data('filter')).length){
      jQuery('[data-filter="'+obj.data('filter')+'"]').addClass('active');
      ig.useFilterSeries(false);
    } else {
      jQuery('[data-filter="'+jQuery('[data-filter="'+obj.data('filter')+'"]').parents("ul").attr("id")+'"]').addClass('active');
      ig.setSerie(jQuery('[data-filter="'+obj.data('filter')+'"]'));
    }
  },
  showAllSeries : function () {
    jQuery('.series').fadeIn(500,"easeOutBounce");
    jQuery('#noItems').remove();
  },
  slideSerie : function () {
    if(document.location.hash){
      var temphash = document.location.hash.split("#");
    }else{
      var temphash = new Array("","");
    }
    jQuery(".productsWrapper h2").each(function (dE) {
      if(temphash[1]!="alle" && temphash[1]!="neu" && !jQuery(this).parent().is(temphash[1])){
        if(temphash[1].indexOf("Keramik")!=-1){
          if(jQuery(this).parent().is(ig.KeramikBundle)){
            jQuery(this).toggleClass('active');
            jQuery(this).next().slideToggle("slow");
          }
        }else if(temphash[1].indexOf("Badarmaturen")!=-1){
          if(jQuery(this).parent().is(ig.BadarmaturenBundle)){
            jQuery(this).toggleClass('active');
            jQuery(this).next().slideToggle("slow");
          }
        }else if(temphash[1].indexOf("Brausewannen")!=-1){
          if(jQuery(this).parent().is(ig.BrauseBundle)){
            jQuery(this).toggleClass('active');
            jQuery(this).next().slideToggle("slow");
          }
        }

      }else{
        jQuery(this).toggleClass('active');
        jQuery(this).next().slideToggle("slow");
      }
      if(!jQuery(this).next().children().is("div:empty")){
        jQuery(this).bind({
          click: function(dE) {
            jQuery(this).next().slideToggle("fast",function() {
              jQuery(this).prev().toggleClass('active');
            });
          },
          mouseenter: function() {
            jQuery(this).css("cursor","pointer");
          },
          mouseleave: function() {
            jQuery(this).css("cursor","auto");
          }

        });
      }
    });
    if(jQuery(".kennzeichenWrapper h2.active").length==0){
      jQuery(".kennzeichenWrapper h2").toggleClass('active');
      jQuery(".kennzeichenWrapper h2").next().slideToggle("slow");
    }
  },
  slideProdukt : function () {
    var ac = 0;
    jQuery(".productsWrapper h2").each(function (dE) {
      if(!jQuery(this).next().children().is("div:empty")){
        jQuery(this).bind({
          click: function(dE) {
            jQuery(this).next().slideToggle("fast",function() {
              jQuery(this).prev().toggleClass('active');
            });

          },
          mouseenter: function() {
            jQuery(this).css("cursor","pointer");
          },
          mouseleave: function() {
            jQuery(this).css("cursor","auto");
          }

        });
      }
      ac++;
    });
  },
  setSerie : function (filter) {
    ig.reset();
    jQuery(filter).toggleClass('active');
    if(jQuery(".productsWrapper").length) ig.useFilterSerie(false);
    else ig.useFilterSeries(false);
  },
  useFilterSerie : function (showAll) {
    if(showAll){
      jQuery('.kennzeichenWrapper').fadeIn(500,"easeOutBounce", function() {

            if(jQuery(this).children("h2").hasClass("active")) jQuery(this).children("h2").click();
          });

      return;
    }
    jQuery('.kennzeichenWrapper').each(function (index, domEle) {
        if(!jQuery(this).hasClass(ig.filterC) && jQuery(this).is(":visible")){
          jQuery(this).animate({
                    "height": "toggle", "opacity": "toggle"
                  }, 300);
        }else if(jQuery(this).hasClass(ig.filterC) && jQuery(this).is(":hidden")){
          /*jQuery(this).animate({
                    "width": "toggle", "opacity": "toggle"
                  }, 300);*/
          jQuery(this).animate({
                    "height": "toggle", "opacity": "toggle"
                  }, 300);
        }
    });
  },
  useFilterSeries : function (showAll) {
    //ig.showAllSeries();
    if(showAll){
       jQuery('.series:hidden').animate({
             "opacity": "toggle"
         }, 300);
         return;
    }
    if(jQuery('.series:hidden').length) jQuery('.series').hide();
    if(1==1 && ig.filterC.indexOf(".")==-1 && ig.filterC.split(" ").length>1){
      ig.filterC = "."+ig.filterC.split(" ").join(",.");
    }else if(1==1 && ig.filterC.indexOf(".")==-1){
      ig.filterC =  "."+ig.filterC;
    }
    jQuery('.series').each(function (index, domEle) {
        if(!jQuery(this).is(ig.filterC) && jQuery(this).is(":visible")){
          jQuery(this).animate({
                    "width": "toggle", "opacity": "toggle"
                    //"opacity": "toggle"
                  }, 300);
        }else if(jQuery(this).is(ig.filterC) && jQuery(this).is(":hidden")){
          /*jQuery(this).animate({
                    "width": "toggle", "opacity": "toggle"
                  }, 300);*/
            jQuery(this).css("width", "242px");
            jQuery(this).fadeIn(500, "easeOutBounce");
        }
            if(jQuery(this).is(":visible") && jQuery(this).children("div").children("a").children("img").length>1 ){
              jQuery(this).children("div").children("a").children("img").hide();
              if(jQuery(this).children("div").children("a").children("img"+ig.filterC).length && ig.filterC.indexOf(",")==-1){
                //jQuery(this).children("div").children("a").children("img"+ig.filterC).siblings().hide();
                jQuery(this).children("div").children("a").children("img"+ig.filterC).show();
              }else if(jQuery(this).children("div").children("a").children("img.default").length){
                //jQuery(this).children("div").children("a").children("img.default").siblings().hide();
                jQuery(this).children("div").children("a").children("img.default").show();
              }
            }
    });

  }
}

jQuery(document).ready(function(){
  ig.Init();
});