Nested jQuery Flexsliders Navigation Problems
===

I am having problems get nested flexslider slideshows to work. In the outer slideshow, I have used the new namespace functionality to keep it from interfering with the nested slide show.  It somewhat works, but it randomly adds extra navigation to the nested slideshow and none of the nested slideshow navigation actually works.

Here is my start up script I am using:

    /*Slideshow container nested slide show*/
        function wrapSliderInit(){
        $('.wrapslider').flexslider({
        animation: "slide",
        namespace: "wrap-",
        selector: ".wrapper > li",
        controlNav: false,
        directionNav: true,
        slideshow: false
        });
        }
        wrapSliderInit();
        /*Nested Flexsliders*/
         $(document).ready(function(){
                 $('.flexslider-0').flexslider({
                        animation: "slide",
                        manualControls: ".flexslider-0 .block-grid.three-up li a",
                        controlsContainer: ".flexslider-0"
                    });
        
                    $('.flexslider-1').flexslider({
                        animation: "slide",
                        manualControls: ".flexslider-1 .block-grid.three-up li a",
                        controlsContainer: ".flexslider-1"
                    });
        
                    $('.flexslider-2').flexslider({
                        directionNav: false,
                        animation: "slide",
                        manualControls: ".flexslider-2 .block-grid.three-up li a",
                        controlsContainer: ".flexslider-2"
                    });
                   
                 });

Any ideas?
