(function($){
  $.fn.extend({
    hmCatsStyleBulletEinzugParameter : function(params) {
      var conf = {
          bulletW: 0,
          valueW: 0
      };
      $.extend(conf, params);
      var obj = $(this);
      var bullets = obj.find('.stylep_Bullet-Einzug_Parameter, .stylep_Einzug_Parameter');
      var remBullet = false;
      return bullets.each(function(index){
        remBullet = false;
        if($(this).length > 0){
          var bullet = $(this);
          var spanLen = bullet.find('span').not('.stylec_Hochgestellt');
          var span = bullet.find('span');
          if(spanLen.length>0){
            if(bullet.attr('class')=='stylep_Einzug_Parameter'){
              if(spanLen.length>1){
                var li = '';
                var li2 = '';
                span.each(function(i) {
                  var val = $(this).html();
                  var cls = $(this).attr('class');
                  var nodes = val.split(":");
                  if(i==0){
                    if(nodes.length>1){
                      li += '<li class="fll bullet"><span class="' + cls +'">' + nodes[0] + ':</span></li>';
                      li2 += '<span class="' + cls +'">' + nodes[1] + '</span>';
                    }else{
                      li += '<li class="fll bullet"><span class="' + cls +'">' + val + ':</span></li>';
                    }
                  }else{
                    li2 += '<span class="' + cls +'">' + val + '</span>';
                  }
                  
                });
                remBullet = true;
              }else{
                var val = span.html();
                var cls = span.attr('class');
                var nodes = val.split(":");
                if(nodes.length>1){
                  var li = '<li class="fll bullet"><span class="' + cls +'">' + nodes[0] + ':</span></li>';
                  var li2 = '<span class="' + cls +'">' + nodes[1] + '</span>';
                  span.each(function(i) {
                  	val = $(this).html();
                  	cls = $(this).attr('class');
                  	if(i>0){
                  		li2 += '<span class="' + cls +'">' + val + '</span>';
                  	}
                  });
                  remBullet = true;
                }
              }
            }else if(spanLen.length>1){
              var li = '';
              var li2 = '';
              span.each(function(i) {
                var val = $(this).html();
                var cls = $(this).attr('class');
                var nodes = val.split(":");
                if(i==0){
                  if(nodes.length>1){
                      li += '<li class="fll bullet"><span class="' + cls +'">' + nodes[0] + ':</span></li>';
                      li2 += '<span class="' + cls +'">' + nodes[1] + '</span>';
                  }else{
                      li += '<li class="fll bullet"><span class="' + cls +'">' + val + ':</span></li>';
                  }
                }else{
                  li2 += '<span class="' + cls +'">' + val + '</span>';
                }
                
              });
              remBullet = true;
            }
          }
          if(remBullet){
            bullet.after('<ul class="einzug' +index + ' '+ bullet.attr('class') + '">' + li + '<li class="fll value">' + li2 + '</li></ul>');
            pos = $('.einzug'+index+' li.bullet').outerWidth();
            if(pos>conf.bulletW){
              conf.bulletW = pos; 
              conf.valueW = $('ul.einzug' + index + '.'+ bullet.attr('class')).innerWidth() - pos - 20; 
            }
            bullet.remove();
          }
          
          if(index == bullets.length-1){
            obj.find('li.bullet').each(function(){
              $(this).css('width', Math.round(conf.bulletW+10));
            });
            obj.find('li.value').each(function(){
              $(this).css('width', Math.round(conf.valueW-20));
            });
          }

              
        }
        
      });
    }
  });

})(jQuery);