// ¸®½ºÆ®°Ô½ÃÆÇ ÃßÃâ ±¸Á¶ º¯°æ 
$(document).ready(function () {
    $(function () {
        var tmpno = $(location).attr('pathname').split('/')[1];
        var $subject = [],
            $link = [],
            $date = [],
            $img = [],
            $content = [];
        var $innerHTML = "";
        var $wrapper = $(".latest .portfolio-grid");
        var dir = $(".latest .portfolio-grid").data('dir');
        var page = $(".latest .portfolio-grid").data('page');
        var cnt = 0;
        $(".latest table[cellpadding^=2]").each(function () {
            $subject[cnt] = $(this).find('.board_output_gallery_subject').text();
            $link[cnt] = $(this).find('a').attr('href');
            $date[cnt] = $(this).find('.board_output_gallery_etc:first').text();
            $content[cnt] = $(this).find('.board_output_gallery_etc:last').text();
            $img[cnt] = $(this).find('.board_output_gallery_img img').attr('src');
            cnt++;
        });
        $wrapper.html('');
        for (n = 0; n < cnt; n++) {
            $innerHTML += '<div class="col-md-6 col-lg-12 col-xl-4"><div class="blog-item blog-item-minimal">';
            $innerHTML += '<div class="blog-item-thumb" data-bg="' + $img[n] + '" style="background:url(' + $img[n] + ') no-repeat center top;background-size:cover;">';
            $innerHTML += '</div>';
            $innerHTML += '<div class="blog-item-info"><div class="blog-item-info-cate">';
            $innerHTML += '<a href="#;">' + $subject[n] + '</a>';
            $innerHTML += '</div>';
            $innerHTML += '<div class="blog-item-info-title"><h3>';
            $innerHTML += '<a href="' + $link[n] + '">' + $content[n] + '</a>';
            $innerHTML += '</h3></div>';
            $innerHTML += '<div class="blog-item-info-meta"><span>' + $date[n] + '</span></div>';
            $innerHTML += '</div></div></div>';
        }
        $wrapper.append($innerHTML);
    });
});