

<!DOCTYPE html>

	<html lang="zh-TW">

<head>
<meta charset="UTF-8">


	<title>連江縣圖書館館藏查詢</title>

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="template/img/favicon.ico" type="imag/jpg" rel="shortcut icon" />
<link href="template/plugin_css/ui.totop.css" rel="stylesheet" type="text/css">
<link href="template/plugin_css/jquery-ui.css" rel="stylesheet" type="text/css">
<link href="template/plugin_css/swiper.css" rel="stylesheet" type="text/css">
<link href="template/plugin_css/lobibox.css" rel="stylesheet" type="text/css"> 
<link href="template/plugin_css/jquery.scrollbar.css" rel="stylesheet" type="text/css">
<link href="template/css/style.css?v=20191205" rel="stylesheet" type="text/css">
<link href="template/css/shelf.css?v=20191205" rel="stylesheet" type="text/css">
<link href="template/css/index.css?v=20190304" rel="stylesheet" type="text/css">
<link href="template/css/general.css?v=20190304" rel="stylesheet" type="text/css">
<link href="template/colorbox/colorbox.css" rel="stylesheet" type="text/css">


	<link href="template/css/style_rwd.css?v=20191205" rel="stylesheet" type="text/css">
	
		<link href="template/css/general_rwd.css?v=20190221" rel="stylesheet" type="text/css">
	

<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-3.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui.js?v=20190302"></script>
<script type="text/javascript" src="js/jquery/jquery.ui.totop.js"></script>
<script type="text/javascript" src="js/jquery/jquery.blockUI.js"></script>

<script type="text/javascript" src="js/fontawesome-all.js"></script>
<script type="text/javascript" src="js/js/swiper.min.js"></script>
<script type="text/javascript" src="js/lobibox.js"></script>
<script type="text/javascript" src="js/jquery.scrollbar.js"></script>
<script type="text/javascript" src="js/initial.js?v=201902271346"></script>
<script type="text/javascript" src="js/initial_load.js?v=20200415"></script>
<script type="text/javascript" src="js/CompleteCustom.js"></script>
<script type="text/javascript" src="js/jquery/jquery.colorbox-min.js"></script>


<script src="js/javascript_customize_function.js"></script>


<script>

var hidden_brief_header = "hidden_brief_";
var hidden_brief_obj = init_animation_object("div",hidden_brief_header);
var hidden_brief_obj_length = hidden_brief_obj.length;

init_hidden_brief_status();

//傳入html標籤名以及欲初始化的標籤id header
/*function init_animation_object(tag_name,header,alpha,alpha_rate,ease,hide){
	if( typeof(header) == "undefined" ){
		var target = tag_name;
		var obj = new Object();
	
		if( typeof(target) == "string" ){
			obj.target = document.getElementById(target);
		}else{
			obj.target = target;
		}
		obj.action = "none";
		obj.delay = 0;
		obj.alpha = (typeof(alpha) == "undefined") ? 100 : alpha;
		obj.alpha_rate = (typeof(alpha_rate) == "undefined") ? 5 : alpha_rate;
		obj.ease = (typeof(alpha_rate) == "undefined")? 1 : ease;
		obj.width = 0;
		obj.height = 0;
		obj.x = 0;
		obj.y = 0;
		obj.target_width = 0;
		obj.target_height = 0;
		obj.target_posx = 0;
		obj.target_posy = 0;
		obj.speed_limit = "none";
		obj.hide = (typeof(hide) == "undefined")?false:hide;
		obj.call = null;
		obj.params = '';
		obj.status = "";
		
		return obj;
	}else{
		var index = 0;
		var obj_array = new Array();
		var tag_list = document.getElementsByTagName(tag_name);
		
		var temp_alpha = (typeof(alpha) == "undefined") ? 100 : alpha;
		var temp_alpha_rate = (typeof(alpha_rate) == "undefined") ? 5 : alpha_rate;
		var temp_ease = (typeof(alpha_rate) == "undefined")? 1 : ease;
		
		for(var i = 0; i < tag_list.length; i++ ){
			if( tag_list[i].id.search(header) != -1 ){
				obj_array.push(new Object());
				index = obj_array.length - 1;
				obj_array[index].target = tag_list[i];
				obj_array[index].action = "none";
				obj_array[index].delay = 0;
				obj_array[index].alpha = temp_alpha;
				obj_array[index].alpha_rate = temp_alpha_rate;
				obj_array[index].ease = temp_ease;
				obj_array[index].width = 0;
				obj_array[index].height = 0;
				obj_array[index].x = 0;
				obj_array[index].y = 0;
				obj_array[tag_list[i].id] = index;
				obj_array[index].target_width = 0;
				obj_array[index].target_posx = 0;
				obj_array[index].target_posy = 0;
				obj_array[index].target_height = 0;
				obj_array[index].speed_limit = "none";
				obj_array[index].hide = (typeof(hide) == "undefined")?false:hide;
				obj_array[index].call = null;
				obj_array[index].params = '';
				obj_array[index].status = "";
			}
		}
		return obj_array;
	}
	
	
}*/

function init_hidden_brief_status(){
	var target;
	for( var i = 0; i < hidden_brief_obj_length; i++ ){
		target = hidden_brief_obj[i];
		target.target_height = $(target.target).height();
		target.status = "hidden";
		$(target.target).height(0);
	}
}

function change_hidden_brief_content_display(index,self){
	var id = hidden_brief_header + index;
	var key = hidden_brief_obj[id];
	var target = hidden_brief_obj[key];
	
	if( target.status == "hidden" ){
		$(target.target).animate({
								height:target.target_height + 10
							 },500,"easeOutCubic");
		target.status = "show";
		$(self).html("收合");
	}else if( target.status == "show" ){
		$(target.target).animate({
								height:0
							 },500,"easeOutCubic");
		target.status = "hidden";
		$(self).html("展開");
	}
	
}

function do_change_list_num(self){
	list_num = $(self).val();
	window.location = search_url + "?" + url_params + "&list_num=" + list_num + "&current_page=1" + "&si=" + sort_by + "&view=" + view;
}

function do_change_sort(self){
	sort_by = $(self).val();
	window.location = search_url + "?" + url_params + "&list_num=" + list_num + "&current_page=1" + "&si=" + sort_by + "&view=" + view;
}

function do_change_view(self){
	view = self;
	var num = "4";
	var current_page = num || 1;
	window.location = search_url + "?" + url_params + "&list_num=" + list_num + "&current_page=" +current_page+ "&si=" + sort_by + "&view=" + view;
}


/*function set_check_status(method,self){
	var length = checkbox_obj.length;
	
	for( var i = 0; i < length; i++ ){
		if( method == "check_all" ){
			setTagAttribute(checkbox_obj[i].target,"checked",true);
		}else if( method == "uncheck_all" ){
			setTagAttribute(checkbox_obj[i].target,"checked",false);
		}else if( method == "reverse_all" ){
			if( getTagAttribute(checkbox_obj[i].target,"checked") == true ){
				setTagAttribute(checkbox_obj[i].target,"checked",false);
			}else{
				setTagAttribute(checkbox_obj[i].target,"checked",true);
			}
		}else if( method == "follow" ){
			setTagAttribute(checkbox_obj[i].target,"checked",self.checked);
		}
	}
	
	if( method == "check_all" ){
		mouse_click_cart_kit_numerous_checkbox();
	}else if( method == "uncheck_all" ){
		mouse_click_cart_kit_reset();
	}else if( method == "reverse_all" ){
		mouse_click_cart_kit_numerous_checkbox();
	}else if( method == "follow" ){
		mouse_click_cart_kit_numerous_checkbox();
	}
}*/


</script>


<iframe id="hidden_printer" name="hidden_printer" width="0px" height="0px" style="opacity:0; filter:alpha(opacity:0); position:fixed;" >
</iframe>

<script>


function print_page(myrul){	
	getTag("hidden_printer").src = myrul;
	//getTag("hidden_printer").contentWindow.print(); //2014/11/10 add?
}

function set_iframe_focus(){
	if( browser_name == "firefox" ){
		getTag("hidden_printer").focus();
		getTag("hidden_printer").contentWindow.print();
	}else if( browser_name == "IE" || browser_name == "chrome" ){
		window.frames['hidden_printer'].focus();
		window.frames['hidden_printer'].print(function(){
			getTag("hidden_printer").src = "";
		});
		window.frames['hidden_printer'].onfocus=function(event){ console.log(event)}
	}
	//$('#' + "hidden_printer")[0].focus();
	//$('#' + "hidden_printer")[0].contentWindow.print();
	//window.frames['hidden_printer'].focus();
	//window.frames['hidden_printer'].print();
}

</script>


<script language="javascript" type="text/javascript">
var jj = 0;
var kk = 0;
var pp = Math.PI/30;
function enter_frame(){
		jj++;
		kk = jj / 100;
	connection_pool_handler();
	
	try{
		animation_renderer();
	}catch(exception){
	}
	
	animation_handler();
	
	//2.0 * ( cos( (f_0 + (Pi/30)) * t ) - cos( (f_0 - (Pi/30)) * t ) )
	
	//console.log( 2.0 * ( Math.cos( (5 + pp) * kk ) - Math.cos( (5 - pp ) * kk ) ) );
	
	timer = setTimeout(enter_frame,frame_interval);
}

function connection_pool_handler(){
	for(var i = 0; i < connection_pool.length; i++ ){
		if( typeof(connection_pool[i].http) != "undefined" && typeof(connection_pool[i].state) != "undefined" ){
			if(connection_pool[i].http.readyState == 4 && connection_pool[i].state == "init"){	//檢查連線狀態以取得網頁資料
				connection_pool[i].state = "none";	//設立狀態為可清空
				/*if( connection_pool[i].action == "getSpaceProd" ){
					refresh_prod_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "get_cart_list" ){
					refresh_cart_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "remove_from_cart" ){
					refresh_cart_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "get_left_menu" ){
					refresh_left_menu(connection_pool[i].http.responseText);
				}*/
				connection_pool[i].action(connection_pool[i].http.responseText);
				
			}
		}
	}
	
	for(var i = 0; i < connection_pool.length; i++ ){
		if( typeof(connection_pool[i].http) != "undefined" && typeof(connection_pool[i].state) != "undefined" ){
			if(connection_pool[i].state == "none"){
				connection_pool.splice(i,1);	//清空記憶體
			}
		}
	}
}

function animation_handler(){
	var animation_count = animation_queue.length;
	//console.log(animation_count);
	var animation_obj;
	var animation_target;
	for( var i = 0; i < animation_count; i++ ){
		animation_obj = animation_queue[i];
		if( animation_obj.action == "fade_in" ){
			animation_obj.alpha += animation_obj.alpha_rate;
			setTagStyleAttribute(animation_obj.target,"opacity",animation_obj.alpha);
			if( animation_obj.alpha >= 100 ){
				animation_obj.alpha = 100;
				animation_obj.action = "none";
				animation_obj.target.style.filter = ""; //IE在字型上的透明度有bug，因此在設定完成透明度後，要取消透明度設置，因此只適用於不透明狀態
				if( animation_obj.call != null ){
					animation_obj.call(animation_obj.params);
				}
			}
		}else if( animation_obj.action == "fade_out" ){
			animation_obj.alpha -= animation_obj.alpha_rate;
			setTagStyleAttribute(animation_obj.target,"opacity",animation_obj.alpha);
			if( animation_obj.alpha <= 0 ){
				animation_obj.alpha = 0;
				animation_obj.action = "none";
				if( animation_obj.hide ){
					setTagStyleAttribute(animation_obj.target,"display","none");
				}
				if( animation_obj.call != null ){
					animation_obj.call(animation_obj.params);
				}
			}
		}else if( animation_obj.action == "moving_x" ){
			var x = animation_obj.x - 0;
			
			x += (animation_obj.target_posx - x) / animation_obj.ease;
			
			if( Math.abs(animation_obj.target_posx - x) < 0.005 ){
				animation_obj.action = "none";
				animation_obj.x = x;
				setTagStyleAttribute(animation_obj.target,"left",x + "px");
			}else{
				animation_obj.x = x;
				setTagStyleAttribute(animation_obj.target,"left",x + "px");
			}
		}else if( animation_obj.action == "expanding_y" ){
			var height = animation_obj.height - 0;
			var speed = (animation_obj.target_height - height) / animation_obj.ease;
			
			if( animation_obj.speed_limit != "" && speed > animation_obj.speed_limit ){
				speed = ( (1 - (speed - animation_obj.speed_limit) / speed) * animation_obj.speed_limit );
			}
			
			height += speed;
			
			if( Math.abs(animation_obj.target_height - height) < 0.005 ){
				animation_obj.action = "none";
				animation_obj.height = height;
				setTagStyleAttribute(animation_obj.target,"height",height + "px");
			}else{
				animation_obj.height = height;
				setTagStyleAttribute(animation_obj.target,"height",height + "px");
			}
			
		}
	}
}


var frame_interval = 33;	//進入Frame function的間隔
var timer = setTimeout(enter_frame,frame_interval);	//Enter Frame Timer 物件全部創建完成後再啟動，避免空物件造成錯誤

</script>


<script type="text/javascript">
	lang_A0808 = "更多公告";
	lang_A0684 = "關閉";
	lang_A0941 = "請稍後";
	lang_all = "全部";
</script>


<script type="text/javascript">
	

	function NotificationMsg(){
		$.ajax({
            type : 'get',
            url : 'ajax_page/get_todayMsgcount.cfm',
            dataType : 'json',
            success: function(json) {
                //console.log(json);
                if(json.result){
	                 if(json.msgcount <= 1 && json.today > 0){
	                 	var title = json.msgsubject;
	                 	var notifyConfig = {
							icon: "template/img/logo_mobile.png",
							data: {
							    url: 'http://matsucc.e2center.com.tw:80/webpac/shelf_messages.cfm'
							    },
							body:  "今日未讀"+ json.today + "則訊息" + "\n unread messages " + json.today 
						}
	                 	var notification = new Notification(
						  title , notifyConfig
						);
						notification.onclick = function(event) {
						  event.preventDefault(); // prevent the browser from focusing the Notification's tab
						  window.open(notifyConfig.data.url , '_blank');
						}
	                }else{
	                   
	                }
            	}
            },
            error : function(error) {

            }
        });
	}
	if (!('Notification' in window)) {
	  console.log('This browser does not support notification');
	}else{
		if (Notification.permission === 'default' || Notification.permission === 'undefined') {
		  Notification.requestPermission(function (permission) {
		    if (permission === "granted") {
			    NotificationMsg();
			  }
		  });
		}else{
			NotificationMsg();
		}
	}
</script>
</head>


<div style="display:none;">
 	<a id="call" >Hidden Clicker</a>
 	<a id="params" >Hidden Clicker</a>
</div>

<script>

//呼叫此function並傳入登入後須呼叫的function，及參數可在需要登入的動作前顯示fancybox登入視窗

