i need help with flexslider when its hidden ?

[tjnapster555]

goto this http://www.diehlgroup.com/ website and then go down to services when click on services their a div show with flexslider i want to do this please help me how i can do this

slider-2 is big image slider-1 is big image carousel is thumbs

i want to click on carousel and control both the slider with one carousel

if i able to do that then next i want to do is the click on div below and then take all 3 flexslider elements to show the value base on div number click

I want the exactly website style in my website please help me ?

 $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        // selector:"slides-selector > div",
        slideshow: false,
        reverse:false,
        itemWidth: 210,
        itemMargin: 5,
        asNavFor: '#slider-2'
    });

    $('#slider-1').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        reverse:false,
        slideshow: false,
        sync: "#carousel"
    });

    $('#slider-2').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        reverse:false,
        slideshow: false,
        asNavFor:"#slider-1"

    });