$(document).ready(function(){
	$("#slideshow").scrollable({   
 	size:1,
    loop:false,
    clickable:true,
    vertical:false,
	items: '#sliding',
	next: '#next',
	prev: '#prev',
	disabledClass: 'disabled',
	onSeek: function()  {   
		$("span.number").empty();
      $(this.getPageIndex() + 1).appendTo("span.number");  
    }  
});
$("#slideshow").ready(function(){ 
// get handle to the API 
var api = $("#slideshow").scrollable().getPageAmount();  
    // Grabs the Total as soon as the page loads and outputs it inside the span named total 
  $(api).appendTo("span.total");
} )
});