Shadowbox.init({
	overlayOpacity: 0.8
});

$(document).ready(function() {		
		
	$(".slide_top").cycle({
		fx: 'fade',
		timeout: 6000,
		speed: 500,
		prev: "#prev",
		next: "#next",
		pager:  '.nav_slide_top', 
		// callback fn that creates a thumbnail to use as pager anchor 
		pagerAnchorBuilder: function(idx, slide) { 
			return '<a href="#"></a>'; 
		} 
	});
	
	$('.slide')
		.mouseover(function(){
			$("#prev").stop().animate({left:"0px"}, {duration:500});
			$("#next").stop().animate({right:"0px"}, {duration:500});
		})
		.mouseout(function(){
			$("#prev").stop().animate({left:"-55px"}, {duration:200, complete:function(){
				$(this).css({left:"-55px"})
			}});
			$("#next").stop().animate({right:"-55px"}, {duration:200, complete:function(){
				$(this).css({right:"-55px"})
			}});
		})
		
	
	// initialize scrollable
	$(".scrollable").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({interval: 5000});
	$(".scrollable a[title]").tooltip({ effect: 'slide'});
	
});