[Repeating tween extends the timeline]

It seems that with out the repeating tweens the timeline will report the total duraiton as "3" which is accurate .. but when including the repeating tweens the timeline reports it as "1000000000000" .. which prevents me from using the append method, is there a way around this?

 

Here is the code

 

 var intro_tl = new TimelineLite({onComplete:initScrollAnimations});

 intro_tl
  .addLabel('outer-ring', 0)
  .addLabel('ring1', .5)
  .addLabel('ring2', 1)
  .addLabel('ring3', 1.5)
  .from( $('#db-ring'), 1.5, { ease:Quad.easeIn, css:{opacity: 0} }, 'outer-ring' )
  .insert([
   TweenMax.from( $('#db-outer-ring1'), 1.5, { ease:Quad.easeIn, css:{opacity:0} } ),
   //TweenMax.from( $('#db-outer-ring1'), 20, { repeat:-1, ease:Linear.easeNone, css:{rotation:360} } )
  ], 'ring1')
  .insert([
   TweenMax.from( $('#db-outer-ring2'), 1.5, { ease:Quad.easeIn, css:{opacity:0} } ),
   //TweenMax.from( $('#db-outer-ring2'), 40, { repeat:-1, ease:Linear.easeNone, css:{rotation:-360} } )
  ], 'ring2')
  .insert([
   TweenMax.from( $('#db-outer-ring3'), 1.5, { ease:Quad.easeIn, css:{opacity:0} } ),
   //TweenMax.from( $('#db-outer-ring3'), 30, { repeat:-1, ease:Linear.easeNone, css:{rotation:360} } )
  ], 'ring3')
  ;

  console.log( intro_tl.totalDuration() );