$(function() {		
	$('#list1 a').lightBox(); 	
	$('#list2 a').lightBox(); 	
	$('#list3 a').lightBox(); 	
	// initialize scrollable 
	$("div.scrollable").scrollable({
								   
		interval: 15000,
		loop: true, 
		size: 1,
		// 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);
		}
	});	
	
});