//include this on page:

<script>
$(window).load(function(){
	
	$('#carousel').flexslider({
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: false,
		itemWidth: 127,
		itemMargin: 0,
		asNavFor: '#slider',
		directionNav: false					 <----------- will need this for custom controls
	});
	
	$('#slider').flexslider({
		animation: "slide",
		controlNav: false,
		animationLoop: false,
		slideshow: false,
		sync: "#carousel",
		directionNav: false,                 <----------- will need this for custom controls
		start: function(slider){
		  $('body').removeClass('loading');
		}
	});

	//This disables built in nav controls and allows you to do your own custom controls
	
	$('.flexslider').flexslider({
		directionNav: false
	}).flexsliderManualDirectionControls();
	
});
</script>


//ALSO GRAB THE CSS FILE AND INCLUDE IT IN CUSTOM JOB / YOU WILL HAVE TO CUSTOMIZE IT SPECIFIC TO WEBSITE DESIGN