

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>場地借用</title>

<link rel="shortcut icon" href="logo.ico" /> 
<link href="css_zh_tw/library.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets_zh_tw/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="css_zh_tw/app_cancel.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css_zh_tw/jquery-ui-1.8.13.datepicker.css">
<script src="SpryAssets_zh_tw/SpryTabbedPanels.js" type="text/javascript"></script>

	
<script src="SpryAssets_zh_tw/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets_zh_tw/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script src="js/library.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<style type="text/css">
#article_img {
	padding-left: 20px;
}

#text_nites {
	text-align: justify;
}
</style>
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141543: #ImageSlideShow */

#ImageSlideShow {
	width: 600px;
	height: 536px;
	margin: 10px 0px 0px 0px;
	border: solid 1px #AAAAAA;
	background-color: #FFFFFF;
	padding-top: 10px;
}

#ImageSlideShow .ISSName {
	top: -24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	color: #AAAAAA;
}

#ImageSlideShow .ISSSlideTitle {
	top: -18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	overflow: hidden;
	color: #AAAAAA;
	text-transform: none;
}

#ImageSlideShow .ISSClip {
	height: 432px;
	margin: 0 10px 10px 10px;
	border: solid 1px #AAAAAA;
	background-color: #000000;
}

#ImageSlideShow .ISSControls {
	top: 11px;
	height: 432px;
}

#ImageSlideShow .FilmStrip {
	height: 80px;
	background-color: #CCCCCC;
}


#ImageSlideShow .FilmStripTrack {
	height: 80px;
}

#ImageSlideShow .FilmStripContainer {
	height: 80px;
}

#ImageSlideShow .FilmStripPanel {
	height: 80px;
	padding-left: 10px;
	margin-right: 0px;
}

#ImageSlideShow .FilmStripPanel .ISSSlideLink {
	margin-top: 10px;
	border: solid 1px #AAAAAA;
	background-color: #FFFFFF;
}

#ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
	border: solid 1px #AAAAAA;
	width: 112px;
	margin: 4px 4px 4px 4px;
}

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
	background-color: #FFFFFF;
	border-color: #FF0000;
}

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
	border-color: #AAAAAA;
}
    
/* EndOAWidget_Instance_2141543 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2141543" binding="#ImageSlideShow" />
</oa:widgets>
-->
</script>


<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<script src="./js/jquery-1.6.2.js"></script>
<script src="./js/jquery-ui-1.8.13.datepicker.min.js"></script>
<script src="./js/jquery.moveto-1.1.0.min.js"></script>
<script src="./js/jquery.easing.1.3.js"></script>
<script src="./js/jquery.easing.compatibility.js"></script>
<script type="text/javascript" src="./js/jquery.fancybox-1.3.0.pack.js"></script>


<script language="javascript" type="text/javascript">

/*************************************************
	
	Here are some useful customize functions
	
**************************************************/

var connection_pool = new Array();		//連線用陣列，存放連線及狀態，可處理大量連線
var browser_name = get_browser_name();	//瀏覽器類型判斷用變數
var animation_queue = new Array();

var ready_to_call;	
var prepared_params;

//Customize functions

function implementXMLHttpRequest(url,action){
	
	connection_pool.push(new Object());
	var index = connection_pool.length - 1;
	
	for( var i = 0; i < index; i++ ){
		if( connection_pool[i].action == action ){
			connection_pool[i].http.abort();
			connection_pool[i].action = "none";
		}
	}
	
	connection_pool[index].http = createXMLHttpRequest();
	connection_pool[index].state = "init";
	connection_pool[index].action = action;

	var myurl = url;
	
	connection_pool[index].http.open("POST", myurl, true);
	//connection_pool[index].http.onreadystatechange = ready_function;
	connection_pool[index].http.send(null);
}

function createXMLHttpRequest(){
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xhr = new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return xhr;
}

//Ajax scripts Login Checker
//To use this function, you must declare a session named login_uuid.
//And put the file under the script you execute.

function login_checker(layer){
	var login_http = createXMLHttpRequest();
	
	var myurl;
	if( typeof(layer) == "undefined" || layer == "upper" ){
		myurl = "../ajax_page/check_login_status.cfm";
	}else if(layer == "same"){
		myurl = "./ajax_page/check_login_status.cfm";
	}
	
	login_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	login_http.send(null);
	
	if( login_http.responseText.search('customer_login') != -1 ){
		return true;
	}else{
		return false;
	}
}

//Ajax scripts Session Checker
//To use this function, you must declare a session named iscleared.
//And put the file under the script you execute.

function session_checker(){
	var check_http = createXMLHttpRequest();
	
	var myurl;
	myurl = "../ajax_page/check_session_status.cfm";
	
	check_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	check_http.send(null);
	
	if( check_http.responseText.search('exists') != -1 ){
		return true;
	}else{
		alert("因瀏覽記錄已被清空，為避免造成困擾，將重新整理網頁。");
		window.location.reload(true);
		return false;
	}
}

function getResponseText(myurl){
	var get_http = createXMLHttpRequest();
	
	get_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	get_http.send(null);
	
	return trim(get_http.responseText);
}

//傳入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 add_to_animation_queue(target){
	animation_queue.push(target);
}

function delete_from_animation_queue(target){
	var length = animation_queue.length - 1;
	for( var i = length; i <= 0; i-- ){
		if( target == animation_queue[i] ){
			array_delete(animation_queue,i);
		}
	}
}

function setInnerHtml(target,content){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		obj.innerHTML = content;
	}
}

function getInnerHtml(target){
	var obj;
	var value = "";
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		value = obj.innerHTML;
	}
	
	return value;
}
	
function setTagAttribute(target,attribute,value){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
			obj[attribute] = value;
	}
}

function getTagAttribute(target,attribute){
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
			value = obj[attribute];
	}
	
	return value;
}

function setTagStyleAttribute(target,style,value){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		if( style == "filter" || style == "opacity" ){
			if( document.all ){
				obj.style['filter'] = "alpha(opacity=" + value + ")";
			}else{
				obj.style['opacity'] = value / 100;
			}
		}else{
			obj.style[style] = value;
		}
	}
}

function getTagStyleAttribute(target,style){
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		if( style == "filter" || style == "opacity" ){
			if( document.all ){
				value = obj.style['filter'];
			}else{
				value = obj.style['opacity'];
			}
		}else{
			value = obj.style[style];
		}
	}
	return value
}

function setInnerText(target,text){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		obj.innerText = text;
	}
}