function login_checker_kit_check(call,params){
	if( login_checker('same') ){
		try{
			call_function(call,params);
			rereferTime();
		}catch(exception){
		}
	}else{
		$('#call').html(call);
		$('#params').html(params);
		$("#login_check").trigger('click');

	}
}

</script>
<script>


function change_display_lang(self){
	var myurl = "set_language.cfm?lang=" + encodeURI(self);

	getResponseText(myurl);
	
	window.location.reload(true);
	}
</script>


<!-- <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-58227151-1', 'auto');
  ga('send', 'pageview');

</script> -->


<body>
<div id="wrap">


<script>
var t=1800;//设定跳转的时间  
if ($( ".logout-countdown" ).length === 0) {
	setInterval("refer()",1000); //启动1秒定时   
}

function rereferTime(){
	t=1800;
}

function refer(){ 

 	//加时函数        
		if (t > 0) {
			//如果不到5分钟           
			t--;
			//时间变量自增1           
			var min = parseInt(t / 60),
			sec = Number(parseInt(t % 60 / 10)).toString()+ (t % 10);
			
			//写入分钟数            
			//写入秒数（两位）           
			//setTimeout("add()", 1000); 
			//设置1000毫秒以后执行一次本函数
				if(t<1){  
					
	     				do_logout('home'); //设定跳转的链接地址  
	     			
	 			}  
				
					$(".logout-countdown").html(min + ":" + sec +"後自動登出");
				
     		
 			}      
		}  

</script>


<script>
$(function() {
    // Language
     var languageBox = $('#menu .language');
     var selected = $(this).find('a').not('.selected');
     var lastSelected = $(this).find('a.selected');
     var leftValue;
    
      leftValue = '0';
    
    languageBox.find('i').css('left',leftValue);
})
</script>

<header>


    <div class="content">
        <div class="logo toplogo"><a href="index.cfm"><img src="template/img/logo.png" /></a></div>
        
                <a class="login-btn " onclick="login_checker_kit_check('close_fancybox',''); return false;">
                    登入
                </a>  
            
    </div>
    <!-- class="content" End -->
    
    </header>
    <div id="menu">
        <div class="content">
            <div id="menu-toogle"><span><i class="fas fa-bars"></i></span><font>menu</font></div>
            
                
                <div id="refine-toogle"><a>後分類</a></div>
            
            <nav>
                <div>
                    
                        
                    <ul class="main-menu">
                        <li class="sub"><a href="javascript:void(0)">館藏查詢</a>
                            <ul>
                                <li><a href="search.cfm">單一查詢</a></li>
                                <li><a href="search.cfm?show=adv">進階查詢</a></li>
                                <li><a href="classification.cfm">分類瀏覽</a></li>
                            </ul>
                        </li>
                        
                        <li><a href="recommend.cfm" >網路書店推薦</a></li>
                         <li class="sub"><a href="javascript:void(0);" >公告與說明</a>
                            <ul>
                                <li><a  href="bulletin.cfm">公告</a></li>
                                <li><a id="help" href="help_1_1.cfm">說明</a></li>
                            </ul>
                        </li>
                        
                         <li class="sub"><a href="javascript:void(0)">新書/主題書單</a>
                            <ul>
                               <li><a href="newbook.cfm">新書通報</a></li>         <li><a href="theme.cfm">主題書單</a></li> 
                            </ul>
                        </li>
                        
                        
                         <li><a href="reserves.cfm" >指定參考書</a>
                        </li>

                          
                        <li><a id="shelf_bookmark"  onclick="login_checker_kit_check('redirect_to_my_shelf',''); return false;"  >我的書房</a></li>

                       
                    </ul>
                    
                    <ul class="fast-link">
                        
                            
                            <li>
                                <a target="_blank" href=" https://ebook.nlpi.edu.tw/register/" title="國資圖電子書服務平台 ">國資圖電子書服務平台 </a>
                            </li>
                         
                            
                            <li>
                                <a target="_blank" href=" https://ncl.ebook.hyread.com.tw/" title="國圖電子書 ">國圖電子書 </a>
                            </li>
                         
                            
                            <li>
                                <a target="_blank" href=" https://www.matsucc.gov.tw/文化處馬祖圖書館/" title="回連江縣圖書館 ">回連江縣圖書館 </a>
                            </li>
                        
						 
					                        <li class="language">
                            <div>
                                <span><i class="fas fa-globe"></i></span>
                                <select name="language" onchange="change_display_lang(this.value);">
                                    <option value="zh_tw"  selected="selected" >繁體中文</option>
                                    <option value="en_us" >English</option>
                                </select>
                            </div>
                        </li>
                    </ul>      
                </div>
            </nav>
        </div>
    </div>
    <!-- id="menu" End -->


<script>

var global_method = "reload";

function set_logout(call,lo){
    getMsgCount();
    $.ajax({
        type : 'get',
        url : 'ajax_page/get_user_name.cfm',
        dataType : 'html',
        success: function(html) {
            $(".toplogo").next().remove();
            $(".toplogo").after(trim(html));
            setTimeout(function(){
                setTagAttribute("login_window_kit_trigger","onclick",'do_logout("'+global_method+'");');
                var newDiv = document.createElement("div");
                $(newDiv).addClass("logout-countdown");
                $("header").append(newDiv);
            },500);
        },
        error : function(error) {
        }
    });

	if(call == "redirect_to_recommend_book" && lo == 0){
		if("0" == 1){
			alert("讀者沒有有效證卡，無法使用此功能，請洽圖書館員");
			window.location.href="search.cfm";
		}else{
			alert("讀者沒有有效證卡，無法使用此功能，請洽圖書館員");
			window.location.href="";
		}
	}else{
		// if(call != "ready_to_reserve" && call!="show_comment_iframe" && call!="ready_to_delivery" && call!="redirect_to_personal_agree" && call!="using_redirect_to_my_shelf" && call !="using_redirect_to_my_borrow"){
		// 	window.location.reload(true);//加入此句會導致彈窗被刷新后消失
		// }
	}
	
}

/*function do_logout(){
	var myurl = "./ajax_page/doLogout.cfm";
	getResponseText(myurl);
	window.location = "./search.cfm";
	return false;
}*/

function do_logout(method){
	
	if( !method || typeof(method) != "string" ){
		method = global_method;
	}
	
	var myurl = "./ajax_page/doLogout.cfm";
	getResponseText(myurl);
	
	if( !method || method == "home" ){
		window.location = "./search.cfm";
	}else if( method == "reload" ){
		window.location.reload(true);
	}
	
	return false;
}

function redirect_to_my_shelf(){
	close_fancybox();
	setTagAttribute("shelf_link","onclick",null);
	window.location = "shelf_user.cfm";
}

function redirect_to_my_profile_edit(){
    close_fancybox();
    setTagAttribute("shelf_profile_edit","onclick",null);
    window.location = "shelf_profile_edit.cfm";
}

function redirect_to_my_messages(){
    close_fancybox();
    setTagAttribute("shelf_messages","onclick",null);
    window.location = "shelf_messages.cfm";
}

function redirect_to_my_search_strategy(){
    close_fancybox();
    setTagAttribute("shelf_search_strategy","onclick",null);
    window.location = "shelf_search_strategy.cfm";
}
function redirect_to_area_reservation(){
    close_fancybox();
    setTagAttribute("area_reservation","onclick",null);
    window.location = "area_reservation_1.cfm";
}

function redirect_to_personal_agree(){
    close_fancybox();
    // setTagAttribute("shelf_messages","onclick",null);
    // window.location = "shelf_messages.cfm";
}

function redirect_to_my_borrow(){
    close_fancybox();
    setTagAttribute("shelf_borrow","onclick",null);
    window.location = "shelf_borrow.cfm";
}

function redirect_to_my_bookmark(argument) {
    close_fancybox();
    setTagAttribute("shelf_bookmark","onclick",null);
    window.location = "shelf_bookmark.cfm";
}
function redirect_to_recommend_book(argument) {
    close_fancybox();
    setTagAttribute("recommend_book","onclick",null);
    window.location = "recommend_book.cfm";
}

function redirect_to_elecontent(){
            close_fancybox();
    setTagAttribute("erm_browser","onclick",null);
            window.location.reload();
        }

</script>


<div id="path">
    <div class="content"><a href="search.cfm">首頁</a> &gt; <a href="search.cfm">館藏查詢</a>  &gt; <a href="search.cfm?mid=41535&m=ss&k0=%E9%9B%BB%E8%85%A6&t0=k&c0=and&s0=0&w=0&list_num=10&current_page=4&mt=&at=&sj=&py=&pr=&it=&lr=&lg=&si=1&view=d">查詢結果</a> &gt; 書目資料</div>
</div>
<div class="content book-detail">


    <div class="float-box">
        

<div id="refine-by" class="left">
    
    <div class="refine-close">後分類 <a>X</a></div>
    <h1 class="title">目前查詢</h1>
    <div class="box-border" id="current_search_div" >
      
    </div> 
     
	  
	  <h1 class="title">歷史查詢</h1>
	  <div class="box-border">
       <div class="menu_box_content multiple_content "  id="history_search_div">
         
        </div>

      </div>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/fontawesome-all.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/lobibox.js"></script>
<script type="text/javascript" src="js/jquery.scrollbar.js"></script>

<script type="text/javascript">
$(function() {
    // $('.book-list .book-box .info-box').scrollbar();
	get_history_search_div();
})
</script>
 

<script>

var loader_path = "./ajax_loader/wheel_loader.gif";
var ajax_loader_search_history = '<div class="box-border-bg t-c font-xl"><img src="./ajax_loader/wheel_loader.gif"></div>';
var current_search_list_url = "./ajax_page/get_current_search_list.cfm";
var history_search_list_url = "./ajax_page/get_history_search_list.cfm";
var remove_history_search_keeper_url = "./ajax_page/remove_search_history_keeper_item.cfm";

var current_search_div = "current_search_div";
var history_search_div = "history_search_div";

var history_animate_duration = 300;

get_current_search_div();
//get_history_search_div();

function get_current_search_div(){
	$("#current_search_div").html(ajax_loader_search_history);
	implementXMLHttpRequest(current_search_list_url,refresh_current_search_div);
}

function refresh_current_search_div(content){
	$("#current_search_div").animate({
									 	opacity:0
									 },history_animate_duration,"easeInCubic",function (){ $("#current_search_div").html(content); });
	$("#current_search_div").animate({
									 	opacity:1
									 },history_animate_duration,"easeInCubic");
}

function get_history_search_div(){
	$("#history_search_div").html(ajax_loader_search_history);
	implementXMLHttpRequest(history_search_list_url,refresh_history_search_div);
}

function refresh_history_search_div(content){
	$("#history_search_div").animate({
									 	opacity:0
									 },history_animate_duration,"easeInCubic",function (){ $("#history_search_div").html(content); });
	$("#history_search_div").animate({
									 	opacity:1
									 },history_animate_duration,"easeInCubic");
}

function remove_current_keeper_item(key,self){
	var refresh_status = trim(getResponseText(remove_history_search_keeper_url + "?item=" + key + "&type=current"));
	//document.write(refresh_status);
	$(self).css("display","none");
	if( refresh_status == "true" ){
		$(self).css("display","block");
		$(self).removeAttr("onclick");//不重取當前，直接取消click事件
		// get_current_search_div();
		// get_history_search_div();
	}else{
		$("#" + key).animate({
								opacity:0
							 },150,"easeInCubic");
		$("#" + key).delay(150).animate({
								height:0
							 },150,"easeInCubic", function (){ $("#" + key).css("display","none"); });
	}
	var current_keywords_len = $("#current_search_div ul li a.keywords:visible").length;
	if(current_keywords_len == 1){
		$("#current_search_div ul li a.keywords:visible").hide();
	}
}

function remove_history_keeper_item(key,self){
	var refresh_status = trim(getResponseText(remove_history_search_keeper_url + "?item=" + key + "&type=history"));
	//document.write(refresh_status);
	$(self).css("display","none");
	if( refresh_status == "true" ){
		get_current_search_div();
		get_history_search_div();
	}else{
		$("#" + key).animate({
								opacity:0
							 },150,"easeInCubic");
		$("#" + key).delay(150).animate({
								height:0
							 },150,"easeInCubic", function (){ $("#" + key).css("display","none"); });
	}
}

function do_history_search(index){	
	window.location = search_url + "?hs=true&i=" + index;
}
function showMoreHistroy(th){
	$("#history_search_div .dot").show();
	$(th).parent().hide();
}
function searchHis(maxLen){
	var checked ="";
	$("input[name=historyNum]:checked").each(function(){
		checked  =  $(this).val() +"*" + checked ;
	})

	var checkedLen = checked.substring(0,checked.length-1).split("*").length;
	if(checkedLen > maxLen){
		var alertText = "最多只能勾選NUM筆";
		alert(alertText.replace("NUM",maxLen));
		return;
	}else if(checked == "" ){
		alert("您尚未勾選查詢");
		return;
	}else{
		//alert(search_url);
		window.location = search_url + "?hs=true&i=" + encodeURI(checked.substring(0,checked.length-1));	
	}
}
var dosavehistory_search_clicker = "savehistory_search_clicker";
var dosavehistory_search_url = "dosavehistory_search.cfm";


</script>
    <h1 class="title">精確檢索</h1>
    
        <div class="box-border" id="book_categories_div">
            
        </div>
    
</div><!-- class="left" End -->


<script>
var m = "ss";
var q = "%E9%9B%BB%E8%85%A6%20";
var start = "30";
var rows = "10";
var fqs = "";
var sorts = "relevance%3Adesc";
var output = "0";
var url = "./ajax_page/get_search_category.cfm";
//其它URL參數
var url_params_url = "mid%3D41535%26m%3Dss%26k0%3D%25E9%259B%25BB%25E8%2585%25A6%26t0%3Dk%26c0%3Dand%26s0%3D0%26w%3D0";
var url_params_record_type = "mt%3D";
var url_params_author = "at%3D";
var url_params_subject = "sj%3D";
var url_params_publish_year = "py%3D";
var url_params_publisher = "pr%3D";
var url_params_location_root = "lr%3D";
var url_params_item_status = "it%3D";
var url_params_lang = "lg%3D";
var url_params_sort_by = "1";//點后分類也記住選擇的排序條件
var url_params_view = "d";//點後分類也記住顯示方式
var ajax_loader_search_categories = '<div class="box-border-bg t-c font-xl"><img alt="wheel_loader" src="./ajax_loader/wheel_loader.gif"></div>';

