$(function() {
    var api = $("div.scrollable").scrollable({
        size:1,
        mousewheel: true,
        hoverClass: 'active',
        api:true,
        onSeek: function() {
            var size = api.getSize();
            if(size > 5) {
                if((size - api.getIndex()) <= 5) {
                    $('div.slider-box .top-right').hide();
                } else {
                    $('div.slider-box .top-right').show();
                }
            }
        }
    });
    if($('div.scrollable .item').length <= 5) {
        $('div.slider-box .top-right').hide();
    }
    $('#scroll_bottom_container').hide();

    $(".scrollable .item").click(function() {
        $('#scroll_bottom_container').hide();
        $('#scroll_bottom_container .scrollable-bottom .items').html($('#scroll_bottom_' + $(this).children('a').attr('id')).html());

        $('.scrollable .items .item').removeClass('active');
        $(this).addClass('active');
        $('.scrollable-bottom .items').removeAttr('style');
        if($('.scrollable-bottom .items .item').length > 1) {
            $("div.scrollable-bottom").scrollable({
                size:1,
                circular:false,
                mousewheel: true
            }); // .autoscroll({ autoplay: true });
            $('#scroll_bottom_container .prev').show();
            $('#scroll_bottom_container .next').show();
        } else {
            $('#scroll_bottom_container .prev').hide();
            $('#scroll_bottom_container .next').hide();
            $('.scrollable-bottom .items .item').attr('style','margin-left:26px;')
        }
        if ( window.jQuery.ui ) $('.show_shipment').click(function() { $('#shipment').dialog('open'); return false; } );
        $('#scroll_bottom_container').fadeIn();
        var api = $(".scrollable").data("scrollable");
    });
    $(".scrollable .item:first").click();
});
function _log(msg) {
    if (window.console && window.console.log)
        window.console.log(msg);
}