$(function(){
	$("div#slide_pict").scrollable({
        size: 1,
        vertical:true,  
        loop: true, 
        interval: 2500,          
        speed: 400,
        items: '.pic',
	    onSeek: function() {
		    $('ul.navi li').removeClass('active').eq(this.getIndex()).addClass('active');
	    }
    });
	$('ul.navi li').each(function(i){
		$(this).bind('mouseover', function(){
			$("div#slide_pict").data("scrollable").seekTo(i);
		});
	});
});