jq(document).ready(function () {
    jq(".scrollable").scrollable({
        size:1,
        clickable:false,
        keyboard:false}).circular().autoscroll({autoplay:true,interval:10000});
    
    jq("#order-table .details").hide()
    jq("#order-table tbody tr").click(function(){
        if(!jq(this).hasClass('details')){
            jq("#order-table .details").hide();
        }
        jq(this).next(".details").show();
    });
    
    filters = ['complete','all','inprogress'];
    table_id = "#order-table";
    jq("#filter div").click(function(){
        jq("#filter div").removeClass('selected');
        jq(this).addClass('selected');
        for(i=0;i<filters.length;i++){
            jq(table_id).removeClass(filters[i]);
        }
        id = jq(this).attr('id')
        jq(table_id).addClass(id);
        jq(table_id+" .details").hide();
        jq("#order-table tr.complete").show();
        jq("#order-table tr.inprogress").show();
        jq("#order-table td.saldo").show();
        jq("#order-table td.spedizione").show();
        jq("#order-table td.corriere").show();
        jq("#order-table td.posizione").show();
    });
    jq("#inprogress").click(function(){
        jq("#order-table tr.complete").hide();
        jq("#order-table td.saldo").hide();
    });
    jq("#complete").click(function(){
        jq("#order-table tr.inprogress").hide();
        jq("#order-table td.saldo").hide();
        jq("#order-table td.spedizione").hide();
        jq("#order-table td.corriere").hide();
        jq("#order-table td.posizione").hide();
    });
});