// execute your scripts when the DOM is ready. this is mostly a good habit
jQuery(document).ready(function(){
	
	// initialize scrollable
	// with use of navigator plugin
	jQuery("div.scrollable").scrollable({
		circular: true,
		speed: 10
	}).autoscroll({
		autoplay: true,
		steps: 1,
		interval: 5000
	});
	
	jQuery("div.scrollable").mouseover(function(){
			jQuery("#actionDivs").css({'background-position':'0px -10px'});	
	});

	jQuery("div.scrollable").mouseout(function(){
			jQuery("#actionDivs").css({'background-position':'0px 0px'});
	});
	
	
//	}).navigator().data("scrollable").autoscroll({ autoplay: true, steps: 1, interval: 2000 });
	
		
//	jQuery("div.scrollable").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({
//		interval: 2000		
//	})	
		
	// initialize scrollable together with the autoscroll plugin
//	var root = $("div.scrollable").scrollable({interval:2000,loop:true,speed: 600});
	//.autoscroll({ autoplay: true });
	
	// provide scrollable API for the action buttons
//	window.api = root.data("scrollable");
		
	// initialize scrollable
//	jQuery("div.scrollable").scrollable({interval: 200, loop: true, speed: 100}).autoscroll({ autoplay: true });

//				setTimeout(function() {
//					jQuery("div.scrollable").scrollable({
//						// items are auto-scrolled in 2 secnod interval
//						interval: 2000,
//						// when last item is encountered go back to first item
//						loop: true,
//						// make animation a little slower than the default
//						speed: 600,
//						// when seek starts make items little transparent
//						onBeforeSeek: function() {
//							this.getItems().fadeTo(300, 0.2);
//						},
//						// when seek ends resume items to full transparency
//						onSeek: function() {
//							this.getItems().fadeTo(300, 1);
//						}
//					}),2000
//				});

});