﻿$(function() {
	
	$("#thumbnails").scrollable({size: 4, clickable: true}).autoscroll({autoplay: true, autopause:true, steps: 4, interval: 10000, speed: 'slow', easing: 'swing'}).circular().find("a.triggered").each(function(index) {
	// select the thumbnails and make them trigger our overlay
	$("a.triggered").overlay({
	
		// each trigger uses the same overlay with the id "gallery"
		target: '#gallery',
		effect: 'apple',
		// optional exposing effect
		expose: '#000',
		opacity: 1
	
	// let the gallery plugin do its magic!
		}).gallery({
			// the plugin accepts its own set of configuration options
			speed: 800,
			template:'<strong>${title}</strong>',
			preload: true
		});
	});
});