$(document).ready(function() {
			

		// setup ul.tabs to work as tabs for each div directly under div.panes 
		$("ul.tabs").tabs("div.panes > div",{
			initialIndex: 0
		 }); 
		
		 $(".tweet").tweet({
            username: "green17",
            join_text: null,
            avatar_size: null,
            count: 1,
            loading_text: "loading tweets..."
        });


    	// custom easing called "custom"
		$.easing.custom = function (x, t, b, c, d) {
			var s = 1.70158; 
			if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
			return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
		}
		
		$.easing.custom2 = function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
		}

		// initialize scrollable and return the programming API
		var api = $("#showreel").scrollable({
		easing: 'custom2',
		items: '.items',
		circular: true,
		size: 1,
		speed: 1700,
		vertical: true,
		clickable: false
		
		}).autoscroll({
		interval: 8000		
		}).navigator({api:true});
		
		
		$(".slide").mouseenter(function(){
		  $(".showreel_view_more").animate({
			top: '-=34', 
			opacity: 1
		  }, 500 );
		});
		
		
		$(".slide").mouseleave(function(){
		  $(".showreel_view_more").animate({ 
			top: '+=34',
			opacity: 0
		  }, 500 );
		});
		
		

});