js error when initiate gallery with bootstrap Tab

[jisamcom]

ver. 1.7.45

head part

<link rel='stylesheet' href='/include/jquery_unitegallery/css/unite-gallery.css' type='text/css' /> 
<link rel='stylesheet' href='/include/jquery_unitegallery/themes/default/ug-theme-default.css' type='text/css' />  
<script src='/include/jquery_unitegallery/js/unitegallery.js'></script>
<script src='/include/jquery_unitegallery/themes/default/ug-theme-default.js'></script>
<script src='/include/jquery_unitegallery/themes/compact/ug-theme-compact.js'></script>

$.ajax({
    async:false,type:"POST",dataType:"json",url:"some url",
    data:{'some data'}
    ,success:function(d){
        if(d.image_list){
            $(d.image_list).each(function(){
                $("<img>",{"src":this.image_url,css:{"width":"200px"}}).data("image",this.image_url).appendTo("#picture_box");
                image_count += 1;
            });
        }
        $("#picture_box").unitegallery({
            slider_scale_mode:"fit",
            gallery_theme:"compact",
            theme_panel_position:"right",
            gallery_skin:"default",
            slider_enable_play_button:false
        });
    }
});

html part

<ul class="nav nav-tabs nav-sm" id="top_right_side_tab">
    <li class="active"><a href="#detail_previous" data-toggle="tab">Prev. PO</a></li>
    <li><a href="#detail_pic" data-toggle="tab">Picture</a></li>
    <li><a href="#detail_data" data-toggle="tab">Data</a></li>
</ul>
<div class="tab-content top_right_side_box">
    <div class="tab-pane fade active" id="detail_previous">
        <table class="table datatable_nz" id="table_history_po">
        <thead>
        <tr>
            <th style="width:20px;"></th>
            <th style="width:60px;">PO #</th>
            <th style="width:90px;">Date</th>
            <th style="width:60px;">Qty</th>
            <th>Status</th>
            <th>Team</th>
            <th>Loc</th>
            <th>Fac</th>
            <th style="width:30px;"></th>
        </tr>
        </thead>
        <tbody>
        </tbody>
        <tfoot>
        <tr style="display:none;">
            <td class="prp_ctry"></td>
            <td class="prp_number"></td>
            <td class="prp_date"></td>
            <td class="prp_qty"></td>
            <td class="prp_status"></td>
            <td class="prp_team"></td>
            <td class="prp_location"></td>
            <td class="prp_factory"></td>
            <td class="prp_btn"><button type="button" class="btn btn-xs btn_use_location">USE</button></td>
        </tr>
        </tfoot>
        </table>
    </div>
    <div class="tab-pane fade" id="detail_pic">
        <div id="picture_box"></div>
    </div>
    <div class="tab-pane fade" id="detail_data">
        <canvas id="inv_chart"></canvas>
    </div>
</div>

js error

Uncaught TypeError: Cannot read property 'isLoaded' of undefined at onImageLoaded (unitegallery.js:3077) at unitegallery.js:3422 at unitegallery.js:2206