function getInnerText(target){
	alert("firefox denied");
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		value = obj.innerText;
	}
	
	return value;
}

function getTag(id){
	return document.getElementById(id);
}

/**
	要使用這個Function必須先把最外層的容器id指定為"middle_target"
	在enter_frame中使用此function可將頁面永遠保持置中
**/

var middle_usage_last_window_size = 0;

function middle_page(){
	
	var target = "middle_target"
	var page_height = parseInt(getTagAttribute(target,"scrollHeight"),10);
	var stage_height = parseInt(document.documentElement.clientHeight,10);
	
	if( stage_height != 0 && page_height != 0 ){
		if( middle_usage_last_window_size != stage_height && stage_height >= page_height ){
			middle_usage_last_window_size = stage_height;
			var stage_height_half = stage_height / 2;
			var page_height_half = page_height / 2;
			
			var marginTop = stage_height_half - page_height_half;

			setTagStyleAttribute(target,"marginTop", marginTop + "px");
		}
	}
}

function dispatchEvent(eventType,target,caseSensitve){
	if( caseSensitve == null || caseSensitve == false ){
		eventType = eventType.toLowerCase();
	}
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	//alert(eventType);
	if( eventType == "click" ){
		if( document.createEventObject ){//dispatch for IE
			var evt = document.createEventObject();
			obj.fireEvent('onclick',evt);
		}else{//dispatch for firefox,chrome
			var evt = document.createEvent("MouseEvent");
			evt.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null);
			obj.dispatchEvent(evt);
		}
	}
}

function show_fancy_box(id,url){
	var j1 = document.getElementById(id);
	
	j1.href = url;

	$('#' + id).trigger('click');
}

//呼叫此function可關閉fancy_box，設定傳入參數直可決定關閉fancybox的動作
function close_fancybox(call,params){
	$.fancybox.close();
	try{
		call_function(call,params);
		
	}catch(exception){
	}
}

function call_function(call,params){
	try{
		ready_to_call = call;
		prepared_params = params;
		setTimeout(call_additional_function,1);	//須用delay才能順利呼叫function
		
	}catch(exception){
	}
}

function call_additional_function(){
	try{
		this[ready_to_call](prepared_params);
	}catch(exception){
	}
}

function do_redirection(myurl){
	window.location = myurl;
}

//To use this method, you should pass parameters named "aurguments"
function get_function_name(target_arguments){
	return target_arguments.callee.toString().match(/function ([^\(]+)/)[1];
}

function set_img(self,img_src){
	$(self).attr("src",img_src);
}

//去除多於空白
function trim(stringToTrim)
{
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function trim_left(stringToTrim){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/^\s+/g,replace_text);
}

function trim_right(stringToTrim,replace_text){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/\s+$/g,replace_text);
}

function trim_2_space(stringToTrim,replace_text){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/\s{2,}/g,replace_text);
}

/*function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
	num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
	cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+','+
	num.substring(num.length-(4*i+3));
	return (((sign)?'':'-') + '$' + num);
}*/

function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
	num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
	cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+','+
	num.substring(num.length-(4*i+3));
	return (((sign)?'':'-') + '$' + num) + "." + cents;
}

function ValidEmail(emailtoCheck)
{
	// 規則: 1.只有一個 "@"
	//       2.網址中, 至少要有一個".", 且不能連續出現
	//       3.不能有空白


	var regExp = /^[^@^\s]+@[^\.@^\s]+(\.[^\.@^\s]+)+$/;
	if ( emailtoCheck.match(regExp) )
		return true;
	else
		return false;
}

function get_browser_name(){
	var browser = "";
	var explorer_attribute = navigator.userAgent.toLowerCase();
	
	if( explorer_attribute.search("msie") != -1 ){
		browser = "IE";
	}else if( explorer_attribute.search("firefox") != -1 ){
		browser = "firefox";
	}else if( explorer_attribute.search("chrome") != -1 ){
		browser = "chrome";
	}
	
	return browser;
}

function history_back(){
	history.back(-1);
}

function isDate(dateStr) {

	var datePat = /^(\d{1,2})(\/)(\d{1,2})(\/|-)(\d{4})$/;
	var matchArray = dateStr.match(datePat); // is the format ok?

	if (matchArray == null) {
		alert("Please enter date as either yyyy/mm/dd.");
		return false;
	}

	month = matchArray[1]; // p@rse date into variables
	day = matchArray[3];
	year = matchArray[5];
	
	if (month < 1 || month > 12) { // check month range
		alert("Month must be between 1 and 12.");
		return false;
	}
	
	if (day < 1 || day > 31) {
		alert("Day must be between 1 and 31.");
		return false;
	}
	
	if ((month==4 || month==6 || month==9 || month==11) && day==31) {
		alert("Month "+month+" doesn`t have 31 days!")
		return false;
	}
	
	if (month == 2) { // check for february 29th
		var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
		if (day > 29 || (day==29 && !isleap)) {
			alert("February " + year + " doesn`t have " + day + " days!");
			return false;
		}
	}
	return true; // date is valid
}

