jQuery(function( $ ){
	$('.recent').serialScroll({
		target:'.recent-scroll',
        interval:3500,
		items:'li', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		prev:'div.prev2',// Selector to the 'prev' button (absolute!, meaning it's relative to the document)
		next:'div.next2',// Selector to the 'next' button (absolute too)
		axis:'xy',// The default is 'y' scroll on both ways
		duration:500,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force:true, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
        stop:true,
        step:1,
        onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
		}
	});
	
	$('.slimage').bind('mouseover',function(){
         $('#'+this.id +' .slinfo').animate({marginTop:"-20px"},{queue:false,duration:500});
    });
    $('.slimage').bind('mouseout',function(){
         $('#'+this.id +' .slinfo').animate({marginTop:"0px"},{queue:false,duration:500});
    });

    $('.recent-scroll').hover(
                   function () { $('.recent-scroll').trigger('stop'); },
                   function () { $('.recent-scroll').trigger('start');
    });

    
});