(function() {
  'use strict';
  
  jQuery.noConflict();
  
  function updateRangeDisplay($input) {
    var value = $input.val();
    var $container = $input.parents('.imagerange');
    
    $container.find('.img:lt(' + value + ')').addClass('inaktiv');
    $container.find('.img:gt(' + value + '), .img:eq(' + value + ')').removeClass('inaktiv');
    $container.find('.img, .text').removeClass('aktiv');
    $container.find('.img' + value + ', .text' + value).addClass('aktiv');
  }
  
  function resizeRangeFont() {
    var $textfeld = jQuery('.etikettenwahl .textfeld');
    var fontsize = $textfeld.height() / 2.6;
    $textfeld.css({
      'line-height': (fontsize * 1.25) + 'px',
      'font-size': fontsize + 'px'
    });
  }
  
  function initRangeInputs() {
    jQuery('.bme_ric input[type=range]').each(function() {
      updateRangeDisplay(jQuery(this));
    }).on('input', function() {
      updateRangeDisplay(jQuery(this));
    });
  }
  
  function initKappen() {
    jQuery('.kappen .farbbox div').on('mouseenter click', function() {
      var $this = jQuery(this);
      $this.siblings('div').removeClass('aktiv');
      $this.addClass('aktiv');
      
      var imgid = $this.attr('id').replace('c', 'i');
      jQuery('#' + imgid).siblings().removeClass('aktiv');
      jQuery('#' + imgid).addClass('aktiv');
    });
  }
  
  function initEtikettenwahl() {
    jQuery('.etikettenwahl .farbbox div').on('mouseenter click', function() {
      var $this = jQuery(this);
      $this.siblings('div').removeClass('aktiv');
      $this.addClass('aktiv');
      
      var imgid = $this.attr('id').replace('c', 'i');
      jQuery('#' + imgid).siblings().removeClass('aktiv');
      jQuery('#' + imgid).addClass('aktiv');
      jQuery('.etikettenwahl .textfeld').css({ 'color': $this.attr('data-fontcolor') });
    });
    
    jQuery('.etikettenwahl input[name=eigenerText], .etikettenwahl input[name=eigenerTextback]')
      .on('input', function() {
        var textrow1 = jQuery('.etikettenwahl input[name=eigenerText]').val();
        jQuery('.etikettenwahl .textfeld').html(textrow1);
      });
    
    jQuery('.etikettenwahl .buttonbox img').on('mouseenter click', function() {
      var $this = jQuery(this);
      $this.siblings('img').removeClass('aktiv');
      $this.addClass('aktiv');
      
      var imgid = $this.attr('id').replace('c', 'i');
      jQuery('#' + imgid).siblings().removeClass('aktiv');
      jQuery('#' + imgid).addClass('aktiv');
    });
  }
  
  function init() {
    initRangeInputs();
    initKappen();
    initEtikettenwahl();
    resizeRangeFont();
    
    jQuery(window).on('resize', resizeRangeFont);
  }
  
  // Use addEventListener - doesn't override other handlers
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();