<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=7">
<link href="{$conf.url}/templates/{$conf.template}/css/celive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{$conf.url}/js/jquery.js"></script>
<script type="text/javascript" src="{$conf.url}/js/ajaxfileupload.js"></script>
<title>{$conf.company} 企业在线客服平台 - Powered by CElive</title>
{$xajax_live}
{$ctrlenter}
{literal} 
<script type="text/javascript">
function putValue() {
	var now=new Date();
	parent.window.chat_display.document.getElementById('ChatHistory').innerHTML+='<font color=green>'+document.form1.name.value+' '+now.getHours()+':'+now.getMinutes()+':'+now.getSeconds()+'</font><br />'+document.form1.detail.value+'<br />';
	document.form1.detail.value="";
	document.form1.detail.focus();
}

function set_t_value(value)
{
	document.getElementById("detail").value=value;
	document.getElementById("detail").focus();
}

function ajaxFileUpload()
{
	$("#loading")
	.ajaxStart(function(){
		$(this).show();
	})
	.ajaxComplete(function(){
		$(this).hide();
	});

	$.ajaxFileUpload
	(
		{
			url:'doajaxfileupload.php',
			secureuri:false,
			fileElementId:'fileToUpload',
			dataType: 'json',
			success: function (data, status)
			{
				if(typeof(data.error) != 'undefined')
				{
					if(data.error != '')
					{
						alert(data.error);
					}else
					{						
						set_t_value(data.msg);
						xajax_AdminPostdata(xajax.getFormValues(form1));putValue();document.form1.detail.focus();
					}
				}
			},
			error: function (data, status, e)
			{
				alert(e);
			}
		}
	)
	
	return false;

}

</script>
{/literal}
</head>
<body onLoad="form1.detail.focus();">

<div id="footer">
<form id="form1" name="form1">
<input type="hidden" name="name" id="name" value="{$name}" />
<input type="hidden" name="chatid" id="chatid" value="{$chatid}" />

<div class="footer_content">
<textarea id="detail" class="input_box" style="overflow-y:auto;" name="detail" class="s_box" onKeyUp="javascript:return ctrlEnter(event);"></textarea>
<div class="btn_box"><a onClick="xajax_AdminPostdata(xajax.getFormValues(form1));putValue();document.form1.detail.focus();" class="send enter_btn"></a></div>
 </div>

<div class="footer1"><select name="hot_chat" onChange="set_t_value(this.value);">
  <option value="">常用语句</option>
  <option value="您好!请问有什么需要帮忙的吗?">您好!请问有什么需要帮忙的吗?</option>
  <option value="您好!请问贵姓?">您好!请问贵姓?</option>
  <option value="您好!这边有点忙,请您稍等!">您好!这边有点忙,请您稍等!</option>
  <option value="您的建议我们已经记录!">您的建议我们已经记录!</option>
  <option value="感谢您的咨询!">感谢您的咨询!</option>
</select>
<a href="javascript:void(0)" onClick="JavaScript:document.getElementById('ts_file').style.display='block';" id="files"><img src="{$conf.url}/templates/{$conf.template}/images/files.gif" /></a>
<div id="ts_file" style="display:none">
<img id="loading" src="{$conf.url}/templates/{$conf.template}/images/loading.gif" style="display:none;">
<form name="upload_form" action="" method="POST" enctype="multipart/form-data">
<input id="fileToUpload" type="file" name="fileToUpload">
<button id="buttonUpload" onClick="return ajaxFileUpload();">{$lang.tsp}</button>
</form>
</div>
  
  </div>
  
</form>
</div>
</body>
</html>