function validate_website_address(self,e){
	if( (e.keyCode < 35 || e.keyCode > 40) && e.keyCode != 46 && e.keyCode != 8 ){
		var value = self.value;
		value = value.replace(/\s/g,"");
		value = value.replace(/\\/g,"/");
		value = "http://" + value.replace(/http:\/\//ig,"");
		if( self.value != value ){
			self.value = value;
		}
	}
}

/**
	將目標的值改為純數字，通常接在keyup後面
	number_only代表非數字，但只能輸入數字
**/
function set_target_value_to_numeric(target,e,dv,number_only){
	if( typeof(e) != "undefined" ){
		if( e.keyCode >= 37 && e.keyCode <= 40 || e.keyCode == 16 ){
			return;
		}else if( e.keyCode == 13 ){
			self.blur();
		}
	}
	var default_target_value = typeof(dv) == "undefined"?1:dv;
	if( target.value != "" ){
		target.value = target.value.replace(/\D/g,"")?target.value.replace(/\D/g,""):default_target_value;
	}else{
		target.value = default_target_value;
	}
	
	if( !number_only ){
		target.value = target.value - 0;
	}
}

function setChecked(id){
	getTag(id).checked = true;
}

function setUnchecked(id){
	getTag(id).checked = false;
}

function setAllCheckStatus(header,status){
	
	var obj_series = init_animation_object("input",header);
	var obj_series_length = obj_series.length;
	
	if( !status ){
		for( var i = 0; i < obj_series_length; i++ ){
			$(obj_series[i].target).removeAttr("checked");
		}
	}else{
		for( var i = 0; i < obj_series_length; i++ ){
			$(obj_series[i].target).attr("checked","checked");
		}
	}
}

function setReverseCheck(header){
	var obj_series = init_animation_object("input",header);
	var obj_series_length = obj_series.length;
	
	var target;
	
	for( var i = 0; i < obj_series_length; i++ ){
		target = $(obj_series[i].target);
		if( target.attr("checked") == "checked" ){
			$(obj_series[i].target).removeAttr("checked");
		}else{
			$(obj_series[i].target).attr("checked","checked");
		}
	}
}

function setFollowCheck(target,header){
	var target_obj = ( typeof(target) == "string" ) ? $("#" + target) : $(target);
	
	var checked_status = target_obj.attr("checked");
	
	var obj_series = init_animation_object("input",header);
	var obj_series_length = obj_series.length;
	
	if( typeof(checked_status) == "undefined" ){
		for( var i = 0; i < obj_series_length; i++ ){
			$(obj_series[i].target).removeAttr("checked");
		}
	}else{
		for( var i = 0; i < obj_series_length; i++ ){
			$(obj_series[i].target).attr("checked",checked_status);
		}
	}
}

function trace(){
	var length = arguments.length;
	
	for( var i = 0; i < length; i++ ){
		console.log(arguments[i]);
	}
}

function do_encoded(string){
	return encodeURIComponent(string);
}

function is_defined(param){
	if( typeof(param) == "undefined" ){
		return false;
	}else{
		return true;
	}
}

function do_clear_text(self,string){
	
	if( typeof(self) == "string" ){
		self = $("#" + self);
	}else{
		self = $(self);
	}
	
	if( string ){
		if( self.val() == trim(string) ){
			self.val("");
		}
	}else{
		self.val("");
	}
	
	self.focus();
}

function do_fill_text(self,string){
	if( trim(self.value) == "" ){
		self.value = string;
	}
}

//seperate string by number
function paragraph_breaker(string,paragraph_length){
	var temp_array = new Array();
	var length = html.length;
	var count = Math.ceil(length / paragraph_length);
	var temp_str = "";
	
	for( var i = 0; i < count; i++ ){
		if( i == 0 ){
			temp_str = string.substr(0, (i + 1) * paragraph_length);
			temp_array.push(temp_str)
		}else{
			temp_str = string.substring((i + 1) * paragraph_length, i * paragraph_length + 1);
			temp_array.push(temp_str)
		}
	}
	
	return temp_array;
}

/**
	Array and List Handler
**/

function list_to_array(list,list_delimiter){
	var array = list.split(list_delimiter);
	return array;
}

function list_length(list,list_delimiter){
	var array = list_to_array(list,list_delimiter);
	return array.length;
}

function list_get(list,list_delimiter,index){
	var array = list_to_array(list,list_delimiter);
	return array[index];
}

function list_delete(list,list_delimiter,index){
	var array = list_to_array(list,list_delimiter);
	array = array_delete(array,index);
	var length = array.length;
	var temp_list = array_to_list(array,list_delimiter);
	
	return temp_list;
}

function array_to_list(array,list_delimiter){
	var length = array.length;
	var temp_list = "";
	for( var i = 0; i < length; i++ ){
		if( i == 0 ){
			temp_list = array[i];
		}else{
			temp_list += list_delimiter + array[i];
		}
	}
	return temp_list;
}

function array_delete(array,index){
	array.splice(index,1);
	
	return array;
}

function in_array(array,obj) {
    return (array.indexOf(obj) != -1);
}

if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function (obj, fromIndex) {
    if (fromIndex == null) {
        fromIndex = 0;
    } else if (fromIndex < 0) {
        fromIndex = Math.max(0, this.length + fromIndex);
    }
    for (var i = fromIndex, j = this.length; i < j; i++) {
        if (this[i] === obj)
            return i;
    }
    return -1;
  };
}

/**
Table Handler
**/

function insert_tr(_table_id){
	var _rownum = getTag(_table_id).rows.length;
	return getTag(_table_id).insertRow(_rownum);
}

function insert_td(_tr_obj){
	var _insert_td = document.createElement("td");
	_tr_obj.appendChild(_insert_td);
	return _insert_td;
}

function create_td(){
	return document.createElement("td");
}

