$(document).ready(function() {
	/* Scroller and slider
	 * 
	 * Used on main page
	 * 
	 * */
	var scroller_api = $("#scroll-box").scrollable({
		size: 3,
		api: true,
		clickable : false
	});
	
	/*
	 * Used on main page
	 * 
	 */
	 
	$("#slider").slider({
		animate: 'normal',
		slide: function(event, ui) {
			pos = Math.round( ( (ui.value * (scroller_api.getSize()-scroller_api.getConf().size)) / 100) ) ;
			if(scroller_api.getIndex() != pos)
				scroller_api.seekTo(pos);
		},
		stop: function(event, ui){
			$(this).find('a').animate( {left :  scroller_api.getIndex() * 100 / (scroller_api.getSize()-scroller_api.getConf().size) + "%"}, 500);
		}
	});	
});