Profile: eWeb

jQuery(window).load(function() {
  // The slider being synced must be initialized first
  jQuery('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    directionNav: false,
    itemWidth: 130,
    itemMargin: 5,
    asNavFor: '#flexslider'
  });
  
  jQuery('#flexslider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    sync: "#carousel"
  });
});

<!-- Slider - start here -->
<div id="flexslider" class="flexslider">
  <ul class="slides">
    <li>[types field="fotkes" separator="</li><li>" width="770" height="510" alt="[wpv-post-title]"][/types]</li>
  </ul>
</div>
<div id="carousel" class="flexslider">
   <ul class="slides">
                 <li>[types field="fotkes" separator="</li><li>" width="120" height="80" alt="[wpv-post-title]"][/types]</li>
  </ul>
</div>
<!-- Slider - end here -->