/**
	取得密碼強度
	長度大於lower_length	:	強度+1
	含有數字				:	強度+1
	含有小寫字母			:	強度+1
	含有大寫字母			:	強度+1
	含有其他符號			:	強度+1
**/
function password_strength(str,lower_length){
	var num = str.replace(/[0-9]/g,"1");
	var aa = num.replace(/[a-z]/g,"2");
	var AA = aa.replace(/[A-Z]/g,"3");
	var sb = AA.replace(/[`~!@#$%^&*()_\+=\[\]\{\}'";:\?\/,.<>\-\\]/g,"4");
	var length = sb.length;
	var lv = 0;
	
	if( length >= lower_length ){
		lv += 1;
	}
	
	if( sb.search(1) != -1 ){
		lv += 1;
	}
	
	if( sb.search(2) != -1 ){
		lv += 1;
	}
	
	if( sb.search(3) != -1 ){
		lv += 1;
	}
	
	if( sb.search(4) != -1 ){
		lv += 1;
	}
	
	return lv;
}

</script>


<script>

$.maxZIndex = $.fn.maxZIndex = function(opt) {
    /// <summary>
    /// Returns the max zOrder in the document (no parameter)
    /// Sets max zOrder by passing a non-zero number
    /// which gets added to the highest zOrder.
    /// </summary>    
    /// <param name="opt" type="object">
    /// inc: increment value, 
    /// group: selector for zIndex elements to find max for
    /// </param>
    /// <returns type="jQuery" />
    var def = { inc: 10, group: "*" };
    $.extend(def, opt);    
    var zmax = 0;
    $(def.group).each(function() {
        var cur = parseInt($(this).css('z-index'));
		if( cur < 2000000000 ){
        	zmax = cur > zmax ? cur : zmax;
		}
    });
    if (!this.jquery)
        return zmax;

    return this.each(function() {
        zmax += def.inc;
        $(this).css("z-index", zmax);
    });
}

</script>


<script>

(function( $ ){
	
	$.fn.cmc_filter_init = function( options ) {
		var settings = {
		  'id'		: 'filter_kit_desk',
		  'zindex'	: 999,
		  'duration': 500,
		  'color' 	: '#000',
		  'alpha'	: 0.5,
		  'caller'	: null,
		  'call' 	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		var caller = settings.caller;
		var call = settings.call;
		
		var filter_kit_id = settings.id;
		var filter_kit_z_index = settings.zindex;
		var filter_kit_color = settings.color;
		var filter_kit_duration = settings.duration;
		
		var width = $(document).width();
		var height = $(document).height();
		
		
		filter_kit_div = document.createElement("div");
		filter_kit_div.id = filter_kit_id;
		
		document.body.appendChild(filter_kit_div);
		
		$("#" + filter_kit_id).width(width);
		$("#" + filter_kit_id).height(height);
		
		$("#" + filter_kit_id).css("position","absolute");
		$("#" + filter_kit_id).css("display","none");
		
		$("#" + filter_kit_id).css("opacity","0");
		
		$("#" + filter_kit_id).css("z-index",filter_kit_z_index);
		$("#" + filter_kit_id).css("left","0");
		$("#" + filter_kit_id).css("top","0");
		$("#" + filter_kit_id).css("background-color",filter_kit_color);
		
	}
	
	$.fn.cmc_filter_addEventListener = function (options){
		
		var settings = {
		  'id'		: 'filter_kit_desk',
		  'zindex'	: 999,
		  'duration': 500,
		  'color' 	: '#000',
		  'alpha'	: 0.5,
		  'caller'	: null,
		  'call' 	: null,
		  'sub_call'		: null,
		  'sub_call_params'	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		var caller = settings.caller;
		var call = settings.call;
		var sub_call = settings.sub_call;
		var sub_call_params = settings.sub_call_params;
		
		var filter_kit_id = settings.id;
		var filter_kit_z_index = settings.zindex;
		var filter_kit_color = settings.color;
		var filter_kit_duration = settings.duration;
		
		if( caller != null ){
		
			$("#" + filter_kit_id).click(         
										(function() {
											var new_caller = caller;
											var new_call = call;
											var new_settings = settings;
											return function() { 							  			
												new_caller[new_call](new_settings);
												if( sub_call != null ){
													sub_call(sub_call_params);
												}
											}
										})()            
									 );
		}else{
			$("#" + filter_kit_id).click(
										 	(function() {
												var id = filter_kit_id;
												return function() { 							  			
													$.fn.cmc_filter_hide({"id" : id});
												}
											})()   
										 );
		}
		
	}
	
	$.fn.cmc_filter_show = function (options){
		var settings = {
		  'id'		: 'filter_kit_desk',
		  'zindex'	: 999,
		  'duration': 500,
		  'color' 	: '#000',
		  'alpha'	: 0.5,
		  'caller'	: null,
		  'call' 	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		$.fn.cmc_filter_init(settings);
		
		var filter_kit_id = settings.id;
		var filter_kit_z_index = settings.zindex;
		var filter_kit_color = settings.color;
		var filter_kit_duration = settings.duration;
		
		$("#" + filter_kit_id).css("display","");
		$("#" + filter_kit_id).clearQueue();
		$("#" + filter_kit_id).queue(function (){
			
			$("#" + filter_kit_id).animate({
								 opacity: settings.alpha
								 },filter_kit_duration,"easeOutCubic");
		});
			
		$("#" + filter_kit_id).dequeue();
	}
	
	$.fn.cmc_filter_hide = function (options){
		var settings = {
		  'id'		: 'filter_kit_desk',
		  'zindex'	: 999,
		  'duration': 300,
		  'color' 	: '#000',
		  'alpha'	: '0.5',
		  'caller'	: null,
		  'call' 	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		var filter_kit_id = settings.id;
		var filter_kit_z_index = settings.zindex;
		var filter_kit_color = settings.color;
		var filter_kit_duration = settings.duration;
		
		$("#" + filter_kit_id).clearQueue();
		$("#" + filter_kit_id).queue(function (){
			
			$("#" + filter_kit_id).animate( {
								 opacity: 0
								 },filter_kit_duration,"easeOutCubic", function (){ $("#" + filter_kit_id).css("display","none"); try{document.body.removeChild($("#" + filter_kit_id).get(0));}catch(exception){} } );
		});
			
		$("#" + filter_kit_id).dequeue();
	}
		  
})( jQuery );

</script>


<script>

(function( $ ){
		  
  $.fn.cmc_float_init = function() {
  
    this.css("display","none");
	this.css("position","absolute");
	this.css("opacity",0);

  };
  
  $.fn.cmc_float_show = function(options) {
	  
  	var settings = {
	  'filter_listener'	: true,
	  'filter_color'	: '#000',
	  'filter_alpha'	: 0.5,
	  'sub_call'		: null,
	  'sub_call_params'	: null
	};
	
	if ( options ) { 
		$.extend( settings, options );
	}
  
  	var stage_width = $(document).width();
	var stage_height = $(window).height();
	var scroll_top = $(window).scrollTop();
	
	var width = this.width();
	var height = this.height();
	
	var y_middle_pos = stage_height / 2 - height / 2;
	
	var x = stage_width / 2 - width / 2;
	var y = scroll_top + y_middle_pos;
	if( y_middle_pos < 0 ){
		y = scroll_top;
	}
	
  	this.css("left",x);
	this.css("top",y);
  	
  	//filter_kit_show_filter($(this),'cmc_float_hide',300,new_zindex - 1);
	
	var new_zindex = $.maxZIndex() + 1;
	
	$.fn.cmc_filter_show({
		  'id'		: this.attr("id") + "_",
		  'zindex'	: new_zindex,
		  'color' 	: settings.filter_color,
		  'alpha'	: settings.filter_alpha,
		  'caller'	: $(this),
		  'call' 	: 'cmc_float_hide'
		});
	
	this.css("z-index",new_zindex + 1);
	
  	this.css("display","");
	
	this.clearQueue();
	
	if( settings.filter_listener ){
	
		this.queue(function (){
			
			$(this).animate({
						 opacity: 1
						 },300,"easeOutCubic", 
							function (){ 
								$(this).css("opacity",""); 
								$.fn.cmc_filter_addEventListener({
								  'id'		: $(this).attr("id") + "_",
								  'caller'	: $(this),
								  'call' 	: 'cmc_float_hide',
								  'sub_call'		: settings.sub_call,
								  'sub_call_params'	: settings.sub_call_params
								}); 
							});
		});
	
	}else{
		
		this.queue(function (){
			
			$(this).animate({
						 opacity: 1
						 },300,"easeOutCubic");
		});
		
	}
		
	this.dequeue();

  };
  
  $.fn.cmc_float_hide = function(options) {
  
  	//filter_kit_hidden_filter();
	
	var settings = {
	  'hide_filter'	: true
	};
	
	if ( options ) { 
		$.extend( settings, options );
	}
	
	if( settings.hide_filter ){
		$.fn.cmc_filter_hide({
		  'id'		: this.attr("id") + "_"
		});	
	}
	
  	this.css("display","");
	
	this.clearQueue();
	this.queue(function (){
		
		$(this).animate( {
						opacity: 0
						},300,"easeOutCubic",function (){ $(this).css("display","none"); } );
	});
		
	this.dequeue();
	
  };
  
})( jQuery );

</script>


<script>

(function( $ ){

	$.fn.cmc_slider_init = function (){
		this.css("position","absolute");
		
		var height = this.height() + 50;
		
		this.css("top",-height);
		this.css("display","block");
	}
	
	$.fn.cmc_slider_show = function (options){
		
		var settings = {
		  'filter_listener'	: true,
		  'filter_color'	: '#000',
	  	  'filter_alpha'	: 0.5,
		  'sub_call'		: null,
		  'sub_call_params'	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		var new_zindex = $.maxZIndex() + 1;
		
		var stage_width = $(document).width();
		var width = this.width();
		var x = stage_width / 2 - width / 2;
		this.css("left",x);
		
		
		$.fn.cmc_filter_show({
		  'id'				: this.attr("id") + "_",
		  'zindex'			: new_zindex,
		  'color' 			: settings.filter_color,
		  'alpha'			: settings.filter_alpha,
		  'caller'			: $(this),
		  'call' 			: 'cmc_slider_hide'
		});
		
		this.css("z-index",new_zindex + 1);
		
		this.clearQueue();
		
		if( settings.filter_listener ){
			this.queue(function (){
				
				$(this).animate({
							 top: 0
							 },1000,"easeInOutCubic",
							 
								 function (){ 
									$.fn.cmc_filter_addEventListener({
									  'id'		: $(this).attr("id") + "_",
									  'caller'	: $(this),
									  'call' 	: 'cmc_slider_hide',
									  'sub_call'		: settings.sub_call,
									  'sub_call_params'	: settings.sub_call_params
									}); 
								});
			});
		}else{
			this.queue(function (){
				
				$(this).animate({
							 top: 0
							 },1000,"easeInOutCubic");
			});
		}
			
		this.dequeue();
		
	}
	
	$.fn.cmc_slider_hide = function (){
		
		$.fn.cmc_filter_hide({
		  'id'		: this.attr("id") + "_"
		});
		
		var height = this.height() + 50;
		
		this.clearQueue();
		this.queue(function (){
			
			$(this).animate({
						 top: -height
						 },500,"easeInOutCubic");
		});
			
		this.dequeue();
		
	}

})( jQuery );

</script>


<script>

(function( $ ){

	$.fn.cmc_left_slider_init = function (){
		this.css("position","absolute");
		
		var width = this.width() - 60;
		
		this.css("left",-width);
		this.css("display","");
	}
	
	$.fn.cmc_left_slider_show = function (options){
		
		var settings = {
		  'filter_listener'	: true,
		  'filter_color'	: '#000',
	  	  'filter_alpha'	: 0.5,
		  'sub_call'		: null,
		  'sub_call_params'	: null
		};
		
		if ( options ) { 
			$.extend( settings, options );
		}
		
		var new_zindex = $.maxZIndex() + 1;
		
		//var stage_width = $(document).width();
		//var width = this.width();
		//var x = stage_width / 2 - width / 2;
		//this.css("left",x);
		
		$.fn.cmc_filter_show({
		  'id'		: this.attr("id") + "_",
		  'zindex'	: new_zindex,
		  'color' 	: settings.filter_color,
		  'alpha'	: settings.filter_alpha,
		  'caller'	: $(this),
		  'call' 	: 'cmc_slider_hide'
		});
		
		this.css("z-index",new_zindex + 1);
		
		this.clearQueue();
		
		if( settings.filter_listener ){
		
			this.queue(function (){
				
				$(this).animate({
							 left: 0
							 },1000,"easeInOutCubic",
								 function (){ 
									$.fn.cmc_filter_addEventListener({
									  'id'		: $(this).attr("id") + "_",
									  'caller'	: $(this),
									  'call' 	: 'cmc_left_slider_hide',
									  'sub_call'		: settings.sub_call,
									  'sub_call_params'	: settings.sub_call_params
									}); 
								});
			});
			
		}else{
			this.queue(function (){
				
				$(this).animate({
							 top: 0
							 },1000,"easeInOutCubic");
			});
		}
			
		this.dequeue();
		$.fn.cmc_left_slider_status = "show";
		
	}
	
	$.fn.cmc_left_slider_hide = function (){
		
		$.fn.cmc_filter_hide({
		  'id'		: this.attr("id") + "_"
		});
		
		var width = this.width() - 60;
		
		this.clearQueue();
		this.queue(function (){
			
			$(this).animate({
						 left: - width
						 },500,"easeInOutCubic");
		});
			
		this.dequeue();
		$.fn.cmc_left_slider_status = "hide";
		
	}
	
	$.fn.cmc_left_slider_status = "hide";

})( jQuery );

</script>


<script>

function cmc_calendar(url){
	
	var input_target;	//日期輸入目標id
	var obj = this;		//class物件
	var div = document.createElement("div");		//日曆顯示物件
	var size_div = document.createElement("div"); 	//日曆計算大小物件
	
	//取得body物件
	var body_obj = document.getElementsByTagName("body")[0];
	
	//設定css
	$(div).css("display","none");
	$(div).css("opacity",0);
	$(div).css("position","absolute");
	$(div).css("overflow","hidden");
	$(div).css("width",0);
	$(div).css("height",0);
	
	$(size_div).css("display","none");
	
	//加入日歷及計算大小容器物件
	body_obj.appendChild(div);
	body_obj.appendChild(size_div);
	
	var top_element = $(body_obj).children()[0];
	
	//設定偵聽事件
	var click_handler = function(){ obj.hideCalendar(); };
	$(div).bind("mouseover",function(){ $(body_obj).unbind("click",click_handler); });
	$(div).bind("mouseout",function(){ $(body_obj).bind("click",click_handler); });
	
	//基本參數
	var add_month = 0;
	var duration = 500;
	var easing = "easeOutCubic";
	var mouse_x = 0;
	var mouse_y = 0;
	
	//設定日曆座標
	obj.setPosition = 
		function (x,y){
			mouse_x = x;
			mouse_y = y;
		};
	
	//取得日曆座標
	obj.getPosition = 
		function (){
			var pos = new Object();
			pos.x = mouse_x;
			pos.y = mouse_y;
			
			return pos;
		};
	
	//取得日曆
	obj.getCalendar = 
		function (type){
			
			var new_zindex = $.maxZIndex() + 1;
			$(div).css("z-index",new_zindex);
			
			if(!type){
				//do nothing
			}else if( type == "next" ){
				obj.setNextMonth();
			}else if( type == "prev" ){
				obj.setPrevMonth();
			}
			
			var ajax_url = url + "?add_month=" + add_month;
			
			if( !type ){
				$(div).clearQueue();
				$(div).queue(function (){
					
					$(div).animate( {
									opacity	:	0,
									width	:	0,
									height	:	0
									},duration / 5,easing, function (){ 
										$.ajax(
												{
													url: ajax_url,
													success: function(content){ obj.setCalendar(content); }
												}
										);
									});
				});
				$(div).dequeue();
			}else if( type == "next" || type == "prev" ){
				$.ajax(
						{
							url: ajax_url,
							success: function(content){ obj.setCalendar(content); }
						}
				);
			}
		};
	
	//設定日曆內容
	obj.setCalendar = 
		function (content){
			$(size_div).html(content);
			$(div).html(content);
			var width = $(size_div).width();
			var height = $(size_div).height();
			
			$(div).css("left",mouse_x);
			$(div).css("top",mouse_y);
			
			$(div).css("display","");
			
			$(div).clearQueue();
			$(div).queue(function (){
				
				$(div).animate( {
								opacity	:	1,
								width	:	width,
								height	:	height
								},duration,easing);
			});
			$(div).dequeue();
			
			$(body_obj).bind("click",click_handler);
		};
		
	//設定顯示日曆與當前月份的月份差
	obj.setAddMonth = 
		function (value){
			add_month = value;
		};
	
	//取得顯示日曆與當前月份的月份差
	obj.getAddMonth = 
		function (){
			return add_month;
		};
		
	//設定輸入項目id
	obj.setInputTarget = 
		function (id){
			input_target = id;
		}
	
	//取得輸入項目id
	obj.getInputTarget = 
		function (){
			return input_target;
		}
	
	//設定目前月份差為當前顯示月份的下個月
	obj.setNextMonth = 
		function (){
			add_month ++;
		};
	
	//設定目前月份差為當前顯示月份的上個月
	obj.setPrevMonth = 
		function (){
			add_month --;
		};
	
	//設定輸入項目值
	obj.setInputValue = 
		function (value){
			$("#" + input_target).val(value);
		};
	
	//取得輸入項目值
	obj.getInputValue = 
		function (value){
			return $("#" + input_target).val();
		};
	
	//隱藏日曆
	obj.hideCalendar = 
		function (){
			$(div).clearQueue();
			$(div).queue(function (){
				
				$(div).animate( {
								opacity	:	0,
								width	:	0,
								height	:	0
								},duration,easing);
			});
			$(div).dequeue();
		}
	
	//清空日曆
	obj.distroyCalendar = 
		function (){
			obj = null;
		};
	
}

</script>


<script>

$(document).ready(init_obj_function);

var cal;
var document_mouse_x = 0;
var document_mouse_y = 0;
var calendar_url = "./ajax_page/cmc_calendar.cfm";

function init_obj_function(){
	cal = new cmc_calendar(calendar_url);
	$(document).mousemove(function(e){
		document_mouse_x = e.pageX;
		document_mouse_y = e.pageY;
	}); 
}

function get_ajax_calendar(target){
	
	cal.setAddMonth(0);
	cal.setPosition(document_mouse_x,document_mouse_y);
	cal.setInputTarget(target);
	cal.getCalendar();
}

function get_next_ajax_calendar(){
	cal.getCalendar("next");
}

function get_prev_ajax_calendar(){
	cal.getCalendar("prev");
}

function set_input_calendar_value(value){
	cal.setInputValue(value);
	cal.hideCalendar();
}

</script>


<script>

$(document).ready( init_float_windows );

function init_float_windows(){
	$("#float_cancel_div").cmc_float_init();

}

function show_cancel_window(){
	$("#float_cancel_div").cmc_float_show();
}

function hide_cancel_window(){
	$("#float_cancel_div").cmc_float_hide();
}

</script>


<script>


function cmc_force_download(url){
	
	var obj = this;		//class物件
	var div = document.createElement("div");		//下載物件容器
	var form = document.createElement("form");
	var path_input = document.createElement("input");
	var name_input = document.createElement("input");
	var iframe = document.createElement("iframe");
	
	$(div).css("display","none");
	
	//取得body物件
	var body_obj = document.getElementsByTagName("body")[0];
	body_obj.appendChild(div);
	
	var download_url = url;
	
	obj.init = function(){
		
		$(form).attr("action",download_url);
		$(form).attr("method","post");
		$(form).attr("name","cmc_download_form");
		$(form).attr("target","cmc_download_iframe");
		$(iframe).attr("name","cmc_download_iframe");
		
		$(path_input).attr("name","full_file_path");
		$(path_input).attr("value","");
		$(name_input).attr("name","display_name");
		$(name_input).attr("value","");
		
		
		div.appendChild(form);
		form.appendChild(path_input);
		form.appendChild(name_input);
		div.appendChild(iframe);
		
	}
	
	obj.download = function(path,name){
		$(path_input).val(path);
		$(name_input).val(name);
		$(form).submit();
		console.log(path,name);
	}
	
	obj.init();
}

</script>


<script language="javascript" type="text/javascript">

function enter_frame(){
	connection_pool_handler();
	
	try{
		animation_renderer();
	}catch(exception){
	}
	
	animation_handler();
	
	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;
	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";
			}
		}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();
				}
			}
		}
	}
}


var frame_interval = 33;	//進入Frame function的間隔
var timer = setTimeout(enter_frame,frame_interval);	//Enter Frame Timer 物件全部創建完成後再啟動，避免空物件造成錯誤

</script>

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link href="./css_zh_tw/ann.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="./js/ann_pikachoose-4.5.0/css/pikachoose.css" rel="stylesheet" />
<script type="text/javascript" src="./js/ann_pikachoose-4.5.0/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="./js/ann_pikachoose-4.5.0/js/jquery.pikachoose.full.js"></script>
<script type="application/javascript">
//初始主圖
$(document).ready(function(e) {
	$("#pikame").PikaChoose({
			autoPlay:false, //自動播放
			speed:5000,    //自動播放延遲時間
			startOn: 0, // 開始圖片 0開始
			fadeThumbsIn:false,
			//text: { play: "", stop: "", previous: "上一張", next: "下一張", loading: "Loading" }, //文字
			transition:[1],      //特效 -1隨機 0~6
			showCaption: false,   //顯示標題
			showTooltips: false, // 縮圖提示文字
			carousel: true,     // 啟用此激活jCarousel的幻燈片。詳見文件
			carouselVertical: false, //啟用此激活jCarousel的幻燈片。
			thumbOpacity: 0.35,   // 設置非活動圖像的不透明度。
			hoverPause: true,   //滑入暫停
			animationSpeed: 600, //特效時間
			//buildFinished:fancybox_pop //綁fancybox
	});
	
	$('div.arrow_next').click(function(e){
		$('#pikame').data('pikachoose').Next();
	})
	
	$('div.arrow_prev').click(function(e){
		$('#pikame').data('pikachoose').Prev();
	})    
	$('.pika-stage').css('height',800);
	//alert($('.pika-stage img').parent().html());
});
</script>

<script>

function set_lang(lang){
	getResponseText("./ajax_page/set_language.cfm?lang=" + lang);
	window.location.reload(true);
}

function edit_application(apply_serial_id){
	var apply_serial = trim( $("#" + apply_serial_id).val() );
	if( apply_serial == "" ){
		alert("請輸入驗證碼");
		return false;
	}
	document.serial_form.submit();
}

function cancel_application(apply_serial_id){
	var apply_serial = trim( $("#" + apply_serial_id).val() );
	if( apply_serial == "" ){
		alert("請輸入驗證碼");
		return false;
	}
	var myurl = "./ajax_page/get_application_by_apply_serail.cfm?apply_serial=" + apply_serial;
	var results = getResponseText(myurl);
	
	alert(results);
	$("#" + apply_serial_id).val("");
	hide_cancel_window();
}

</script>

</head>


<body onLoad="MM_preloadImages('img_zh_tw/menu_act02.jpg','img_zh_tw/menu_act03.jpg','img_zh_tw/menu_plc01.jpg','img_zh_tw/menu_plcact02.jpg','img_zh_tw/menu_plcact03.jpg')">

<div id="wrapper">


<div id="header">
<div id="logo">
<a href="http://www.nlpi.edu.tw/" target="_blank"><img src="img_zh_tw/logo.jpg" width="223" height="36" border="0" /></a>

<div id="right_manu">
<a href="http://www.nlpi.edu.tw/">圖書館首頁</a>
<img src="img_zh_tw/rightmanu_dot2.gif" width="10" height="18" />


	<a href="#" onclick="set_lang('en_us'); return false;"><font face="Arial, Helvetica, sans-serif">English</font></a>


</div>

</div>
</div>


<!--*************上方logo和選單end***************-->


<div id="banner">
<div id="left_grayarea"><img src="img_zh_tw/grayarea.jpg" width="160" height="155" /></div>
<div id="plc_banner"><img src="img_zh_tw/plc_banner.jpg" width="717" height="222" /></div>
</div>


<div id="content">


	<div id="left_menu"><a href="index.cfm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu','','img_zh_tw/menu_plcact01.jpg',1)"><img src="img_zh_tw/menu_plcact01.jpg" name="menu" width="177" height="33" border="0" id="menu" /></a><a href="search.cfm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu02','','img_zh_tw/menu_plcact02.jpg',1)"><img src="img_zh_tw/menu_plc02.jpg" alt="場地查詢及申請" name="menu02" width="177" height="50" border="0" id="menu02" /></a><a href="notice.cfm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu3','','img_zh_tw/menu_plcact03.jpg',1)"><img src="img_zh_tw/menu_plc03.jpg" alt="場地使用管理須知" name="menu3" width="177" height="50" border="0" id="menu3" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu4','','img_zh_tw/menu_plcact04.jpg',1)" onclick="show_cancel_window(); return false;"><img src="img_zh_tw/menu_plc04.jpg" alt="更正取消場地申請單" name="menu4" width="177" height="50" border="0" id="menu4" /></a><a href="search_today.cfm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu5','','img_zh_tw/menu_plcact05.jpg',1)"><img src="img_zh_tw/menu_plc05.jpg" alt="今日各場地借用一覽表" name="menu5" width="177" height="51" border="0" id="menu5" /></a><a href="plc_login.cfm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu6','','img_zh_tw/menu_plcact06.jpg',1)"><img src="img_zh_tw/menu_plc06.jpg" name="menu6" width="177" heigth="50" border="0" id="menu6"></a>
     <a onclick="window.open('plc_calendar.cfm', 'Calendar', config='scrollbars=yes,width=800,height=600');" style="cursor:pointer;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu7','','img_zh_tw/menu_plcact07.jpg',1)">
     <img src="img_zh_tw/menu_plc07.jpg" alt="行事曆" name="menu7" width="177"  border="0" id="menu7" />
     </a>
    </div>
    
    
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li id="tab_1" class="TabbedPanelsTab" tabindex="0">場地設備</li>
    <li id="tab_2" class="TabbedPanelsTab" tabindex="0">空間平面</li>
    <li id="tab_3" class="TabbedPanelsTab" tabindex="0">實景照片</li>
    <li id="tab_4" class="TabbedPanelsTab" tabindex="0">收費表</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"><img src="img_zh_tw/article_top.jpg" width="697" height="9" />
        <div id="article_big">
          <div id="article">
            
<div id="article_inside">
<blockquote><h4><img src="img_zh_tw/icon.png" width="10" height="13" />&nbsp;&nbsp;&nbsp;多元學習教室</h4></blockquote>
  <ul type="square" text-align: justify; al>
	
  </div>
      
    <div id="article_inside">
  <blockquote><div id="dotsline"><img src="img_zh_tw/dots_y.jpg" width="605" height="10" /></div>
</blockquote></div>
<div id="article_inside">
<blockquote><h4>場地設備</h4></blockquote>
<ul type="square" style="margin:3">
  <blockquote>
  	
    	<li>投影機1台</li>
    
    	<li>
音響設備1組</li>
    
    	<li>
內投影機電子白板2台</li>
    
</blockquote>
</div>
          </div>
<div id="article_right"><img src="img_zh_tw/text_sidebar.png" width="19" height="264" /></div>
<div id=article_bottom><img src="img_zh_tw/article_bottom.jpg" width="697" height="9" /></div>
</div>
</div>
    <div class="TabbedPanelsContent">
      <div id="article_top"><img src="img_zh_tw/article_top.jpg" width="697" height="9" /></div>
      <div id="article_big">
          <div id="article">
            
<div id="article_inside">
<blockquote><h4><img src="img_zh_tw/icon.png" width="10" height="13" />&nbsp;&nbsp;&nbsp;多元學習教室&nbsp;&nbsp;&nbsp;<img src="img_zh_tw/rightmanu_dot2.gif" width="10" height="18" />&nbsp;&nbsp;&nbsp;可容納人數 50</h4>
</blockquote>
  <ul type="square">
    
 </div>
 
<div id="article_inside">
<blockquote><div id="dotsline"><img src="img_zh_tw/dots_y.jpg" width="605" height="10" /></div>
</blockquote></div>
<div id="article_inside">
<blockquote><h4>空間平面</h4>
  <div id="roomdetail_img"></div>
  
  
<div id="map"><img src="http://app3.nlpi.edu.tw/vrrental/site_img/E7C9099783514797961E9DD7D14A3A3A.jpg" width="480" height="281.169590643" /></div><br />
<br />
<br />

</blockquote>
</div>
          </div>
        <div id="article_right"><img src="img_zh_tw/text_sidebar.png" width="19" height="264" /></div>
        <div id=article_bottom><img src="img_zh_tw/article_bottom.jpg" width="697" height="9" /></div>
      </div>
    </div>
    <div class="TabbedPanelsContent"><img src="img_zh_tw/article_top.jpg" width="697" height="9" />
        <div id="article_big">
          <div id="article">
<div id="article_inside">
<blockquote><h4><img src="img_zh_tw/icon.png" width="10" height="13" />&nbsp;&nbsp;&nbsp;多元學習教室</h4></blockquote>
  <ul type="square">
    
 </div>
 
<div id="article_inside">
<blockquote><div id="dotsline"><img src="img_zh_tw/dots_y.jpg" width="605" height="10" /></div>
</blockquote></div>
<div id="article_inside">
	<!-- 相簿 Ann 開始-->
                    
                    <div class="pikachoose">
                    	<div class="arrow_prev">&nbsp;</div>
                        <div class="arrow_next">&nbsp;</div>
                    	<ul id="pikame" >
                      		
    	
    	<li><img src="http://app3.nlpi.edu.tw/vrrental/site_img/80C77BA5185E4D409735E8B8BAA76A34.jpg" ref="" /><span></span></li>
    
    
                    	</ul>
                 	</div>
                    <!-- 相簿 Ann 結束-->


</div>
          </div>
<div id="article_right"><img src="img_zh_tw/text_sidebar.png" width="19" height="264" /></div>
<div id=article_bottom><img src="img_zh_tw/article_bottom.jpg" width="697" height="9" /></div>
</div>
</div>
    <div class="TabbedPanelsContent"><img src="img_zh_tw/article_top.jpg" width="697" height="9" />
        <div id="article_big">
          <div id="article">
            
<div id="article_inside">
<blockquote><h4><img src="img_zh_tw/icon.png" width="10" height="13" />&nbsp;&nbsp;&nbsp;多元學習教室</h4></blockquote>
  <ul type="square">
    
 </div>
 
<div id="article_inside">
<blockquote><div id="dotsline"><img src="img_zh_tw/dots_y.jpg" width="605" height="10" /></div>
</blockquote></div>
<div id="article_inside">
<blockquote><h4>收費表</h4>
<div id="article_inside">

    <table width="590" border="0" cellspacing="3" cellpadding="3">
  <tr>
    <th width="123" height="42" align="center" bgcolor="#E6E6E5" scope="col">場地名稱</th>
    <th width="106" height="42" bgcolor="#E6E6E5" scope="col">容納人數</th>
    <th width="124" height="42" bgcolor="#E6E6E5" scope="col">費用 / 時段</th>
    <th width="198" height="42" bgcolor="#E6E6E5" scope="col">計費規則</th>
  </tr>
  <tr>
    <th height="42" align="center" bgcolor="#ECECFF" scope="row">多元學習教室</th>
    <th height="42" align="center" bgcolor="#ECECFF">50</th>
    
    	<th height="42" align="center" bgcolor="#ECECFF">NTD 5,500</th>
    
    
    	<th height="42" bgcolor="#ECECFF">&nbsp; 未設定</th>
    
  </tr>
</table></blockquote>
<ul type="square" style="margin:3">
<blockquote>
    
</blockquote>
</div>
          </div>
<div id="article_right"><img src="img_zh_tw/text_sidebar.png" width="19" height="264" /></div>
<div id=article_bottom><img src="img_zh_tw/article_bottom.jpg" width="697" height="9" /></div>
</div>
</div>


</div>
</div>
  </div>
</div>
</div>
</div>
<h1>&nbsp;</h1>


	<div id="footer">
    	<div style="color:#FFF; font-size:12px;">
        	Copyright © 2011 國立公共資訊圖書館 NATIONAL LIBRARY of PUBLIC INFORMATION
        </div>
    	<div style="color:#FFF; font-size:12px;">
        	最佳瀏覽狀態:Google瀏覽器 / 螢幕解析度1024*768
        </div>
        <div style="color:#FFF; font-size:12px;">
        	累計拜訪人次：503512
        	
        </div>
    	
    </div>


<div class="app_cancel" id="float_cancel_div" style="display:none;">
    

	<form name="serial_form" method="post" action="apply_edit.cfm">
    <input type="hidden" name="PostBack" value="true">
    <input name="token" value="E25795DA0215180043D38977C1D90FA94AAA0755" type="hidden" > 
	<div class="app_cancel_closebtn">
    	<img style="cursor:pointer;" src="./img_zh_tw/app_closebtn.png" onclick="hide_cancel_window();"/>
	</div>
    
    <div class="app_cancel_body">
        <div class="app_cancel_explain">
            請輸入您的申請驗證碼，以進行更正/取消場地借用申請作業
        </div>
        
        <div class="app_cancel_password">
            驗證碼(10碼)
            <input class="app_cancel_password_input" type="text" name="apply_serial" id="apply_serial" />
        </div>
        
        <div class="app_cancel_btn">
            <img style="cursor:pointer;" src="img_zh_tw/app_changebtn.png" onclick="edit_application('apply_serial');" /> 
            <img style="cursor:pointer;" src="img_zh_tw/app_cancelbtn.png" onclick="cancel_application('apply_serial');" />
        </div>
        
    </div>
	</form>
</div>

<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>

<script>
dispatchEvent("click","tab_1");
</script>
  
</ul></ul></ul></ul></ul></ul></body>
</html>