// execute your scripts when DOM is ready. this is a good habit
$(function() {				
	// initialize scrollable 
	$("div.scrollable").scrollable({
		size: 5,
 		items: '.thumbs', 
		hoverClass: 'hover',
		clickable:false,
		circular: true
	});			
});


function scrollToPosition(position){
	var api = $("div.scrollable").data("scrollable");	
	var maxSize = api.getSize() - 5; /* 4 Elemente was immer sichtbar sind + der DIV für das Clear  */
	if (position > maxSize)
		position = maxSize;
	if (position < 0)
		position = 0;
		
	api.seekTo(position, 700);
}

function setSliderPosition(position){
	var api = $("div.scrollable").data("scrollable");	
	var maxSize = api.getSize() - 5; /* 4 Elemente was immer sichtbar sind + der DIV für das Clear  */
	if (position > maxSize){
		position = maxSize;
		tempPosition = maxSize;
	}
	if (position < 0){
		position = 0;
		tempPosition = 0;
	}
	$("#slider").slider( "value" , position );
}