$(function() {
// thumbnail scrollable
	$("#thumbnails").scrollable({size: 5, clickable: false}).find("img").each(function(index) {

		// thumbnail images trigger overlay
		$(this).overlay({
			target: '#box',
			expose: {maskId: 'mask'},
			opacity: 0.8, 
 		    closeSpeed: 'slow', 
			onLoad: function() {
				images.seekTo(index, 0);
			}
		});
		$(this).wrap("<div></div>");

	});


	// scrollable inside the box. Its API is assigned to the "images" variable
	var images = $("#images").scrollable({size: 1, api:true});

	// enable tooltips for the images
	/*$("#images img").tooltip({
		effect: 'toggle',
		position: ['bottom', 'center'],
		offset: [-85, -30],
		opacity: 0.8,
		effect: 'fade'
	});
	*/
	$("#images img").wrap('<div class="overlay"></div>');	

	// enable reflections
	//$("#thumbnails img").reflect({height: 0.5, opacity: 0.6})
	$('.scroll').css({'visibility':'visible'});
	
	
	/*
	$('#subscribe a').hover(function () {
      $(this).find('span').css({'display':'inline-block'}).hide().fadeIn("fast");
    }, function () {
      $(this).find('span').fadeOut("slow");
    });
	
	$('#subscribe a').hover(function () {
      $(this).fadeTo("fast", 0.7).fadeIn("fast");
    }, function () {
      
    });
	*/
	
	
});//end