function get_categories(){
    
    $("#book_categories_div").html(ajax_loader_search_categories);
    
    $.ajax(
           {
               "url"        : url,
               "type"       : "post",
               "data"       : {
                    "m"         : m,
                    "q"         : q,
                    "start"     : start,
                    "rows"      : rows,
                    "fqs"       : fqs,
                    "sorts"     : sorts,
                    "output"    : output,
                    "url_params_url"            : url_params_url,
                    "url_params_record_type"    : url_params_record_type,
                    "url_params_author"         : url_params_author,
                    "url_params_subject"        : url_params_subject,
                    "url_params_publish_year"   : url_params_publish_year,
                    "url_params_publisher"      : url_params_publisher,
                    "url_params_location_root"  : url_params_location_root,
                    "url_params_item_status"    : url_params_item_status,
                    "url_params_lang"           : url_params_lang,
                    "url_params_sort_by"        : url_params_sort_by,
                    "url_params_view"           :url_params_view
                },
               "success"    : function (data, textStatus, jqXHR){ show_categories(data, textStatus, jqXHR); },
               "error"      : function (jqXHR, textStatus, errorThrown){ no_categories(jqXHR, textStatus, errorThrown);}
           }
           )
}

function show_categories(data, textStatus, jqXHR){
    
    $("#book_categories_div").clearQueue();
    $("#book_categories_div").queue(function (){
        $("#book_categories_div").animate({
                                        opacity:0
                                     },300,"easeInCubic",function (){ $("#book_categories_div").html(data); show_categories2(); });
    });
    $("#book_categories_div").dequeue();
    
}

function show_categories2(){
    $("#book_categories_div").clearQueue();
    $("#book_categories_div").queue(function (){
        $("#book_categories_div").animate({
                                        opacity:1
                                     },300,"easeInCubic");
    });
    $("#book_categories_div").dequeue();
    
    // menu_kit_init_function();
    // expand_all_category_menu();
}

    function no_categories(jqXHR, textStatus, errorThrown){
        $("#debug").html(jqXHR.responseText);
    }

get_categories();

</script>


        <div class="right float-disabled">
            
            
  <div id="searchSlide">
    <div id="search">
      
      
      <div class="simple" id="singalSearch" >
      
            <input name="ss_keyword" type="text" id="ss_keyword"  value="電腦"   onkeydown="return key_down_single_search(event);" />
            <a class="btn-clear" name="clearBtn"><span><i class="fas fa-times"></i></span><font> 清除</font></a>
            <div class="search-btn">
                <span onclick="$(this).parent().find('input').trigger('click');"><i class="fas fa-search"></i></span>
                <input type="button" value="搜 尋"  onclick="do_single_search(); return false;"/>
            </div>
            
            
              <a class="search-type"><i class="fas fa-plus"></i></span>進階查詢</a>
            
            <div class="search-range">
                
            </div>
            
        </div>
        <!-- class="simple" End -->
      
      <div id="advancedSearch" class="advanced">
      	<div class="condition">
		
        
          <div>
              <select name="as_type_1" id="as_type_1">
                
                      
                    <option value="mt">正題名</option>
                      
                
                    <option value="t">書刊名</option>
                      
                
                    <option value="a">作者</option>
                      
                
                    <option value="p">出版者</option>
                      
                
                    <option value="pl">出版地</option>
                      
                
                    <option value="i">ISBN/ISSN</option>
                      
                
                    <option value="s">主題</option>
                      
                
                    <option value="cn">分類號</option>
                      
                
                    <option value="in">條碼號</option>
                      
                
                    <option value="ser">架號</option>
                      
                
                    <option value="it">叢書名</option>
                      
                
                    <option value="edi">版本項</option>
                      
                
                    <option value="cna">索書號</option>
                      
                
              </select>
              <input onkeydown="return key_down_advanced_search(event);" name="as_keyword_1" type="text" id="as_keyword_1" />
              
              <select class="as_condition" name="as_condition_1" id="as_condition_1" >
                  
                      <option value="and">與</option>
                  
                      <option value="or">或</option>
                  
                      <option value="and not">非</option>
                  
                </select>
                
                <label class="checkbox-tick-box">
                    <input type="checkbox" id="as_startwith_1" name="as_startwith_1" />
                    <div class="check"></div>起始以
                </label>
                
            </div>
            
          
          <div>
              <select name="as_type_2" id="as_type_2">
                
                      
                    <option value="mt">正題名</option>
                      
                
                    <option value="t">書刊名</option>
                      
                
                    <option value="a">作者</option>
                      
                
                    <option value="p">出版者</option>
                      
                
                    <option value="pl">出版地</option>
                      
                
                    <option value="i">ISBN/ISSN</option>
                      
                
                    <option value="s">主題</option>
                      
                
                    <option value="cn">分類號</option>
                      
                
                    <option value="in">條碼號</option>
                      
                
                    <option value="ser">架號</option>
                      
                
                    <option value="it">叢書名</option>
                      
                
                    <option value="edi">版本項</option>
                      
                
                    <option value="cna">索書號</option>
                      
                
              </select>
              <input onkeydown="return key_down_advanced_search(event);" name="as_keyword_2" type="text" id="as_keyword_2" />
              
                <label class="checkbox-tick-box">
                    <input type="checkbox" id="as_startwith_2" name="as_startwith_2" />
                    <div class="check"></div>起始以
                </label>
                
            </div>
            
          
        <a class="add-condition" title="增加條件"></a>
        <a class="reduce-condition" title="減少條件"></a>
        </div><!-- class="condition" End -->
        
        <div class="search-range">
            <span> 限制條件：</span>
             <label class="checkbox-tick-box">
                    <input type="checkbox" name="is_narrow_search2" id="is_narrow_search2" />
                    <div class="check"></div>在搜尋結果中查詢
                </label>
        </div>      
        <a class="btn-clear" name="clearBtn"><span><i class="fas fa-times"></i></span><font>清除</font></a>
        <div class="search-btn">
            <span onclick="$(this).parent().find('input').trigger('click');"><i class="fas fa-search"></i></span>
            <input type="button" value="搜 尋"  name="searchBtn" onclick="do_advanced_search(); return false;" />
        </div>
        <a class="search-type"><span><i class="fas fa-plus"></i></span> 單一查詢</a>
          
        <div id="adv_limit_box">
            

<div class="year-catalog">
    <div class="year">
        <p>出版年</p>
         <input type="text" id="year1" name="startyear"  value=""  onkeyup="set_target_value_to_numeric(this,event,'');" onkeydown="return key_down_advanced_search(event);"/>
        <span>至</span>
        <input type="text" id="year2" name="endyear"  value=""  onkeyup="set_target_value_to_numeric(this,event,'');" onkeydown="return key_down_advanced_search(event);" />
    </div> 
    
    <div class="catalog">
        <p>分類法</p>
        
        
        <select class="catalog" name="classification_type_id" id="type_id">
          <option value="" >全部</option>
          
            <option value="CCL" >中國圖書分類法</option>
          
            <option value="LCC" >美國國會圖書分類法</option>
          
            <option value="DDC" >杜威分類法</option>
          
            <option value="NLM" >美國國家醫學圖書館分類法</option>
          
            <option value="CDC" >何日章中國圖書十進分類法</option>
          
        </select>
    </div>
