Collections

 

<div id="wide-slider">

 

  

   

<div id="gallery-slider" class="flexslider">

  <ul class="slides">

     

   

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-1.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-1.jpg" ></li>

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-2.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-2.jpg" ></li>

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-3.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-3.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

    

 </ul>

</div>

    

<div id="carousel" class="flexslider">

  <ul class="slides">

     

   

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-1.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-1.jpg" ></li>

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-2.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-2.jpg" ></li>

 <li data-thumb="http://themefienddemos.com/panama/_images/panama-slide-3.jpg"><img src="http://themefienddemos.com/panama/_images/panama-slide-3.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

 <li data-thumb="http://example.com/image.jpg"><img src="http://example.com/image.jpg" ></li>

    

    

 </ul>

</div>

</div>

 

 

<script type="text/javascript" charset="utf-8">

  

jQuery.noConflict();

  

(function($) {

$(document).ready(function(){

$('#carousel').flexslider({

animation: "slide",

controlNav: false,

useCSS : false,

animationLoop: false,

slideshow: true,

itemWidth: 210,

itemMargin: 5,

asNavFor: '#gallery-slider'

  });

$('#gallery-slider').flexslider({

animation: "fade",

slideshowSpeed: 4000,

controlNav: false,

useCSS : false,

animationLoop: true,

slideshow: true,

sync: "#carousel",

start: function(slider){

$('body').removeClass('loading');

        }

      });

    });

   })(jQuery);

</script>