[TweenMax.staggerTo. onCompleteAll callback doesn't work]

Hi,
I have a question somehow related to this so i thought it's best to just ask it here rather than start a new thread all together. So i have this elements staggering to and i want when all of them are done animating, i call another stagger function with a delay on it. Below is the code that i am tring to use.

var tl = new TimelineMax({
     repeat: -1
     });
    var tlg = new TimelineMax();
var $hovertarget = $('.mygrid_item ');	
			var $image = $('.featured__image img');
			var $grids = $('.grid > .mygrid_item > .featured__image');			
			tlg.to( $('#the__loader') , 0.2, {opacity: 0, onComplete: function(){
            		(this.target).remove() } 
           })
			.staggerFrom( $grids, 0.2, {opacity:0, scale: 0.4, clearProps: 'all', ease: Back.easeOut.config( 1.7)}, 
			0.1, myfunc($image) );
function myfunc(image){
	      tl.staggerFrom(image, 0.2, {scale: 0, opacity: 0, ease: Back.easeOut.config( 1.7), delay: 10}, 5);				
		}