</div><!-- class="year-catalog" End -->
<div class="cloum-2">


    <div class="cloum">
        <p>資料類型</p>
          
          
            <select name="datatype" size="4" multiple="multiple" id="datatype">
            
                    <option value="一般書" >一般書</option>
            
                    <option value="錄音帶" >錄音帶</option>
            
                    <option value="唱盤" >唱盤</option>
            
                    <option value="雷射唱片" >雷射唱片</option>
            
                    <option value="藝術資料" >藝術資料</option>
            
                    <option value="視聽座位" >視聽座位</option>
            
                    <option value="各文化中心(局)出版品" >各文化中心(局)出版品</option>
            
                    <option value="巡迴書" >巡迴書</option>
            
                    <option value="博物館資料" >博物館資料</option>
            
                    <option value="光碟片" >光碟片</option>
            
                    <option value="西文書" >西文書</option>
            
                    <option value="外文專櫃" >外文專櫃</option>
            
                    <option value="族譜專櫃" >族譜專櫃</option>
            
                    <option value="政府出版品" >政府出版品</option>
            
                    <option value="縣籍人士作品" >縣籍人士作品</option>
            
                    <option value="縣籍作家資料" >縣籍作家資料</option>
            
                    <option value="兒童書" >兒童書</option>
            
                    <option value="兒童幼兒" >兒童幼兒</option>
            
                    <option value="日文書" >日文書</option>
            
                    <option value="地方性資料" >地方性資料</option>
            
                    <option value="地圖資料" >地圖資料</option>
            
                    <option value="地方特藏" >地方特藏</option>
            
                    <option value="大陸書" >大陸書</option>
            
                    <option value="原住民資料" >原住民資料</option>
            
                    <option value="公務書" >公務書</option>
            
                    <option value="期刊" >期刊</option>
            
                    <option value="圖書附件" >圖書附件</option>
            
                    <option value="參考書" >參考書</option>
            
                    <option value="貴重資料" >貴重資料</option>
            
                    <option value="觀光資料" >觀光資料</option>
            
                    <option value="學位論文" >學位論文</option>
            
                    <option value="影碟片" >影碟片</option>
            
                    <option value="錄影帶" >錄影帶</option>
            
                    <option value="影音光碟(VCD,DVD)" >影音光碟(VCD,DVD)</option>
            
                    <option value="手抄本" >手抄本</option>
            
                    <option value="APAC59" >APAC59</option>
            
                    <option value="RT" >RT</option>
            
                    <option value="CD" >CD</option>
            
            </select>
            
          
        <!-- class="options" End -->
    </div>
    <div class="cloum">
        
          
        <p>語言</p>
        <select name="lang" size="4" multiple="multiple" id="lang">
        
                <option   value="chi">中文</option>
        
                <option   value="eng">英文</option>
        
                <option   value="jpn">日文</option>
        
                <option   value="kor">韓文</option>
        
                <option   value="fre">法文</option>
        
                <option   value="ger">德文</option>
        
                <option   value="ita">義文</option>
        
                <option   value="rus">俄文</option>
        
                <option   value="rum">羅馬尼亞</option>
        
                <option   value="mul">多種語文</option>
        
                <option   value="akk">Akkadian</option>
        
                <option   value="alb">Albanian</option>
        
                <option   value="ale">Aleut</option>
        
                <option   value="alg">Algonquian languages</option>
        
                <option   value="tut">Altaic (Other)</option>
        
                <option   value="apa">Apache languages</option>
        
                <option   value="ara">Arabic</option>
        
                <option   value="arc">Aramaic</option>
        
                <option   value="arp">Arapaho</option>
        
                <option   value="arn">Araucanian</option>
        
                <option   value="arw">Arawak</option>
        
                <option   value="art">Artificial (Other)</option>
        
                <option   value="asm">Assamese</option>
        
                <option   value="ath">Athapascan languages</option>
        
                <option   value="map">Austronesian (Other)</option>
        
                <option   value="ava">Avaric</option>
        
                <option   value="ave">Avestan</option>
        
                <option   value="awa">Awadhi</option>
        
                <option   value="aym">Aymara</option>
        
                <option   value="aze">Azerbaijani</option>
        
                <option   value="nah">Aztec</option>
        
                <option   value="ban">Balinese</option>
        
                <option   value="bat">Baltic (Other)</option>
        
                <option   value="bal">Baluchi</option>
        
                <option   value="bam">Bambara</option>
        
                <option   value="bai">Bamileke languages</option>
        
                <option   value="bad">Banda</option>
        
                <option   value="bnt">Bantu (Other)</option>
        
                <option   value="bas">Basa</option>
        
                <option   value="bak">Bashkir</option>
        
                <option   value="baq">Basque</option>
        
                <option   value="bej">Beja</option>
        
                <option   value="bem">Bemba</option>
        
                <option   value="ben">Bengali</option>
        
                <option   value="ber">Berber (Other)</option>
        
                <option   value="bho">Bhojpuri</option>
        
                <option   value="bih">Bihari</option>
        
                <option   value="bik">Bikol</option>
        
                <option   value="bin">Bini</option>
        
                <option   value="bis">Bislama</option>
        
                <option   value="bra">Braj</option>
        
                <option   value="bre">Breton</option>
        
                <option   value="bug">Buginese</option>
        
                <option   value="bul">Bulgarian</option>
        
                <option   value="bua">Buriat</option>
        
                <option   value="bur">Burmese</option>
        
                <option   value="bel">Byelorussian</option>
        
                <option   value="cad">Caddo</option>
        
                <option   value="car">Carib</option>
        
                <option   value="cat">Catalan</option>
        
                <option   value="cau">Caucasian (Other)</option>
        
                <option   value="ceb">Cebuano</option>
        
                <option   value="cel">Celtic (Other)</option>
        
                <option   value="cai">Central American Indian (Other)</option>
        
                <option   value="wel">Welsh</option>
        
                <option   value="wol">Wolof</option>
        
                <option   value="xho">Xhosa</option>
        
                <option   value="sah">Yakut</option>
        
                <option   value="yao">Yao</option>
        
                <option   value="yap">Yap</option>
        
                <option   value="yid">Yiddish</option>
        
                <option   value="yor">Yoruba</option>
        
                <option   value="zap">Zapotec</option>
        
                <option   value="zen">Zenaga</option>
        
                <option   value="zha">Zhuang</option>
        
                <option   value="zul">Zulu</option>
        
                <option   value="zun">Zuni</option>
        
                <option   value="gay">Gayo</option>
        
                <option   value="tiv">Tivi</option>
        
                <option   value="tli">Tlingit</option>
        
                <option   value="tog">Tonga (Nyasa)</option>
        
                <option   value="ton">Tonga (Tonga Islands)</option>
        
                <option   value="tru">Truk</option>
        
                <option   value="tsi">Tsimshian</option>
        
                <option   value="tso">Tsonga</option>
        
                <option   value="tsn">Tswana</option>
        
                <option   value="tum">Tumbuka</option>
        
                <option   value="tur">Turkish</option>
        
                <option   value="ota">Turkish, Ottoman (1500 - 1928)</option>
        
                <option   value="tuk">Turkmen</option>
        
                <option   value="tyv">Tuvinian</option>
        
                <option   value="twi">Twi</option>
        
                <option   value="uga">Ugaritic</option>
        
                <option   value="uig">Uighur</option>
        
                <option   value="ukr">Ukrainian</option>
        
                <option   value="umb">Umbundu</option>
        
                <option   value="und">Undetermined</option>
        
                <option   value="urd">Urdu</option>
        
                <option   value="uzb">Uzbek</option>
        
                <option   value="vai">Vai</option>
        
                <option   value="ven">Venda</option>
        
                <option   value="vie">Vietnamese</option>
        
                <option   value="vol">Volapuk</option>
        
                <option   value="vot">Votic</option>
        
                <option   value="wak">Wakashan languages</option>
        
                <option   value="wal">Walamo</option>
        
                <option   value="war">Waray</option>
        
                <option   value="was">Washo</option>
        
                <option   value="chg">Chagatai</option>
        
                <option   value="cha">Chamorro</option>
        
                <option   value="che">Chechen</option>
        
                <option   value="chr">Cherokee</option>
        
                <option   value="chy">Cheyenne</option>
        
                <option   value="chb">Chibcha</option>
        
                <option   value="chn">Chinook jargon</option>
        
                <option   value="cho">Choctaw</option>
        
                <option   value="chu">Church Slavic</option>
        
                <option   value="chv">Chuvash</option>
        
                <option   value="cop">Coptic</option>
        
                <option   value="cor">Cornish</option>
        
                <option   value="cos">Corsican</option>
        
                <option   value="cre">Cree</option>
        
                <option   value="mus">Creek</option>
        
                <option   value="crp">Creoles and Pidgins (Other)</option>
        
                <option   value="cpe">Creoles and Pidgins, English-based (Other)</option>
        
                <option   value="cpf">Creoles and Pidgins, French-based (Other)</option>
        
                <option   value="cpp">Creoles and Pidgins, Portuguese-based (Other)</option>
        
                <option   value="cus">Cushitic (Other)</option>
        
                <option   value="ces">Czech</option>
        
                <option   value="dak">Dakota</option>
        
                <option   value="dan">Danish</option>
        
                <option   value="del">Delaware</option>
        
                <option   value="din">Dinka</option>
        
                <option   value="div">Divehi</option>
        
                <option   value="doi">Dogri</option>
        
                <option   value="dra">Dravidian (Other)</option>
        
                <option   value="dua">Duala</option>
        
                <option   value="dut">Dutch</option>
        
                <option   value="dum">Dutch, Middle (ca. 1050-1350)</option>
        
                <option   value="dyu">Dyula</option>
        
                <option   value="dzo">Dzongkha</option>
        
                <option   value="efi">Efik</option>
        
                <option   value="egy">Egyptian (Ancient)</option>
        
                <option   value="eka">Ekajuk</option>
        
                <option   value="elx">Elamite</option>
        
                <option   value="enm">English, Middle (ca. 1100-1500)</option>
        
                <option   value="ang">English, Old (ca. 450-1100)</option>
        
                <option   value="esk">Eskimo (Other)</option>
        
                <option   value="epo">Esperanto</option>
        
                <option   value="est">Estonian</option>
        
                <option   value="ewe">Ewe</option>
        
                <option   value="ewo">Ewondo</option>
        
                <option   value="fan">Fang</option>
        
                <option   value="fat">Fanti</option>
        
                <option   value="fao">Faroese</option>
        
                <option   value="fij">Fijian</option>
        
                <option   value="fin">Finnish</option>
        
                <option   value="fiu">Finno-Ugrian (Other)</option>
        
                <option   value="fon">Fon</option>
        
                <option   value="frm">French, Middle (ca. 1400-1600)</option>
        
                <option   value="fro">French, Old (842- ca. 1400)</option>
        
                <option   value="fry">Frisian</option>
        
                <option   value="ful">Fulah</option>
        
                <option   value="gaa">Ga</option>
        
                <option   value="gae">Gaelic (Scots)</option>
        
                <option   value="glg">Gallegan</option>
        
                <option   value="lug">Ganda</option>
        
                <option   value="gez">Geez</option>
        
                <option   value="geo">Georgian</option>
        
                <option   value="gmh">German, Middle High (ca. 1050-1500)</option>
        
                <option   value="goh">German, Old High (ca. 750-1050)</option>
        
                <option   value="gem">Germanic (Other)</option>
        
                <option   value="gil">Gilbertese</option>
        
                <option   value="gon">Gondi</option>
        
                <option   value="got">Gothic</option>
        
                <option   value="grb">Grebo</option>
        
                <option   value="grc">Greek, Ancient (to 1453)</option>
        
                <option   value="ell">Greek, Modern (1453-)</option>
        
                <option   value="kal">Greenlandic</option>
        
                <option   value="grn">Guarani</option>
        
                <option   value="guj">Gujarati</option>
        
                <option   value="hai">Haida</option>
        
                <option   value="hau">Hausa</option>
        
                <option   value="haw">Hawaiian</option>
        
                <option   value="heb">Hebrew</option>
        
                <option   value="her">Herero</option>
        
                <option   value="hil">Hiligaynon</option>
        
                <option   value="him">Himachali</option>
        
                <option   value="hin">Hindi</option>
        
                <option   value="hmo">Hiri Motu</option>
        
                <option   value="hun">Hungarian</option>
        
                <option   value="hup">Hupa</option>
        
                <option   value="iba">Iban</option>
        
                <option   value="ice">Icelandic</option>
        
                <option   value="ibo">Igbo</option>
        
                <option   value="ijo">Ijo</option>
        
                <option   value="ilo">Iloko</option>
        
                <option   value="inc">Indic (Other)</option>
        
                <option   value="ine">Indo-European (Other)</option>
        
                <option   value="ind">Indonesian</option>
        
                <option   value="ina">Interlingua (International Auxiliary language Association)</option>
        
                <option   value="ine">Interlingue</option>
        
                <option   value="iku">Inuktitut</option>
        
                <option   value="ipk">Inupiak</option>
        
                <option   value="ira">Iranian (Other)</option>
        
                <option   value="gai">Irish</option>
        
                <option   value="sga">Irish, Old (to 900)</option>
        
                <option   value="mga">Irish, Middle (900 - 1200)</option>
        
                <option   value="iro">Iroquoian languages</option>
        
                <option   value="jav">Javanese</option>
        
                <option   value="jrb">Judeo-Arabic</option>
        
                <option   value="jpr">Judeo-Persian</option>
        
                <option   value="kab">Kabyle</option>
        
                <option   value="kac">Kachin</option>
        
                <option   value="kam">Kamba</option>
        
                <option   value="kan">Kannada</option>
        
                <option   value="kau">Kanuri</option>
        
                <option   value="kaa">Kara-Kalpak</option>
        
                <option   value="kar">Karen</option>
        
                <option   value="kas">Kashmiri</option>
        
                <option   value="kaw">Kawi</option>
        
                <option   value="kaz">Kazakh</option>
        
                <option   value="kha">Khasi</option>
        
                <option   value="khm">Khmer</option>
        
                <option   value="khi">Khoisan (Other)</option>
        
                <option   value="kho">Khotanese</option>
        
                <option   value="kik">Kikuyu</option>
        
                <option   value="kin">Kinyarwanda</option>
        
                <option   value="kir">Kirghiz</option>
        
                <option   value="kom">Komi</option>
        
                <option   value="kon">Kongo</option>
        
                <option   value="kok">Konkani</option>
        
                <option   value="kpe">Kpelle</option>
        
                <option   value="kro">Kru</option>
        
                <option   value="kua">Kuanyama</option>
        
                <option   value="kum">Kumyk</option>
        
                <option   value="kur">Kurdish</option>
        
                <option   value="kru">Kurukh</option>
        
                <option   value="kus">Kusaie</option>
        
                <option   value="kut">Kutenai</option>
        
                <option   value="lad">Ladino</option>
        
                <option   value="lah">Lahnda</option>
        
                <option   value="lam">Lamba</option>
        
                <option   value="oci">Langue d'Oc (post 1500)</option>
        
                <option   value="lao">Lao</option>
        
                <option   value="lat">Latin</option>
        
                <option   value="lav">Latvian</option>
        
                <option   value="ltz">Letzeburgesch</option>
        
                <option   value="lez">Lezghian</option>
        
                <option   value="lin">Lingala</option>
        
                <option   value="lit">Lithuanian</option>
        
                <option   value="loz">Lozi</option>
        
                <option   value="lub">Luba-Katanga</option>
        
                <option   value="lui">Luiseno</option>
        
                <option   value="lun">Lunda</option>
        
                <option   value="luo">Luo (Kenya and Tanzania)</option>
        
                <option   value="mac">Macedonian</option>
        
                <option   value="mad">Madurese</option>
        
                <option   value="mag">Magahi</option>
        
                <option   value="mai">Maithili</option>
        
                <option   value="mak">Makasar</option>
        
                <option   value="mlg">Malagasy</option>
        
                <option   value="may">Malay</option>
        
                <option   value="mal">Malayalam</option>
        
                <option   value="mlt">Maltese</option>
        
                <option   value="man">Mandingo</option>
        
                <option   value="mni">Manipuri</option>
        
                <option   value="mno">Manobo languages</option>
        
                <option   value="max">Manx</option>
        
                <option   value="mao">Maori</option>
        
                <option   value="mar">Marathi</option>
        
                <option   value="chm">Mari</option>
        
                <option   value="mah">Marshall</option>
        
                <option   value="mwr">Marwari</option>
        
                <option   value="mas">Masai</option>
        
                <option   value="myn">Mayan languages</option>
        
                <option   value="men">Mende</option>
        
                <option   value="mic">Micmac</option>
        
                <option   value="min">Minangkabau</option>
        
                <option   value="mis">Miscellaneous (Other)</option>
        
                <option   value="moh">Mohawk</option>
        
                <option   value="mol">Moldavian</option>
        
                <option   value="mkh">Mon-Kmer (Other)</option>
        
                <option   value="lol">Mongo</option>
        
                <option   value="mon">Mongolian</option>
        
                <option   value="mos">Mossi</option>
        
                <option   value="mun">Munda languages</option>
        
                <option   value="nau">Nauru</option>
        
                <option   value="nav">Navajo</option>
        
                <option   value="nde">Ndebele, North</option>
        
                <option   value="nbl">Ndebele, South</option>
        
                <option   value="ndo">Ndongo</option>
        
                <option   value="nep">Nepali</option>
        
                <option   value="new">Newari</option>
        
                <option   value="nic">Niger-Kordofanian (Other)</option>
        
                <option   value="ssa">Nilo-Saharan (Other)</option>
        
                <option   value="niu">Niuean</option>
        
                <option   value="non">Norse, Old</option>
        
                <option   value="nai">North American Indian (Other)</option>
        
                <option   value="nor">Norwegian</option>
        
                <option   value="nno">Norwegian (Nynorsk)</option>
        
                <option   value="nub">Nubian languages</option>
        
                <option   value="nym">Nyamwezi</option>
        
                <option   value="nya">Nyanja</option>
        
                <option   value="nyn">Nyankole</option>
        
                <option   value="nyo">Nyoro</option>
        
                <option   value="nzi">Nzima</option>
        
                <option   value="oji">Ojibwa</option>
        
                <option   value="ori">Oriya</option>
        
                <option   value="orm">Oromo</option>
        
                <option   value="osa">Osage</option>
        
                <option   value="oss">Ossetic</option>
        
                <option   value="ott">Otomian languages</option>
        
                <option   value="pal">Pahlavi</option>
        
                <option   value="pau">Palauan</option>
        
                <option   value="pli">Pali</option>
        
                <option   value="pam">Pampanga</option>
        
                <option   value="pag">Pangasinan</option>
        
                <option   value="pan">Panjabi</option>
        
                <option   value="pap">Papiamento</option>
        
                <option   value="paa">Papuan-Australian (Other)</option>
        
                <option   value="fas">Persian</option>
        
                <option   value="peo">Persian, Old (ca 600 - 400 B.C.)</option>
        
                <option   value="phn">Phoenician</option>
        
                <option   value="pol">Polish</option>
        
                <option   value="pon">Ponape</option>
        
                <option   value="por">Portuguese</option>
        
                <option   value="pra">Prakrit languages</option>
        
                <option   value="pro">Provencal, Old (to 1500)</option>
        
                <option   value="pus">Pushto</option>
        
                <option   value="que">Quechua</option>
        
                <option   value="roh">Rhaeto-Romance</option>
        
                <option   value="raj">Rajasthani</option>
        
                <option   value="rar">Rarotongan</option>
        
                <option   value="roa">Romance (Other)</option>
        
                <option   value="rom">Romany</option>
        
                <option   value="run">Rundi</option>
        
                <option   value="sal">Salishan languages</option>
        
                <option   value="sam">Samaritan Aramaic</option>
        
                <option   value="smi">Sami languages</option>
        
                <option   value="smo">Samoan</option>
        
                <option   value="sad">Sandawe</option>
        
                <option   value="sag">Sango</option>
        
                <option   value="san">Sanskrit</option>
        
                <option   value="srd">Sardinian</option>
        
                <option   value="sco">Scots</option>
        
                <option   value="sem">Semitic (Other)</option>
        
                <option   value="scr">Serbo-Croatian</option>
        
                <option   value="srr">Serer</option>
        
                <option   value="shn">Shan</option>
        
                <option   value="sna">Shona</option>
        
                <option   value="sid">Sidamo</option>
        
                <option   value="bla">Siksika</option>
        
                <option   value="snd">Sindhi</option>
        
                <option   value="sin">Singhalese</option>
        
                <option   value="sit">Sino-Tibetan (Other)</option>
        
                <option   value="sio">Siouan languages</option>
        
                <option   value="sla">Slavic (Other)</option>
        
                <option   value="ssw">Siswant</option>
        
                <option   value="slk">Slovak</option>
        
                <option   value="slv">Slovenian</option>
        
                <option   value="sog">Sogdian</option>
        
                <option   value="som">Somali</option>
        
                <option   value="son">Songhai</option>
        
                <option   value="wen">Sorbian languages</option>
        
                <option   value="nsa">Sotho, Northern</option>
        
                <option   value="sot">Sotho, Southern</option>
        
                <option   value="sai">South American Indian (Other)</option>
        
                <option   value="spa">Spanish</option>
        
                <option   value="suk">Sukuma</option>
        
                <option   value="sux">Sumerian</option>
        
                <option   value="sun">Sudanese</option>
        
                <option   value="sus">Susu</option>
        
                <option   value="swa">Swahili</option>
        
                <option   value="ssw">Swazi</option>
        
                <option   value="swe">Swedish</option>
        
                <option   value="syr">Syriac</option>
        
                <option   value="tgl">Tagalog</option>
        
                <option   value="tah">Tahitian</option>
        
                <option   value="tgk">Tajik</option>
        
                <option   value="tmh">Tamashek</option>
        
                <option   value="tam">Tamil</option>
        
                <option   value="tat">Tatar</option>
        
                <option   value="tel">Telugu</option>
        
                <option   value="ter">Tereno</option>
        
                <option   value="tha">Thai</option>
        
                <option   value="tib">Tibetan</option>
        
                <option   value="tig">Tigre</option>
        
                <option   value="tir">Tigrinya</option>
        
                <option   value="tem">Timne</option>
        
                <option   value="amh">Amharic</option>
        
                <option   value="arm">Armenian</option>
        
                <option   value="sel">Selkup</option>
        
                <option   value="abk">Abkhazian</option>
        
                <option   value="ace">Achinese</option>
        
                <option   value="ach">Acoli</option>
        
                <option   value="ada">Adangme</option>
        
                <option   value="aar">Afar</option>
        
                <option   value="afh">Afrihili</option>
        
                <option   value="afr">Afrikaans</option>
        
                <option   value="afa">Afro-Asiatic (Other)</option>
        
                <option   value="aka">Akan</option>
        
        </select>
        
            
        <!-- class="options" End -->
    </div>
    
    <div class="cloum">
      <p>館藏地</p>
      
        
    <select name="locate" size="4" multiple="multiple" id="locate">
    
            <option   value="連江縣圖書館" >連江縣圖書館</option>
    
            <option   value="連江縣政府文化處馬祖圖書館" >連江縣政府文化處馬祖圖書館</option>
    
            <option   value="連江縣政府文化處中正圖書館" >連江縣政府文化處中正圖書館</option>
    
            <option   value="北竿鄉圖書館" >北竿鄉圖書館</option>
    
            <option   value="莒光鄉圖書館" >莒光鄉圖書館</option>
    
            <option   value="莒光鄉圖書館-東莒分館" >莒光鄉圖書館-東莒分館</option>
    
            <option   value="東引鄉圖書館" >東引鄉圖書館</option>
    
            <option   value="馬祖圖書館" >馬祖圖書館</option>
    
            <option   value="馬祖圖書館期刊區" >馬祖圖書館期刊區</option>
    
            <option   value="文獻委員會" >文獻委員會</option>
    
            <option   value="中正圖書館" >中正圖書館</option>
    
            <option   value="北竿圖書館" >北竿圖書館</option>
    
            <option   value="莒光圖書館" >莒光圖書館</option>
    
            <option   value="東莒圖書館" >東莒圖書館</option>
    
            <option   value="東引圖書館" >東引圖書館</option>
    
    </select>
        
            
        <!-- class="options" End -->
    
  </div>       
