$(document).ready(function () {
    var $categoryDiv = $(".cnb_board_category");
    var $select = $categoryDiv.find("select[name='com_board_category_code']");
    var currentDomain = window.location.href.split('?')[0];
    var urlParams = new URLSearchParams(window.location.search);
    var categoryCode = urlParams.get("com_board_category_code");


    var $ul = $("<ul class='list_cate'></ul>");


    // 'Àüü' ¿É¼Ç Ãß°¡
    var $allLi = $("<li><a href='" + currentDomain + "?&com_board_category_code='>Àüü</a></li>");
    if (!categoryCode || categoryCode === "") {
        $allLi.addClass("act"); // com_board_category_code°¡ ¾ø°Å³ª ºó °ªÀ̸é 'Àüü'¿¡ act Ãß°¡
    }
    $ul.append($allLi);


    // ±âÁ¸ select ¿É¼ÇÀ» li ű׷Πº¯È¯
    $select.find("option").each(function () {
        var $option = $(this);
        var value = $option.attr("value");
        var text = $option.text();


        if (value) {
            var $li = $("<li><a href='" + currentDomain + "?&com_board_category_code=" + value + "'>" + text + "</a></li>");
            if (value === categoryCode) {
                $li.addClass("act"); // ÇöÀç Ä«Å×°í¸®¿Í ÀÏÄ¡Çϸé act Ãß°¡
            }
            $ul.append($li);
        }
    });


    $categoryDiv.find("table").remove();
    $categoryDiv.append($ul);


    if (categoryCode === "c2") {
        $(".video_").addClass("act");
        console.log("c2°¡ °¨ÁöµÊ! .video_¿¡ act Ŭ·¡½º Ãß°¡µÊ.");
    }




  $(".sul_menu a").each(function() {
        if ($(this).text().trim() === "Àüü") {
            $(this).addClass("displaynone");
        }
    });




/*********************************************/
   // °¢ <td>¿¡ ´ëÇØ ¹Ýº¹
    $('td[valign="bottom"][align="center"][width="33%"]').each(function() {
        // ÇØ´ç <td> ³»ÀÇ .gallery_etc¿¡¼­ ¸µÅ©¸¦ ÃßÃâ
        var link = $(this).find('.gallery_etc font').text().match(/http[^ ]+/);
        
        // ¸µÅ©°¡ Á¸ÀçÇϸé ÇØ´ç <a> ű׿¡ href Àû¿ë
        if (link) {
            $(this).find('a').attr('href', link[0]);
        }
    });
/*********************************************/
/*ÀбâÆäÀÌÁö Ä¿½ºÅÒ*/
  // Convert table to div
    $('#board_gallery table.leadboard').each(function() {
        let $table = $(this);
        let $div = $('<div>').addClass('leadboard');
        let $mainUl = $('<ul>');
        let $metaUl = $('<ul>').addClass('b_info');
        
        // Convert tbody to ul
        $table.find('tbody').each(function() {
            let $tbody = $(this);
            let $titleLi = null;
            
            // Convert tr to li
            $tbody.find('tr').each(function() {
                let $tr = $(this);
                let $li = $('<li>').attr('height', $tr.attr('height'));
                
                // Get the text from font inside .board_bgcolor
                let fontText = $tr.find('.board_bgcolor font').text().trim();
                
                // Add class based on font text
                switch(fontText) {
                    case 'Á¦¸ñ':
                        $li.addClass('b_title');
                        break;
                    case 'Ä«Å×°í¸®':
                        $li.addClass('b_category');
                        break;
                    case 'ÀÛ¼ºÀÚ':
                        $li.addClass('b_writer');
                        break;
                    case 'ÀÛ¼ºÀÏÀÚ':
                        $li.addClass('b_date');
                        break;
                }
                
                // Convert td to div
                $tr.find('td').each(function() {
                    let $td = $(this);
                    let $newDiv = $('<div>')
                        .addClass($td.attr('class'))
                        .attr('colspan', $td.attr('colspan'))
                        .attr('width', $td.attr('width'))
                        .attr('height', $td.attr('height'))
                        .html($td.html());
                    $li.append($newDiv);
                });
                
                // Handle placement
                if ($li.hasClass('b_title')) {
                    $titleLi = $li;
                    $mainUl.append($li);
                } else if ($li.hasClass('b_category') || $li.hasClass('b_writer') || $li.hasClass('b_date')) {
                    $metaUl.append($li);
                } else {
                    $mainUl.append($li);
                }
            });
            
            // Insert metadata ul after title li if it exists
            if ($titleLi && $metaUl.children().length > 0) {
                $titleLi.append($metaUl);
            }
            
            $div.append($mainUl);
            $tbody.remove();
        });
        
        $table.replaceWith($div);
    });
});