scrollable בדף הבית של sparkeo.com

<!-- "previous page" action -->
<a class="prevPage browse left"></a> 
<!-- root element for scrollable -->
<div class="scrollable">
<!-- root element for the items -->
<div class="items">
<!-- 1 -->
<div class="slide slide-1">
			<h1 class="slide-title">
				Share your expertise through video
</h1>
			<h2 class="slide-body">
				Are you an expert, educator, consultant,<br />
				speaker, coach or a passionate hobbyist?<br />
				<br />
				Give your viewers the real in-depth knowledge they crave,<br />
				not just 5 minute snacks.
</h2>
		</div>
<!-- 2 -->
<div class="slide slide-2">
			<h1 class="slide-title">
				Sell your video or post it for free on your blog or website
</h1>
			<h2 class="slide-body">
				Sparkeo&rsquo;s video player includes an integrated payment system.<br />
				Simply upload your video, price it, embed it on your blog or website and sell it.
</h2>
		</div>
<!-- 3 -->
<div class="slide slide-3">
			<h1 class="slide-title">
				Provide a great learning experience for your viewers
</h1>
			<h2 class="slide-body">
				Your viewers can easily navigate through chapters<br />
				and personalize the video through highlights.<br />
				<br />
				Interact with your viewers by answering their questions<br />
				to earn their trust and loyalty.
</h2>
		</div>
	</div>
</div>
<!-- "next page" action -->
<a class="nextPage browse right"></a>
<div class="navi">
	<a href="0">dot</a>
<a href="1">dot</a>
<a href="2">dot</a>
</div>
 

 
$(document).ready(function() {
 // initialize scrollable
 $("div.scrollable").scrollable({size: 1}).circular().mousewheel(400).navigator({ navi: ".navi", naviItem: 'a', activeClass: 'current' }).autoscroll({ steps: 1, interval: 8000 });
});