</div><!-- class="cloum-2" End -->
             

<script>
$(function(){
	
});


</script>
        </div><!-- id="adv_limit_box" -->
      </div><!-- class="advanced" End -->
      
      
    </div><!-- id="search" End -->
    
         
  </div><!-- id="searchSlide " End -->

<script type="text/javascript">
$( document ).ready(function() {
  //清除方法
  $('a[name=clearBtn],.clearBtna').click(function(e){
      if($(this).parent().prop("id") ==='singalSearch'){
          $('#singalSearch input').not("input[name=searchBtn],input[name=clearBtn]").val("");
          $("#singalSearch input[type=checkbox]").prop("checked",false);
      }else{
          $('#advancedSearch input').not("input[name=searchBtn],input[name=clearBtn]").val("");
          $("#advancedSearch input[type=checkbox]").prop("checked",false);
          $('#advancedSearch select').each(function(){
              $(this).children("option").prop("selected",false)
          })
      }
  })

  
});
</script>
            

            <div class="function-option">
            
            
                <div class="option">
                    
                        
                        <a href="search.cfm?m=ss&k0=%E9%9B%BB%E8%85%A6&t0=k&c0=and&s0=0&w=0&list_num=10&current_page=4&mt=&at=&sj=&py=&pr=&it=&lr=&lg=&si=1&view=d">
                            <i class="fas fa-arrow-left font-l"></i><span>回檢索結果</span>
                        </a> 
                     
                    <a onClick="do_shelf('41535'); return false;"><img alt="加入書櫃"src="template/img/icon_library.png" /><span>加入書櫃</span></a>
                    <a onClick="ready_to_print('41535'); return false;"><img alt="列印" src="template/img/icon_print.png" /><span>列印</span></a>
                    <a onClick="do_mail('41535'); return false;"><img src="template/img/icon_email.png" /><span>E-mail</span></a>
                    <a onClick="do_export('41535'); return false;"><img alt="匯出" src="template/img/icon_export.png" /><span>匯出</span></a>
                </div><!-- class="option" End -->
            </div><!-- class="function-option" End -->

                <div class="book-content float-box">
                    
                        
                    <div class="left"><div class="cover"><img alt="HTML網頁設計實務 / " src="template/img/product_img.jpg" onerror="this.src='template/img/test/product_img.jpg'" /></div>
                    

					</div><!-- class="left" End -->
                    <div class="right">
                    
                    
                        <div class="detail-type">
                            <span>切換：</span>
                            <ul>
                                <li class="selected" data-type="simple">簡略</li>
                                <li data-type="marc">詳細(MARC)</li>
                                <li data-type="isbd">ISBD</li>
<li > <a href="#" class="addthis_button_compact"><img src="template/img/share_icon_26.png" alt="分享" /></a></li>
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e4e3134366bf206"></script>
                                
                            </ul>
                             
                        </div>
                        <!-- class=""detail-type" End -->
                    <h2>HTML網頁設計實務 / </h2>
                        <div class="detail simple">
                            
                                
                                <p>紀錄類型 ： 
                                    
                                        書目-語言資料,印刷品: 單行本
                                    
                                </p>
                                
                            
                                <p>正題名/作者 ： 
                                    
                                        HTML網頁設計實務 / / 施威銘研究室著
                                    
                                </p>
                                
                            
                                <p>團體作者 ： 
                                    
                                        施威銘研究室
                                    
                                </p>
                                
                            
                                <p>出版者 ： 
                                    
                                        <a class="link-url" href='search.cfm?m=as&k0=%E8%87%BA%E5%8C%97%E5%B8%82%20%3A%20%E6%97%97%E6%A8%99%2C%20%E6%B0%9192%5B2003%5D&t0=p&c0=and&s0=0'>臺北市 : 旗標, 民92[2003]</a>
                                    
                                </p>
                                
                            
                                <p>面頁冊數 ： 
                                    
                                        1冊 : 部份彩圖 ; 23公分 + 1片光碟
                                    
                                </p>
                                
                            
                                <p>附註 ： 
                                    
                                        含附錄
                                    
                                </p>
                                
                            
                                <p>標題 ： 
                                    
                                        <a class="link-url" href='search.cfm?m=as&k0=HTML%28%E6%96%87%E4%BB%B6%E6%A8%99%E8%A8%98%E8%AA%9E%E8%A8%80%29%20&t0=s&c0=and&s0=0'>HTML(文件標記語言) - </a>
                                   
                                </p>
                                
                            
                                <p>ISBN ： 
                                    
                                        9577178251 (平裝) : 
                                    
                                </p>
                                
                            
                        </div>
                        <div class="detail marc">
                            
                                
                                    <p>LEADER 00471nam  2200157 i 4500</p>
                                
                            
                                    <p>001 41535</p>
                                
                            
                                    <p>008 030523s2003    ch a   g      000 u chi d</p>
                                
                            
                                    <p>020   $a9577178251 (平裝) : $c新臺幣480元</p>
                                
                            
                                    <p>035   $a00061368</p>
                                
                            
                                    <p>040   $bchi$eccr, ccr</p>
                                
                            
                                    <p>066   $c$1</p>
                                
                            
                                    <p>084   $a312.91695$b0581$2ncsclt</p>
                                
                            
                                    <p>110 2 $a施威銘研究室$e著$38843</p>
                                
                            
                                    <p>245 10$aHTML網頁設計實務 / $c施威銘研究室著</p>
                                
                            
                                    <p>250   $a初版</p>
                                
                            
                                    <p>260   $a臺北市 : $b旗標, $c民92[2003]</p>
                                
                            
                                    <p>300   $a1冊 : $b部份彩圖 ; $c23公分 + $e1片光碟</p>
                                
                            
                                    <p>500   $a含附錄</p>
                                
                            
                                    <p>650  7$aHTML(文件標記語言)$2csht$363909</p>
                                
                            
                                    <p>650  7$a網頁設計$2csht$38854</p>
                                
                            
                                    <p>650  7$a全球資訊網$2csht$38402</p>
                                
                            
                        </div>
                        <div class="detail isbd">
                            <b>&#26045;&#23041;&#37528;&#30740;&#31350;&#23460;&#33879;<br/><br/></b><b>HTML&#32178;&#38913;&#35373;&#35336;&#23526;&#21209; / </b>&#26045;&#23041;&#37528;&#30740;&#31350;&#23460;&#33879; - &#21021;&#29256; - &#33274;&#21271;&#24066; : &#26071;&#27161;, &#27665;92[2003] - 1&#20874; : &#37096;&#20221;&#24425;&#22294; ; 23&#20844;&#20998; + 1&#29255;&#20809;&#30879;<br/><br/>&#21547;&#38468;&#37636;<br/><br/>ISBN: 9577178251 (&#24179;&#35037;) : &#26032;&#33274;&#24163;480&#20803;Subjects--Topical Terms: <br/><br/>63909<br/>HTML(&#25991;&#20214;&#27161;&#35352;&#35486;&#35328;)<br/>
                        </div>
                        <div class="rank-star">
                            <div style="float:right" class="product_start" id="appraise_div_41535"></div>
                        </div>
                    </div><!-- class="right" End -->
                </div>
                <!-- class="book-content" End -->
                
                
                <div class="tabs">
                    <span></span>
                    <ul>
                        <li id="rdk_change_attr_tag_1">館藏(1)</li>
                        
                        
                        <li id="rdk_change_attr_tag_3">心得(0)</li>
                        <!--暫時關閉
                        <li id="rdk_change_attr_tag_2">更多資訊</li>
                        
                        <li id="rdk_change_attr_tag_4">館員應用</li>-->
                        <li id="rdk_change_attr_tag_5">標籤</li>

                    </ul>
                </div>
                <div class="tabs-box">

                    <div class="tab-content" id="tab-content-area">
                    </div>

                    <!-- 採購資料 Start -->
                    
                    <!-- 採購資料 End -->
                    
                    <!-- 採購/卷期登收資訊 Start -->
                    
                    <!-- 採購/卷期登收資訊 End -->

                    <!-- 心得 Start -->
                    
 
<div class="tab-content comment" id="rdk_content_3">
    <div class="t-r">
    	<a href="#" class="btn-light" onclick="do_pop('show_comment_iframe','41535'); return false;">
      發表心得
  		</a>
  	</div>
  	<div id="comments_main_div">
    
  </div>
</div>

                    <!-- 心得 End -->

                    
                    <!-- 標籤 Start -->
                    

<div class="tab-content tags" id="rdk_content_5">
	 
     
        		<a href="#">無資料</a>
        	

</div>
                    <!-- 標籤 End --> 


                </div>
                <!-- class="tabs-box" End -->
             
                 
          <div class="borrowed">
            <h2 class="title">借過這本書的人還借了哪些館藏</h2>
                    <div class="swiper-container swiper-padding">
						
						     
                <div class="swiper-wrapper" >
                
                	
					   	<div class="swiper-slide">
                            <a href="content.cfm?mid=36586&m=ss&k0=%E9%9B%BB%E8%85%A6&t0=k&c0=and&s0=0&w=0&list_num=10&current_page=4&mt=&at=&sj=&py=&pr=&it=&lr=&lg=&si=1" title="電腦入門e把罩 / ">
                                <img alt="電腦入門e把罩 / " src="template/img/product_img.jpg" onerror="this.src='template/img/test/product_img.jpg'" width="128" height="170" />
                            </a>
                            <h2>電腦入門e把罩 ...</h2>
                            <p>陳育毅</p>
                        </div>
                        
                        
					   	<div class="swiper-slide">
                            <a href="content.cfm?mid=41535&m=ss&k0=%E9%9B%BB%E8%85%A6&t0=k&c0=and&s0=0&w=0&list_num=10&current_page=4&mt=&at=&sj=&py=&pr=&it=&lr=&lg=&si=1" title="HTML網頁設計實務 / ">
                                <img alt="HTML網頁設計實務 / " src="template/img/product_img.jpg" onerror="this.src='template/img/test/product_img.jpg'" width="128" height="170" />
                            </a>
                            <h2>HTML網頁設計...</h2>
                            <p>施威銘研究室</p>
                        </div>
                        
                        
                        </div>
                      
                        
				   <div class="swiper-pagination"></div>
				   <!-- Add Arrows -->
				   <div class="swiper-button-next"></div>
				   <div class="swiper-button-prev"></div>
                   </div>
                   
                </div>
              </div>
            </div>
          </div>
		
            </div><!-- class="right" End -->
            
             
        </div><!-- class="float-box" End -->
    </div>
    <!-- class="content" End -->
</div>
<!-- id="wrap" End -->


<footer>
    <div class="content">
        
        <div class="info">
            <span>電話：<a href="tel:+88683622393">0836-22393</a></span>
            <span class="line">|</span>
            <span>傳真：<a href="tel:+88683622584">0836-22584</a></span>
            <span><a href="https://goo.gl/maps/UFiNLZMMCtwoEimC7" target="_blank">地址：連江縣(馬祖)南竿鄉清水村136-1號 【地圖】</a></span>
            <br/>
            <span>連江縣政府文化處圖書館 版權所有</span>
           
          
        </div>
        <!-- class="info" End -->
    </div>
    <!-- class="content" End -->
</footer>


<div style="display:none;">
    <a id="add_comment_kit_clicker" class="btn-light pop-btn pop-btn-add-review" >Hidden Clicker</a>
    <a id="login_check" class="login-btn pop-btn pop-btn-login"></a>
    <a id="ready_to_reserve" class="btn-light pop-btn pop-btn-reservation"></a>
    <a id="ready_to_delivery" class="btn-light pop-btn pop-btn-homedelivery"></a>
    <a id="exporter_clicker" class="btn-light pop-btn pop-btn-export">Hidden Clicker</a>
    <a id="mailer_clicker" class="btn-light pop-btn pop-btn-email">Hidden Clicker</a>
    <a id="shelf_clicker" class="btn-light pop-btn pop-btn-add-shelf">Hidden Clicker</a>
    <a id="savehistorysearch" class="btn-light pop-btn pop-btn-save-historysearch">Hidden Clicker</a>
    <a id="recommend_clicker" class="btn-light pop-btn pop-btn-recommend">Hidden Clicker</a>
    <a id="personal_agree_clicker" class="pop-btn pop-btn-privacy">Hidden Clicker</a>
    <a id="change_location_clicker" class="pop-btn pop-btn-change-location">Hidden Clicker</a>
    <a id="timeout_clicker" class="pop-btn pop-btn-timeout">Hidden Clicker</a>
    <a id="forget_clicker" class="pop-btn pop-btn-forget">Hidden Clicker</a>
    <a id="editTag_clicker" class="pop-btn pop-btn-edit-shelf">Hidden Clicker</a>

   
</div>


</body>
</html>

<script type="text/javascript" src="js/fontawesome-all.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollbar.js"></script>
<script type="text/javascript" src="js/lobibox.js"></script>


<script type="text/javascript">
$(function() {
    var bookSwiper = new Swiper('.swiper-container', {
        slidesPerView: 5,
        spaceBetween: 51,
        slidesPerGroup: 5,
        //autoplay: true,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            414: {
                slidesPerView: 1,
                slidesPerGroup: 1,
            },
            600: {
                slidesPerView: 2,
                slidesPerGroup: 2,
            },
            768: {
                slidesPerView: 3,
                slidesPerGroup: 3
            }
        }
    });
})
</script>
<script>

var search_more_open_img = "templates/img/search_open.gif";
var search_more_close_img = "templates/img/search_close.gif";

//搜尋方式：空值 - 搜尋首頁、 as - 進階搜尋、 ss - 單一搜尋
var m = "ss";
var search_form_type;

