var autoslideInterval = 8000;
$j = jQuery.noConflict();
$j(document).ready(function() {
    var root = $j("#main").scrollable({

    // basic settings
    vertical: true,
    circular: true,
    onSeek: function(event){
            if(sliderStopped){
                    resumeSliderFunc();
            }
    }
    // main navigator (thumbnail images)
    }).navigator("#main_navi").autoscroll({ interval: autoslideInterval, autoplay:true, autopause:false});
    window.api = root.data("scrollable");
    $j('.img-list').filter(function(){return !this.childNodes.length;}).remove();

    $j('#main_navi li:first').addClass('active');

});

var sliderStopped = false;
function resumeSliderFunc(event) {
	jQuery('div.item-content').show();
	if(typeof(window.autoSlideResumeHandle)!='undefined') clearTimeout(window.autoSlideResumeHandle);
	window.autoSlideResumeHandle = setTimeout("api.play(); sliderStopped = false;", window.autoslideInterval);
};