$(function() {
    base();
    /*resize_height()*/
});

function base() {
    /*文字過多...取代*/
    var len = 50; // 超過50個字以"..."取代
    $(".txt_restrictions").each(function(i){
        if($(this).text().length>len){
            $(this).attr("title",$(this).text());
            var text=$(this).text().substring(0,len-1)+"...";
            $(this).text(text);
        }
    });
    //首頁TABS
    $(function(){
        $("#tabs").tabs();
    });
    //首頁登入區切換
    $("#Banner .groupmenu ul.groupmenu_links_ul a.groupmenu_link").click(function() {
        $(".groupmenu .groupmenu_links").removeClass('on');
        $(".groupmenu .login_area").addClass('on');
    });
    // //accordion
    // $("#accordion").accordion({
    //   collapsible: true,
    //   heightStyle: "content"
    // });
    $('.accordion li a').click(function(event) {
        $('.accordion li').removeClass('active');
    });
    //footer開關
    $(".openfootoer a.btn_open").click(function() {
        $(".footer_info").fadeIn(400);
        $(this).removeClass('on').addClass('close');
        $(".openfootoer a.btn_close").removeClass('close').addClass('on');
    });
    $(".openfootoer a.btn_close").click(function() {
        $(".footer_info").fadeOut(0);
        $(this).removeClass('on').addClass('close');
        $(".openfootoer a.btn_open").removeClass('close').addClass('on');
    });
    //首頁選單(TAB鍵)
    $("#Nav ul.nav_ul > li > a").focus(function() {
        $(".is-active").removeClass("is-active");
        $(this).next("div").addClass("is-active");
        $("#Nav ul.nav_ul > li > a").mouseover(function() {
          $(".is-active").removeClass("is-active");
        });
    });
    //文字連結群組
    $(".txt_link_group ul li:first-child").addClass('current');
    $(".txt_link_group a").click(function() {
        $(".txt_link_group ul li").removeClass('current');
        $(this).parent().addClass('current');
    });
    //TAB選單最後一個移除
    $("#Nav ul.nav_ul > li:last-child .submenu_area ul li:last-child a").blur(function() {
        $(".is-active").removeClass("is-active");
    });
    //首頁選單(手機版本WEB可視)
    // $("#Nav ul.nav_ul > li > a").click(function() {
    //     $("div.submenu_area").removeClass("is-active");
    //     $(this).next('div.submenu_area').toggleClass("opensubmenu");
    // });
     $("a.cpt-simple-text").click(function() {
          $("div.nav_area").toggleClass("cpt-menu_box_open");
          $("div.search_area").toggleClass("cpt-menu_box_open");
          $("#Nav").toggleClass("cpt-menu_box_open");
          // $(this).find("i").toggleClass("fastyle-bars fastyle-times");
    });
    $("#Nav ul.nav_ul li .submenu_multilayer").mouseover(function() {
      $(this).find("ul.submenu_list").addClass("current");
    });
    $("#Nav ul.nav_ul li .submenu_multilayer > a").focus(function() {
        $(this).next("ul.submenu_list").addClass("current");
    });
    $("#Nav ul.nav_ul > li > a").mouseover(function() {
        $("#Nav ul.nav_ul li ul.submenu_list").removeClass("current");
    });
    // $("#Nav ul.nav_ul > li > a").click(function() {
    //     $("div.submenu_area").removeClass("is-active");
    //     $("div.submenu_list").removeClass("open_submenu");
    //     $(this).next('div.submenu_area').toggleClass("opensubmenu");
    // });
    // $("#Nav ul.nav_ul li .submenu_area ul li.submenu_multilayer a").click(function() {
    //     $(this).toggleClass("current");
    //     $("div.submenu_list").removeClass("open_submenu");
    //     $(this).next('.submenu_list').toggleClass("open_submenu");
    // });
    //純手機吃(模擬手機可視)
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        $("#Nav ul.nav_ul > li > a").click(function() {
            $("div.submenu_area").removeClass("is-active");
            $("div.submenu_list").removeClass("open_submenu");
            $(this).next('div.submenu_area').toggleClass("opensubmenu");
        });
        $("#Nav ul.nav_ul li .submenu_area ul li.submenu_multilayer a").click(function() {
            $(this).toggleClass("current");
            $("div.submenu_list").removeClass("open_submenu");
            $(this).next('.submenu_list').toggleClass("open_submenu");
        });
    }
    else{
        $("#Nav ul.nav_ul > li > a").click(function() {
            $("div.submenu_area").removeClass("is-active");
            $("div.submenu_list").removeClass("open_submenu");
            $(this).next('div.submenu_area').toggleClass("opensubmenu");
        });
        $("#Nav ul.nav_ul li .submenu_area ul li.submenu_multilayer a").click(function() {
            $(this).toggleClass("current");
            $("div.submenu_list").removeClass("open_submenu");
            $(this).next('.submenu_list').toggleClass("open_submenu");
        });
    }
    //c frame
    //框架寬度縮放
    $("a.side_bar_close").click(function() {
          $("div.page-sidebar").toggleClass("sideLeftclose");
          $("div.page-content-wrapper").toggleClass("sideLeftclose");
          $(this).find("i").toggleClass("fastyle-chevron-left fastyle-chevron-right");
      });
    //搜尋查詢
    $("a.search_box_btn").click(function() {
          $("div.page_search_box").toggleClass("page_search_box_open");
      });
    //radio button 切換
    $(".radio_set_a").click(function() {
          $("div.radio_set").removeClass("on");
          $("div.radio_set_a_box").addClass("on");
      });
    $(".radio_set_b").click(function() {
          $("div.radio_set").removeClass("on");
          $("div.radio_set_b_box").addClass("on");
      });
    //datepicker
    $('.input-group.date').datepicker({
        format: 'yyyy/mm/dd',
        language: "zh-TW",
        autoclose: true,
        todayHighlight: true,
        toggleActive: true
    });
    //pagination
    $(function() {
        var obj = $('.pagination').twbsPagination({
            totalPages: 35,
            visiblePages: 5,
            onPageClick: function (event, page) {
                console.info(page);
            }
        });
        console.info(obj.data());
    });
    //下拉選單
    $(function() {
        $(".selectmenu").selectmenu();
      });
    /* --- 表格內奇偶數列 --- */
    $("table.tb_info tr:odd td, .k-grid table tr:even td").css({
        background: '#f6f6f6'
    });
    $('table.tb_mul:not(.no_background) tr:nth-child(odd) td, .k-grid table tr:nth-child(even) td').css({
        'background-color': '#f6f6f6'
    });
    //checkbox 全選
    $("#checkbox1").click(function() {
        if ($("#checkbox1").prop("checked")) { //如果全選按鈕有被選擇的話（被選擇是true）
            $("input[name='user_active_col[]']").each(function() {
                $(this).prop("checked", true); //把所有的核取方框的property都變成勾選
            })
        } else {
            $("input[name='user_active_col[]']").each(function() {
                $(this).prop("checked", false); //把所有的核方框的property都取消勾選
            })
        }
    })
    //漢堡選單
    $("a.simple-text").click(function() {
          $("div.menu_box").toggleClass("menu_box_open");
          $("#menuSub").toggleClass("menu_box_open");
          $(this).find("i").toggleClass("fastyle-bars fastyle-times");
    });
    var $iframechangfontsize = $('#mainframe').contents();
    //字級大小切換
    $(".font-size > a").focus(function() {
        $(this).addClass('focuson');
        $('.font-size ul').addClass('focuson');
    });
    $(".font-size ul li.large a").focusout(function() {
        $(".font-size *").removeClass('focuson');
    })
    $('#fontsize-minus').click(function(event) {
        $('.font-size li').removeClass('is-active');
        $(this).parents('li').addClass('is-active');
        $('.fontsize').css({
          'font-size': '0.9em'
        });
        $('#menu dd a span').css({
          'padding': '17px 15px 19px'
        });
        $iframechangfontsize.find('.fontsize').css({
              'font-size': '0.9em'
          });
    });
    $('#fontsize-default').click(function(event) {
        $('.font-size li').removeClass('is-active');
        $(this).parents('li').addClass('is-active');
        $('.fontsize').css({
          'font-size': '1em'
        });
        $('#menu dd a span').css({
          'padding': '17px 15px 15px'
        });
        iframechangfontsize.find('.fontsize').css({
              'font-size': '1em'
          });
    });
    $('#fontsize-plus').click(function(event) {
        $('.font-size li').removeClass('is-active');
        $(this).parents('li').addClass('is-active');
        $('.fontsize').css({
          'font-size': '1.2em'
        });
        $('#menu dd a span').css({
          'padding': '13px 15px 12px 15px'
        });
        iframechangfontsize.find('.fontsize').css({
              'font-size': '1.2em'
          });
    });
};