var list_num = "10";
var current_page = "4";
var url_params = "mid=41535&m=ss&k0=%E9%9B%BB%E8%85%A6&t0=k&c0=and&s0=0&w=0&mt=&at=&sj=&py=&pr=&it=&lr=&lg=";
var sort_by = "1";
var view = "d";
var mid = "d";


if( m == "as" ){
	search_form_type = "as";
       $(function() {
        $("#change_adv").trigger('click');
        checkAdvancedisSearchMore();
    })
}else{
	search_form_type = "ss";
}


</script>


<script>

var search_div_width;

var single_search_div_height;
var advanced_search_div_height;

var search_more_div_height = 0;
var search_more_status = "shrink";

var transform_search_duration;
if($.support.msie){
	transform_search_duration = 0;
}else{
	transform_search_duration = 500;
}

init_stage_obj_status();

function init_stage_obj_status(){
	search_more_div_height = $("#search_more_div").height() + 15;
	$("#search_more_div").css("overflow","hidden");
	$("#search_more_div").height(0);
	
	$("#single_search_div").css("display","none");
	$("#advanced_search_div").css("display","none");
	$("#single_search_div").css("opacity","0");
	$("#advanced_search_div").css("opacity","0");
	
	$("#as_link_div").css("opacity","0");
	$("#ss_keyword").css("opacity","1");
	$("#ss_search_img").css("opacity","0");
	$("#is_narrow_search1").css("opacity","1");
	$("#is_global_search1").css("opacity","1");
	
	
	search_div_width = $("#single_search_div").width();
	single_search_div_height = $("#single_search_div").height();
	advanced_search_div_height = $("#advanced_search_div").height();
	
	if( m == "ss" ){
		show_single_search();
	}else if( m == "as" ){
		show_advanced_search();
	}
	
}

function transform_search_height(type){
	if( type == "ss" ){
		$("#main_search_container").animate({
							 height: single_search_div_height
							 },transform_search_duration,"easeOutCubic");
	}else if( type == "as" ){
		if( search_more_status == "shrink" ){
			$("#main_search_container").animate({
							 height: advanced_search_div_height
							 },transform_search_duration,"easeOutCubic");
		}else if( search_more_status == "expand" ){
			$("#main_search_container").animate({
							 height: advanced_search_div_height + search_more_div_height
							 },transform_search_duration,"easeOutCubic");
		}
	}
}

function show_single_search(){
	search_form_type = "ss";
	$("#single_search_div").css("display","");
	//單一檢索DIV
	$("#single_search_div").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#single_search_div").css("opacity",""); });
	//進階檢索連結
	$("#as_link_div").delay(transform_search_duration).animate({
							  opacity: 1
							  },transform_search_duration,"easeOutCubic", function (){ $("#as_link_div").css("opacity",""); });
	//單一檢索查詢框
	$("#ss_keyword").delay(transform_search_duration).animate({
							  opacity: 1
							  },transform_search_duration,"easeOutCubic", function (){ $("#ss_keyword").css("opacity",""); });
	//單一檢索查詢框圖示
	$("#ss_search_img").delay(transform_search_duration).animate({
							  opacity: 1
							  },transform_search_duration,"easeOutCubic", function (){ $("#ss_search_img").css("opacity",""); });
	
	//單一檢索在檢索結果中查詢及在其他圖書館查詢checkbox
	$("#is_narrow_search1").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#is_narrow_search1").css("opacity",""); });
	$("#is_global_search1").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#is_global_search1").css("opacity",""); });
	
	
	//進階檢索在檢索結果中查詢及在其他圖書館查詢checkbox
	$("#is_narrow_search2").animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic");
	$("#is_global_search2").animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic");
	//進階檢索搜尋按鈕DIV
	$("#as_search_controller_div").animate({
								 opacity: 0
								 },transform_search_duration,"easeOutCubic");
	//進階檢索DIV
	$("#advanced_search_div").animate({
								 opacity: 0
								 },transform_search_duration,"easeOutCubic",hide_advanced_search);
	transform_search_height("ss");
}

function show_advanced_search(){
	search_form_type = "as";
	$("#advanced_search_div").css("display","");
	//單一檢索DIV
	$("#single_search_div").animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic",hide_single_search);
	//進階檢索連結
	$("#as_link_div").animate({
							  opacity: 0
							  },transform_search_duration,"easeOutCubic");
	//單一檢索查詢框
	$("#ss_keyword").animate({
						  opacity: 1
						  },transform_search_duration,"easeOutCubic");
	//單一檢索查詢框圖示
	$("#ss_search_img").animate({
							  opacity: 1
							  },transform_search_duration,"easeOutCubic");
	
	//單一檢索在檢索結果中查詢及在其他圖書館查詢checkbox
	$("#is_narrow_search1").animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic");
	$("#is_global_search1").animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic");
	
	
	//進階檢索在檢索結果中查詢及在其他圖書館查詢checkbox
	$("#is_narrow_search2").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#is_narrow_search2").css("opacity",""); });
	$("#is_global_search2").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#is_global_search2").css("opacity",""); });
	//進階檢索搜尋按鈕DIV
	$("#as_search_controller_div").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#as_search_controller_div").css("opacity",""); });
	//進階檢索DIV
	$("#advanced_search_div").delay(transform_search_duration).animate({
								 opacity: 1
								 },transform_search_duration,"easeOutCubic", function (){ $("#advanced_search_div").css("opacity",""); });
	transform_search_height("as");
}

function hide_single_search(){
	$("#single_search_div").css("display","none");
}

function hide_advanced_search(){
	$("#advanced_search_div").css("display","none");
}

function show_search_more(){
	if( search_more_status == "shrink" ){
		
		$("#search_more_div").clearQueue();
		$("#search_more_div").queue(function (){
			
			$("#search_more_div").animate({
								 height: search_more_div_height
								 },500,"easeOutCubic");
			
		});
		
		$("#search_more_div").dequeue();
		
		$("#main_search_container").clearQueue();
		$("#main_search_container").queue(function (){
			
			$("#main_search_container").animate({
								 height: advanced_search_div_height + search_more_div_height
								 },500,"easeOutCubic");
			
		});
		
		$("#main_search_container").dequeue();
		
		$("#search_more_img").attr("src",search_more_close_img);
		search_more_status = "expand";
	}else if( search_more_status == "expand" ){
		
		$("#search_more_div").clearQueue();
		$("#search_more_div").queue(function (){
			
			$("#search_more_div").animate({
								 height: 0
								 },500,"easeOutCubic");
			
		});
		
		$("#search_more_div").dequeue();
		
		$("#main_search_container").clearQueue();
		$("#main_search_container").queue(function (){
			
			$("#main_search_container").animate({
								 height: advanced_search_div_height
								 },500,"easeOutCubic");
			
		});
		
		$("#main_search_container").dequeue();
		
		$("#search_more_img").attr("src",search_more_open_img);
		search_more_status = "shrink";
	}
}

function exchange_search_target(id_1, id_2){
	if( $("#" + id_1).attr("class") == "now" ){
		$("#" + id_1).attr("class","");
		$("#" + id_2).attr("class","now");
	}else{
		$("#" + id_1).attr("class","now");
		$("#" + id_2).attr("class","");
	}
}

</script>


<script>
$( document ).ready(function() {
	$("input[name=chooseType]").change(function(){
		if($(this).val()=='erm'){
			$("#ss_startwith").parent().hide();
		}else{
			$("#ss_startwith").parent().show();
		}
	})
});

var search_url = "search.cfm";
var search_history_keeper_permission_url = "./ajax_page/set_search_history_keeper_permission.cfm";


var as_keyword_header = "as_keyword_";
var as_type_header = "as_type_";
var as_condition_header = "as_condition_";
var as_startwith_header = "as_startwith_";


function key_down_single_search(e){
	
	if( e.keyCode == 13 ){
		do_single_search();
		return false;
	}
	return true;
}

function key_down_advanced_search(e){
	if( e.keyCode == 13 ){
		do_advanced_search();
		return false;
	}
	return true;
}

function do_single_search(){	
	if( $("#search_shelf").attr("class") == "now" ){
		do_shelf_search();
		return false;
	}
	
	var keyword = do_encoded(trim($("#ss_keyword").val()));
	
	if( keyword == "" ){
		alert("請輸入查詢關鍵字");
		return false;
	}
	
	var params = "";
	var keyword_index = 0;
	var isStartwith = $("#ss_startwith").prop("checked")?1:0;
	params += "&k" + keyword_index + "=" + keyword;
	params += "&t" + keyword_index + "=k";
	params += "&c" + keyword_index + "=and";
	params += "&s" + keyword_index + "=" + isStartwith;
	if( m != "" ){
		if( $("#is_narrow_search1").attr("checked") ){
			params += "&n=1";
		}
		
		if( $("#is_global_search1").attr("checked") ){
			params += "&g=1";
		}
	}
	var searchMode = $("#singalSearch input[name='searchType']:checked").val();
	if(parseInt(searchMode) || isNaN(parseInt(searchMode))){
		params += "&w=0" ;//模糊查詢
	} else {
		params += "&w=1" ;//精確查詢
	}
	//新增的电子资源查询
	var ermparams="";
	var chooseTypeval=$('input[name=chooseType]:checked').val();
	if(chooseTypeval=='erm'){
		var params = "";
		var keyword_index = 0;

		params += "&k" + keyword_index + "=" + keyword;
		params += "&t" + keyword_index + "=books";
		params += "&c" + keyword_index + "=and";
		window.location = "erm_browser.cfm?erm_type=ALL" + params;
	}else{
		window.location = search_url + "?m=ss" + params;
	}
	
}

function do_advanced_search(){
	var as_keyword_obj = init_animation_object("input",as_keyword_header);
	var as_type_obj = init_animation_object("select",as_type_header);
	var as_condition_obj = init_animation_object("select",as_condition_header);
	var as_startwith_obj = init_animation_object("input",as_startwith_header);
	var keyword_array = new Array();
	for( var i = 0; i < as_keyword_obj.length; i++ ){
		keyword_array.push(do_encoded(trim(as_keyword_obj[i].target.value)));
	}
	
	var type_array = new Array();
	for( var i = 0; i < as_type_obj.length; i++ ){
		type_array.push(as_type_obj[i].target.value);
	}
	
	var condition_array = new Array();
	for( var i = 0; i < as_condition_obj.length; i++ ){
		condition_array.push(as_condition_obj[i].target.value);
	}

	var startwith_array = new Array();
	for( var i = 0; i < as_startwith_obj.length; i++ ){
		startwith_array.push($(as_startwith_obj[i].target).prop("checked")?1:0);
	}
	
	var length = keyword_array.length;
	var keyword;
	var type;
	var condition;
	var startwith;
	var params = "";
	var keyword_index = 0;
	
	for( var i = 0; i < length; i ++ ){
		keyword = keyword_array[i];
		type = type_array[i];
		condition = condition_array[i] || "";
		startwith = startwith_array[i];

		if( keyword != "" ){
			params += "&k" + keyword_index + "=" + keyword;
			params += "&t" + keyword_index + "=" + type;
			params += "&c" + keyword_index + "=" + condition;
			params += "&s" + keyword_index + "=" + startwith;
			keyword_index ++;
		}	
	}	
	if( params == "" ){
		alert("請輸入至少一項查詢關鍵字");
		for( var i = 0; i < as_keyword_obj.length; i++ ){
			as_keyword_obj[i].target.value = "";
		}
		return false;
	}
	
	if( m == "" ){
		if( $("#is_narrow_search").attr("checked") ){
			params += "&n=1";
		}		
		if( $("#is_global_search").attr("checked") ){
			params += "&g=1";
		}
	}else if( m == "ss" || m == "as" ){		
		if( $("#is_narrow_search2").prop("checked") ){	
			params += "&n=1";		
		}
		
		if( $("#is_global_search2").attr("checked") ){
			params += "&g=1";			
		}
	}

	var searchMode = $("#advancedSearch input[name='searchType']:checked").val();
	if(parseInt(searchMode)){
		params += "&w=0" ;//模糊查詢
	} else {
		params += "&w=1" ;//精確查詢
	}
	
	
	if( search_more_status == "expand" ){
		var year1 = trim($("#year1").val());
		var year2 = trim($("#year2").val());
		var datatype = $("#datatype").val() == null?"":do_encoded($("#datatype").val());
		var lang = $("#lang").val() == null?"":do_encoded($("#lang").val());
		var locate = $("#locate").val() == null?"":do_encoded($("#locate").val());
		var biblevel = $("#biblevel").val() == null?"":do_encoded($("#biblevel").val());

		params += "&y10=" + year1 + "&y20=" + year2 + "&dt0=" + datatype + "&l0=" + lang + "&lc0=" + locate+ "&bt0=" + biblevel;
	}
		var year1 = trim($("#year1").val());
		var year2 = trim($("#year2").val());
		
		var type_id = $("#type_id").val() == null?"":do_encoded($("#type_id").val());
		var datatype = $("#datatype").val() == null?"":do_encoded($("#datatype").val());
		var lang = $("#lang").val() == null?"":do_encoded($("#lang").val());
		var locate = $("#locate").val() == null?"":do_encoded($("#locate").val());
		var biblevel = $("#biblevel").val() == null?"":do_encoded($("#biblevel").val());

		params += "&y10=" + year1 + "&y20=" + year2 + "&cat0=" + type_id + "&dt0=" + datatype + "&l0=" + lang + "&lc0=" + locate+ "&bt0=" + biblevel;
	
		window.location = search_url + "?m=as" + params;
}

</script>


<script>

var loader_path = "./ajax_loader/wheel_loader.gif";
var ajax_loader_search_history = '<div class="box-border-bg t-c font-xl"><img src="./ajax_loader/wheel_loader.gif"></div>';
var current_search_list_url = "./ajax_page/get_current_search_list.cfm";
var history_search_list_url = "./ajax_page/get_history_search_list.cfm";
var remove_history_search_keeper_url = "./ajax_page/remove_search_history_keeper_item.cfm";

var current_search_div = "current_search_div";
var history_search_div = "history_search_div";

var history_animate_duration = 300;

get_current_search_div();
//get_history_search_div();

function get_current_search_div(){
	$("#current_search_div").html(ajax_loader_search_history);
	implementXMLHttpRequest(current_search_list_url,refresh_current_search_div);
}

function refresh_current_search_div(content){
	$("#current_search_div").animate({
									 	opacity:0
									 },history_animate_duration,"easeInCubic",function (){ $("#current_search_div").html(content); });
	$("#current_search_div").animate({
									 	opacity:1
									 },history_animate_duration,"easeInCubic");
}

function get_history_search_div(){
	$("#history_search_div").html(ajax_loader_search_history);
	implementXMLHttpRequest(history_search_list_url,refresh_history_search_div);
}

function refresh_history_search_div(content){
	$("#history_search_div").animate({
									 	opacity:0
									 },history_animate_duration,"easeInCubic",function (){ $("#history_search_div").html(content); });
	$("#history_search_div").animate({
									 	opacity:1
									 },history_animate_duration,"easeInCubic");
}

