<div id="wide-slider">
<div id="gallery-slider" class="flexslider">
<ul class="slides">
<li data-thumb="http://themefienddemos.com/nolita/_images/NOLITA-slide-1a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-1a.jpg" ></li>
<li data-thumb="http://themefienddemos.com/nolita/_images/NOLITA-slide-2a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-2a.jpg" ></li>
<li data-thumb="http://themefienddemos.com/nolita/_images/NOLITA-slide-3a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-3a.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/nolita/_images/NOLITA-slide-1a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-1a.jpg" ></li>
<li data-thumb="http://themefienddemos.com/nolita/_images/NOLITA-slide-2a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-2a.jpg" ></li>
<li data-thumb="http://themefienddemos.com/nolita/_images/NOLITA-slide-3a.jpg"><img src="http://themefienddemos.com/nolita/_images/NOLITA-slide-3a.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: "slide",
slideshowSpeed: 4000,
controlNav: false,
useCSS : false,
animationLoop: true,
slideshow: true,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});
})(jQuery);
</script>