var owl = $("#owl-demo");
		
		owl.owlCarousel({
			autoPlay: 3000,
			items : 4,
			itemsDesktop : [1199,3],
			itemsDesktopSmall : [979,3]
		});

		// Custom Navigation Events
		$(".next").click(function(){
			owl.trigger('owl.next');
		});
		$(".prev").click(function(){
			owl.trigger('owl.prev');
		});
        	

	<div id="owl-demo" class="owl-carousel">
		<div class="item"><img src="images/slide1.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide2.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide3.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide4.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide5.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide6.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide7.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide8.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide9.jpg" alt="Owl Image"></div>
        <div class="item"><img src="images/slide10.jpg" alt="Owl Image"></div>
    </div>
    <div class="customNavigation"><a class="btn prev">Prev</a><a class="btn next">Next</a></div>