function remove_current_keeper_item(key,self){
	var refresh_status = trim(getResponseText(remove_history_search_keeper_url + "?item=" + key + "&type=current"));
	//document.write(refresh_status);
	$(self).css("display","none");
	if( refresh_status == "true" ){
		$(self).css("display","block");
		$(self).removeAttr("onclick");//不重取當前，直接取消click事件
		// get_current_search_div();
		// get_history_search_div();
	}else{
		$("#" + key).animate({
								opacity:0
							 },150,"easeInCubic");
		$("#" + key).delay(150).animate({
								height:0
							 },150,"easeInCubic", function (){ $("#" + key).css("display","none"); });
	}
	var current_keywords_len = $("#current_search_div ul li a.keywords:visible").length;
	if(current_keywords_len == 1){
		$("#current_search_div ul li a.keywords:visible").hide();
	}
}

function remove_history_keeper_item(key,self){
	var refresh_status = trim(getResponseText(remove_history_search_keeper_url + "?item=" + key + "&type=history"));
	//document.write(refresh_status);
	$(self).css("display","none");
	if( refresh_status == "true" ){
		get_current_search_div();
		get_history_search_div();
	}else{
		$("#" + key).animate({
								opacity:0
							 },150,"easeInCubic");
		$("#" + key).delay(150).animate({
								height:0
							 },150,"easeInCubic", function (){ $("#" + key).css("display","none"); });
	}
}

function do_history_search(index){	
	window.location = search_url + "?hs=true&i=" + index;
}
function showMoreHistroy(th){
	$("#history_search_div .dot").show();
	$(th).parent().hide();
}
function searchHis(maxLen){
	var checked ="";
	$("input[name=historyNum]:checked").each(function(){
		checked  =  $(this).val() +"*" + checked ;
	})

	var checkedLen = checked.substring(0,checked.length-1).split("*").length;
	if(checkedLen > maxLen){
		var alertText = "最多只能勾選NUM筆";
		alert(alertText.replace("NUM",maxLen));
		return;
	}else if(checked == "" ){
		alert("您尚未勾選查詢");
		return;
	}else{
		//alert(search_url);
		window.location = search_url + "?hs=true&i=" + encodeURI(checked.substring(0,checked.length-1));	
	}
}
var dosavehistory_search_clicker = "savehistory_search_clicker";
var dosavehistory_search_url = "dosavehistory_search.cfm";


</script>


<script type="text/javascript">
	get_content_area("","","10","1","","","",1);

	function get_content_area(i_lc,i_is,i_list_number,i_page,i_vn,i_cn,i_ye,i_sory_by){
	  var myurl = "ajax_page/get_content_area.cfm?mid="+ encodeURI('41535') + "&i_is=" + encodeURI(i_is) + "&i_lc=" + encodeURI(i_lc) + "&i_list_number=" + encodeURI(i_list_number) +"&i_page=" + encodeURI(i_page) + "&i_vn=" + encodeURI(i_vn) + "&i_cn=" + encodeURI(i_cn) + "&i_ye=" + encodeURI(i_ye) + "&i_sory_by=" + encodeURI(i_sory_by) ;
	      $.ajax({
	        url: myurl,
	        type: 'GET',
	        datatype: "html",
	        error: function(xhr) {
	          alert('Ajax request 發生錯誤');
	        },
	        success: function(response) {
	            $(".tabs-box #tab-content-area").html(response);
	            $('.tabs ul li').eq(0).trigger('click');
	                removeUlliSpace();
	            }
	      });
	}

	function content_sort(self) {
		var i_lc = $('#holdingLocations').val();
		var	i_ye = $('#i_year').val();
		var	i_vn = $("#i_volume").val();
		var	i_cn = $('#i_call_number').val();
		var	i_is = $('#holdingItemStatus').val();
		var i_sory_by = $(self).val();
		get_content_area(i_lc,i_is,"10","1",i_vn,i_cn,i_ye,i_sory_by);
	}

	function content_search(){
		var i_lc = $('#holdingLocations').val();
		var	i_ye = $('#i_year').val();
		var	i_vn = $("#i_volume").val();
		var	i_cn = $('#i_call_number').val();
		var	i_is = $('#holdingItemStatus').val();
		get_content_area(i_lc,i_is,"10","1",i_vn,i_cn,i_ye,9);

	}

	function content_page_change(page){
		var i_lc = $('#holdingLocations').val();
		var	i_ye = $('#i_year').val();
		var	i_vn = $("#i_volume").val();
		var	i_cn = $('#i_call_number').val();
		var	i_is = $('#holdingItemStatus').val();
		var i_sory_by = $("#sort").val();
		get_content_area(i_lc,i_is,"10",page,i_vn,i_cn,i_ye,i_sory_by);
	}


</script>


    <script>
        var album_slider_kit_btn_width = 38;
        var album_slider_kit_btn_height = 47;
        var album_slider_kit_prev_btn_img = "./templates/img/search_prev_2.jpg";
        var album_slider_kit_next_btn_img = "./templates/img/search_next_2.jpg";
        
        var album_slider_kit_container_width = 580;
        var album_slider_kit_container_height = 180;
        var album_slider_kit_interval = 116;
        var album_slider_kit_item_count = "10" - 0;
        var album_slider_kit_item_per_slide_count = 5;
        var album_slider_kit_ease = 7;
    </script>
    
    
<script>

/*****************************************************************

	請搭配javascript_customize_function.js 與 javascript_frame_handler.cfm 使用
	並設定以下id
	1.album_slider_kit_container div容器標籤，此為主要顯示容器，會自動設定 style 為 overflow:hidden
	2.album_slider_kit_slidern div滑動目標，主要控制對象
	3.album_slider_kit_prev_btn 控制往上一個滑動的按鈕
	4.album_slider_kit_next_btn 控制往下一個滑動的按鈕
	
	已下項目為自訂變數，可改變畫面表現，可直接複製以下區塊再改變其値
	var album_slider_kit_btn_width = 61;	//按鈕寬度
	var album_slider_kit_btn_height = 87;	//按鈕高度
	var album_slider_kit_prev_btn_img = "./templates/img/search_prev_2.jpg";	/上一個按鈕圖示
	var album_slider_kit_next_btn_img = "./templates/img/search_next_2.jpg";	//下一個按鈕圖示
	
	var album_slider_kit_container_width = 580;	//容器寬度
	var album_slider_kit_container_height = 180;	//容器高度
	var album_slider_kit_interval = 116;	//單項物件寬度
	var album_slider_kit_item_count = 0;	//物件數量
	var album_slider_kit_item_per_slide_count = 5;	//單次滑動物件數量
	var album_slider_kit_ease = 7;	//緩衝値，數值越大，停下來的時間越久

******************************************************************/

var album_slider_kit_container = "album_slider_kit_container";
var album_slider_kit_slider = "album_slider_kit_slider";

var album_slider_kit_prev_btn = "album_slider_kit_prev_btn";
var album_slider_kit_next_btn = "album_slider_kit_next_btn";

var album_slider_kit_slider_obj = init_animation_object(album_slider_kit_slider);
album_slider_kit_slider_obj.ease = album_slider_kit_ease;

var album_slider_kit_current_index = 0;
var album_slider_kit_total_page = Math.ceil(album_slider_kit_item_count / album_slider_kit_item_per_slide_count);

//add_to_animation_queue(album_slider_kit_slider_obj);

init_album_slider_kit_functions();

album_slider_kit_check_btn_status();

function init_album_slider_kit_functions(){
	setTagAttribute(album_slider_kit_prev_btn,"src",album_slider_kit_prev_btn_img);
	setTagAttribute(album_slider_kit_prev_btn,"width",album_slider_kit_btn_width);
	setTagAttribute(album_slider_kit_prev_btn,"height",album_slider_kit_btn_height);
	setTagStyleAttribute(album_slider_kit_prev_btn,"cursor","pointer");
	setTagAttribute(album_slider_kit_prev_btn,"onclick",album_slider_kit_mouse_click_prev);
	
	setTagAttribute(album_slider_kit_next_btn,"src",album_slider_kit_next_btn_img);
	setTagAttribute(album_slider_kit_next_btn,"width",album_slider_kit_btn_width);
	setTagAttribute(album_slider_kit_next_btn,"height",album_slider_kit_btn_height);
	setTagStyleAttribute(album_slider_kit_next_btn,"cursor","pointer");
	setTagAttribute(album_slider_kit_next_btn,"onclick",album_slider_kit_mouse_click_next);
	
	setTagStyleAttribute(album_slider_kit_container,"overflow","hidden");
	setTagStyleAttribute(album_slider_kit_container,"position","relative");
	setTagStyleAttribute(album_slider_kit_container,"width",album_slider_kit_container_width + "px");
	setTagStyleAttribute(album_slider_kit_container,"height",album_slider_kit_container_height + "px");
	setTagStyleAttribute(album_slider_kit_slider,"position","absolute");
	setTagStyleAttribute(album_slider_kit_slider,"left","0px");
	setTagStyleAttribute(album_slider_kit_slider,"width","9999px");
	
}

function album_slider_kit_mouse_click_prev(){
	if( album_slider_kit_current_index > 0 ){
		album_slider_kit_current_index --;
	}else{
		return false;
	}
	
	album_slider_kit_slider_obj.target_posx = album_slider_kit_current_index * (-album_slider_kit_interval * album_slider_kit_item_per_slide_count);
	//album_slider_kit_slider_obj.action = "moving_x";
	
	$(album_slider_kit_slider_obj.target).clearQueue();
	$(album_slider_kit_slider_obj.target).queue( function (){
		$(album_slider_kit_slider_obj.target).animate({left:album_slider_kit_slider_obj.target_posx},1000,"easeOutCubic");
	} );
	$(album_slider_kit_slider_obj.target).dequeue();
	
	album_slider_kit_check_btn_status();
}

function album_slider_kit_mouse_click_next(){
	if( album_slider_kit_current_index < album_slider_kit_total_page - 1 ){
		album_slider_kit_current_index ++;
	}else{
		return false;
	}
	
	album_slider_kit_slider_obj.target_posx = album_slider_kit_current_index * (-album_slider_kit_interval * album_slider_kit_item_per_slide_count);
	//album_slider_kit_slider_obj.action = "moving_x";
	
	$(album_slider_kit_slider_obj.target).clearQueue();
	$(album_slider_kit_slider_obj.target).queue( function (){
		$(album_slider_kit_slider_obj.target).animate({left:album_slider_kit_slider_obj.target_posx},1000,"easeOutCubic");
	} );
	$(album_slider_kit_slider_obj.target).dequeue();
	
	album_slider_kit_check_btn_status();
}

function album_slider_kit_check_btn_status(){
	if( album_slider_kit_current_index > 0 ){
		$("#" + album_slider_kit_prev_btn).css("opacity",1);
		$("#" + album_slider_kit_prev_btn).css("cursor","pointer");
		//setTagStyleAttribute(album_slider_kit_prev_btn,"opacity",100);
		//setTagStyleAttribute(album_slider_kit_prev_btn,"cursor","pointer");
	}else{
		$("#" + album_slider_kit_prev_btn).css("opacity",0.5);
		$("#" + album_slider_kit_prev_btn).css("cursor","default");
		//setTagStyleAttribute(album_slider_kit_prev_btn,"opacity",50);
		//setTagStyleAttribute(album_slider_kit_prev_btn,"cursor","default");
	}
	
	if( album_slider_kit_current_index < album_slider_kit_total_page - 1 ){
		$("#" + album_slider_kit_next_btn).css("opacity",1);
		$("#" + album_slider_kit_next_btn).css("cursor","pointer");
		//setTagStyleAttribute(album_slider_kit_next_btn,"opacity",100);
		//setTagStyleAttribute(album_slider_kit_next_btn,"cursor","pointer");
	}else{
		$("#" + album_slider_kit_next_btn).css("opacity",0.5);
		$("#" + album_slider_kit_next_btn).css("cursor","default");
		//setTagStyleAttribute(album_slider_kit_next_btn,"opacity",50);
		//setTagStyleAttribute(album_slider_kit_next_btn,"cursor","default");
	}
}

</script>


<script>

var content_comments_current_page = 1;
var content_comments_list_num = 5;
var content_comments_book_mid = "41535";

</script>


<script>

var main_comments_div_header = "main_comments_div_";
var main_comments_div_obj;
var main_comments_div_obj_length;

var get_comments_height_header = "get_comments_height_";
var get_comments_height_obj;
var get_comments_height_obj_length;

/* var exchange_single_comments_click_target_header = "exchange_single_comments_click_target_";
var exchange_single_comments_click_target_obj;
var exchange_single_comments_click_target_obj_length; */

init_single_comments_status();

function init_single_comments_status(){
	main_comments_div_obj = init_animation_object("div",main_comments_div_header);
	get_comments_height_obj = init_animation_object("p",get_comments_height_header);
	//exchange_single_comments_click_target_obj = init_animation_object("a",exchange_single_comments_click_target_header);
	
	main_comments_div_obj_length = main_comments_div_obj.length;
	get_comments_height_obj_length = get_comments_height_obj.length;
	//get_comments_height_obj_length = exchange_single_comments_click_target_obj.length;
	if( main_comments_div_obj_length != get_comments_height_obj_length || get_comments_height_obj_length != get_comments_height_obj_length ){
		alert("元件數量不足");
		return false;
	}

	var main_comments_height;
	var comments_height;
	for( var i = 0; i < main_comments_div_obj_length; i++ ){
		comments_height = $('#'+ main_comments_div_obj[i].target.id).height();
		if( comments_height <= 95 ){
			//$(exchange_single_comments_click_target_obj[i].target).html("");
			expand_single_comments_status(main_comments_div_obj[i].target.id);
			shrink_single_comments_status(main_comments_div_obj[i].target.id);
		}else{
			shrink_single_comments_status(main_comments_div_obj[i].target.id);
		}
	}
}

function expand_single_comments_status(id){
	var org_height = $("#main_comments_div_" + id).height();
	var height = $("#get_comments_height_" + id).height();
	var container_height = $("#comments_main_div").height() + (height - org_height) + 95;
	
	$("#main_comments_div_" + id).animate({height:height},500,"easeInOutCubic");
	$("#" + rdk_transform_target).queue(function (){
	$("#" + rdk_transform_target).animate({height:container_height},500,"easeInOutCubic");
												  });
	$("#" + rdk_transform_target).dequeue();
	/* $("#exchange_single_comments_click_target_" + id).html("&lt;收合&gt;");
	setTagAttribute("exchange_single_comments_click_target_" + id,"onclick", 
						(function() {
							var _id = id;
							return function() { 							  			
								shrink_single_comments_status(_id);
								return false;
							}
						})()
					); */
}

function shrink_single_comments_status(id){
	var org_height = $("#main_comments_div_" + id).height();
	var height = 95;
	var container_height = $("#comments_main_div").height() + (height - org_height) + 95;
	
	$("#main_comments_div_" + id).animate({height:height},500,function(){
		$("#main_comments_div_" + id).css('overflow','hidden');
	});
	$("#main_comments_div_" + id).css('overflow','hidden');
	$("#" + rdk_transform_target).queue(function (){
	$("#" + rdk_transform_target).animate({height:container_height},500,"easeInOutCubic");
												  });
	$("#" + rdk_transform_target).dequeue();

	/* $("#exchange_single_comments_click_target_" + id).html("&lt;全文&gt;");
	setTagAttribute("exchange_single_comments_click_target_" + id,"onclick", 
						(function() {
							var _id = id;
							return function() { 							  			
								expand_single_comments_status(_id);
								return false;
							}
						})()
					); */
}

function change_comments_page(index){
	content_comments_current_page = index;
	get_comments_full_page();
}
				
function do_refresh_comments(mid){
	get_comments_full_page();
}

function get_comments_full_page(){
	$("#comments_main_div").queue(function (){
	$("#comments_main_div").animate({opacity:0},200,"easeInOutCubic",ready_to_get_comments_full_page);
												  });
	$("#comments_main_div").dequeue();
}

function ready_to_get_comments_full_page(){
	var myurl = "./ajax_page/get_full_page_comments.cfm?mid=" + content_comments_book_mid + "&current_page=" + content_comments_current_page + "&list_num=" + content_comments_list_num;
	implementXMLHttpRequest(myurl,refresh_comments);
}
 
function refresh_comments(content){
	$("#comments_main_div").html(content);
	$("#set_book_comments_count_span").html($("#get_book_comments_count_span").html());
	
	init_single_comments_status();
	
	var height = $("#comments_main_div").height() + 60;
	$("#" + rdk_transform_target).queue(function (){
	$("#" + rdk_transform_target).animate({height:height},1000,"easeInOutCubic");
												  });
	$("#" + rdk_transform_target).dequeue();
	
	$("#comments_main_div").queue(function (){
	$("#comments_main_div").animate({opacity:1},500,"easeInOutCubic", function (){ $("#comments_main_div").css("opacity",""); } );
												  });
	$("#comments_main_div").dequeue();
}

</script>


<script>

var rdk_other_method_array = [null,null,get_comments_full_page,null];

$(function(){
    $(".tabs").on("click","#rdk_change_attr_tag_3",function(){
        get_comments_full_page();
    })
})

</script>


<script>

var rdk_exchange_attr = "class";
var rdk_exchange_selected_value = "selected";
var rdk_exchange_unselected_value = "";

var rdk_delay_call = 200;

var rdk_click_tag_name = "a";
var rdk_click_tag_header = "rdk_click_tag_";
var rdk_click_tag_obj = init_animation_object(rdk_click_tag_name,rdk_click_tag_header);
var rdk_click_tag_obj_length = rdk_click_tag_obj.length;

var rdk_change_attr_tag_name = "li";
var rdk_change_attr_tag_header = "rdk_change_attr_tag_";
var rdk_change_attr_tag_obj = init_animation_object(rdk_change_attr_tag_name,rdk_change_attr_tag_header);
var rdk_change_attr_tag_obj_length = rdk_change_attr_tag_obj.length;

var rdk_content_tag_name = "div";
var rdk_content_tag_header = "rdk_content_";
var rdk_content_tag_obj = init_animation_object(rdk_content_tag_name,rdk_content_tag_header);
var rdk_content_tag_obj_length = rdk_content_tag_obj.length;

var rdk_main_container = "rdk_main_container";
var rdk_transform_target = "rdk_transform_target";

var rdk_default_index = "lang_searchhis_3" - 0;
var rdk_current_index = rdk_default_index;

var rdk_timer = null;

// if( rdk_click_tag_obj_length != rdk_change_attr_tag_obj_length && rdk_click_tag_obj_length != rdk_content_tag_obj_length ){
// 	alert("頁籤數量不符");
// }else{
	rdk_init_status();
//}
rdk_current_index = rdk_content_tag_obj_length;;
if( rdk_current_index > rdk_content_tag_obj_length ){
	rdk_current_index = rdk_content_tag_obj_length;
}else if( rdk_current_index == 0 ){
	rdk_current_index = 1;
}

rdk_set_attr(rdk_current_index);

function rdk_init_status(){
	var rdk_tag_target;
	var rdk_click_tag_target;
	var rdk_content_tag_target;
	for( var i = 0; i < rdk_click_tag_obj_length; i++ ){
		rdk_tag_target = $(rdk_click_tag_obj[i].target);
		rdk_click_tag_target = $(rdk_change_attr_tag_obj[i].target);
		rdk_content_tag_target = $(rdk_content_tag_obj[i].target);
		
		rdk_tag_target.bind("click",	(function() {
											var index = i + 1;
											return function() { return rdk_do_exchange(index);}
										})());
		/*rdk_click_tag_target.bind("mouseenter",	(function() {
											var index = i + 1;
											return function() { return rdk_delay_exchange(index);}
										})());*/
		//默认显示第一个
		rdk_do_exchange(1);								
		rdk_content_tag_target.css("display","none");
	}
	
	$("#" + rdk_transform_target).css("overflow-y","hidden");
	$("#" + rdk_transform_target).css("height","0");
}

function rdk_do_exchange(index){
	//rdk_set_attr(index);
	//var id = "#" + rdk_change_attr_tag_header + index;
	//$(id).attr("class",rdk_exchange_selected_value);
	if( rdk_current_index != index ){
		rdk_current_index = index;
		$("#" + rdk_transform_target).clearQueue();
		$("#" + rdk_transform_target).animate({height:0},500,"easeOutCubic",function (){ rdk_set_attr(index); });
	}
	return false;
}

function rdk_delay_exchange(index){
	if( rdk_timer != null ){
		clearTimeout(rdk_timer);
	}
	$("#" + rdk_transform_target).clearQueue();
	rdk_timer = setTimeout((function() {
											var i = index;
											return function() { return rdk_do_exchange(i);}
										})(),500);
}

function rdk_clear_timeout(){
	if( rdk_timer != null ){
		clearTimeout(rdk_timer);
	}
}

function rdk_set_attr(index){
	var rdk_tag_target;
	var rdk_content_tag_target;
	var height = 0;
	for( var i = 0; i < rdk_change_attr_tag_obj_length; i++ ){
		rdk_tag_target = $(rdk_change_attr_tag_obj[i].target);
		rdk_content_tag_target = $(rdk_content_tag_obj[i].target);
		rdk_tag_target.attr("class",rdk_exchange_unselected_value);
		rdk_content_tag_target.css("display","none");
	}
	if( typeof(index) != "undefined" ){
		var rdk_change_attr_id = "#" + rdk_change_attr_tag_header + index;
		var rdk_content_tag_id = "#" + rdk_content_tag_header + index;
		$(rdk_change_attr_id).attr("class",rdk_exchange_selected_value);
		$(rdk_content_tag_id).css("display","");
		height = $(rdk_content_tag_id).height() + 15;
	}
	
	$("#" + rdk_transform_target).queue(function (){
	$("#" + rdk_transform_target).animate({height:height},1000,"easeInOutCubic", function() {
    // Animation complete.
		$("#rdk_transform_target").css("height","");
  	});
												  });
	$("#" + rdk_transform_target).dequeue();
	if( rdk_other_method_array[index - 3] != null ){
		rdk_other_method_array[index - 3]();
	}
}

</script>


<script type="text/javascript">
	

function do_pop(call,itemnumber){
	if(0 == 1 && 0 == 0){
		alert("您目前無權限借閱實體書籍,借閱及預約實體書需申辦實體借閱證，請洽詢各分館辦理。");//您目前無權限借閱實體書籍,借閱及預約實體書需申辦實體借閱證，請洽詢各分館辦理。
		return false;
	}
	var trim_itemnumber = trim(itemnumber);
		if( trim_itemnumber == "" ){
			alert("無此館藏資料");
			return false;
		}

	login_checker_kit_check(call,itemnumber);
}

// 宅配
function ready_to_delivery(itemnumber){
	var myurl = "ajax_page/save_pop_session.cfm?call=itemnumber&param=" + encodeURI(itemnumber);
	if(getResponseText(myurl)){
		$('#ready_to_delivery').trigger("click");
	}
}


//預約
function ready_to_reserve(itemnumber){
	var myurl = "ajax_page/save_pop_session.cfm?call=itemnumber&param=" + encodeURI(itemnumber);
	if(getResponseText(myurl)){
		$('#ready_to_reserve').trigger("click");
	}
	//show_fancy_box(reservation_clicker,reservation_url + "?itemnumber=" + itemnumber);
}

//發佈心得
function show_comment_iframe(param){
    var myurl = "ajax_page/save_pop_session.cfm?call=comments_mid&param=" + encodeURI(param);
	//var myurl = "./set_comments_iframe.cfm?uuid=" + encodeURI(uuid) + "&bib_id=" + encodeURI(bib_id);
	if(getResponseText(myurl)){
        $('#add_comment_kit_clicker').trigger("click");
    }
}


function do_savehistory_search(index,islogin){
	if( islogin == 0 && 0 == 0){
		alert("請先登入系統!謝謝!");
		return false;	
	}
	var myurl = "ajax_page/save_pop_session.cfm?call=savehistorySearch&param=" + encodeURI(index);
	if(getResponseText(myurl)){
        $('#savehistorysearch').trigger("click");
    }
}

function do_read_Msg(param){
	var myurl = "ajax_page/save_pop_session.cfm?call=readMsg&param=" + encodeURI(param);
	if(getResponseText(myurl)){
        $('#readMsg').trigger("click");
    }
}
</script>


<script>

var appraise_tag_name = "div";

</script>


<script>

var appraise_div_header = "appraise_div_";
var appraise_loader = '<img src="./ajax_loader/wheel_loader.gif" width="27" height="27" />';

var appraise_div_obj = init_animation_object(appraise_tag_name,appraise_div_header);
var appraise_div_length = appraise_div_obj.length;

var now_appraise_div_index = 0;

init_appraise_div();
get_all_appraise();

function init_appraise_div(){
	for( var i = 0; i < appraise_div_length; i++ ){
		setInnerHtml(appraise_div_obj[i].target,appraise_loader);
	}
}

function get_all_appraise(){
	var target = appraise_div_obj[now_appraise_div_index].target;
	var id = target.id.replace(appraise_div_header,"");
	var myurl = "./ajax_page/set_book_appraise.cfm?bib_id=" + id;
	implementXMLHttpRequest(myurl,set_appraise_div);
}

function set_appraise_div(content){
	
	var target = appraise_div_obj[now_appraise_div_index].target;
	setInnerHtml(target,trim(content));
	
	now_appraise_div_index ++;
	if( now_appraise_div_index < appraise_div_length ){
		get_all_appraise();
	}
}

function set_appraise(obj){
	login_checker_kit_check('ready_to_set_appraise',obj);
}

function ready_to_set_appraise(obj){
	set_logout();
	close_fancybox();
	var appraise = list_get(obj,"|",0);
	var id = list_get(obj,"|",1);
	var myurl = "./ajax_page/set_book_appraise.cfm?bib_id=" + id + "&appraise=" + appraise;
	var appraise_content = getResponseText(myurl);
	
	var target_id = appraise_div_header + id;
	
	setInnerHtml(target_id,appraise_loader);
	
	get_appraise(target_id);
}

function direct_set_appraise(obj){
	var appraise = list_get(obj,"|",0);
	var id = list_get(obj,"|",1);
	var myurl = "./ajax_page/set_book_appraise.cfm?bib_id=" + id + "&appraise=" + appraise;
	var appraise_content = getResponseText(myurl);
	
	var target_id = appraise_div_header + id;
	//console.log(appraise_content);
	setInnerHtml(target_id,appraise_loader);
	get_appraise(target_id);
}

function get_appraise(id){
	var bib_id = id.replace(appraise_div_header,"");
	var myurl = "./ajax_page/set_book_appraise.cfm?bib_id=" + bib_id;
	setInnerHtml( id, trim( getResponseText(myurl) ) );
	
}


</script>


<script>

var librarian_usage_url = "librarian_usage_printer.cfm?mid=41535";

function print_librarian_usage(){
	print_page(librarian_usage_url);
}

</script>


<script>
function clickedRecord(openUrl,bookNumber){
	
	$.ajax({
		url: 'clicked_log.cfm?bookNumber='+bookNumber,
		type: 'get',
		dataType: 'json',
		success: function(json){
			if(json.result){
				window.open(openUrl,'_blank');
			} else {
				alert("請重新登入!!");
				window.location.reload();
			}
			
		},
		error:function(xhr, ajaxOptions, thrownError){
			console.log(xhr);
			console.log(ajaxOptions);
			console.log(thrownError);
        }
	});
}
</script>


<script>
var transfer_type = ""; 
var check_name = "selected_mid_in_search"; 
</script>


<script>
function do_mail(mid){

	if( !is_defined(mid) ){
		mid = "";
	}
	if(""==="mail_print"){
		var myurl = "ajax_page/save_pop_session.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) + "&mid=" +encodeURI(mid) + "&mailList=cPageResult";
	}else{
		var myurl = "ajax_page/save_pop_session.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) + "&mid=" +encodeURI(mid) + "&mailList=";
	}

	if(getResponseText(myurl)){
		$('#mailer_clicker').trigger("click");
	}
	//show_fancy_box(mailer_clicker,mailer_url + "&mid=" + mid);
}

</script>


<script>


function ready_to_print(mid){
	if("" === "mail_print"){
		var print_page_url = "book_details_printer.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) +"&printList=cPageResult";
	} else {
		var print_page_url = "book_details_printer.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) ;
	};
	if( !is_defined(mid) ){
		mid = "";
	};

	
	print_page(print_page_url + "&mid=" + mid);
}

</script>


<script type="text/javascript">
	
function do_export(mid){
	if( !is_defined(mid) ){
		mid = "";
	}
	var myurl = "ajax_page/save_pop_session.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) + "&mid=" +encodeURI(mid) + "&mailList=" ;
	if(getResponseText(myurl)){
		$('#exporter_clicker').trigger("click");
	}
	//show_fancy_box(exporter_clicker,exporter_url + "&mid=" + encodeURI(mid));
}	
</script>


<script type="text/javascript">
	
function do_shelf(mid){
	if( !is_defined(mid) ){
		mid = "";
	}
	login_checker_kit_check('ready_to_do_shelf',mid);
	
	//show_fancy_box(exporter_clicker,exporter_url + "&mid=" + encodeURI(mid));
}	
function ready_to_do_shelf(mid){

	var myurl = "ajax_page/save_pop_session.cfm?name="+ encodeURI(check_name) +"&type=" + encodeURI(transfer_type) + "&mid=" +encodeURI(mid) + "&mailList=" ;

	if(getResponseText(myurl)){
		$('#shelf_clicker').trigger("click");
	}

	// show_fancy_box(shelf_clicker,shelf_url + "&mid=" + encodeURI(mid));
}
</script>