{template 'header'}
<link rel="stylesheet" type="text/css" href="{$MODULE[2][linkurl]}image/chat_group.css?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"/>
<script type="text/javascript" src="{DT_STATIC}file/script/webuploader.min.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
<div class="m">	
	<div class="nav">{if $admin}<span class="f_r"><a href="{$MODULE[2][linkurl]}im.php?action=view&mid={$moduleid}&gid={$gid}" class="b" target="_blank">管理群聊</a>&nbsp;</span>{/if}<a href="{$MODULE[1][linkurl]}">首页</a> <i>&gt;</i> <a href="{$MOD[linkurl]}">{$MOD[name]}</a> <i>&gt;</i> <a href="{$MOD[linkurl]}{$GRP[linkurl]}">{$GRP[title]}{$MOD[seo_name]}</a> <i>&gt;</i> 群聊</div>
</div>
<div class="m">
<div id="msgbox" style="display:none;"></div>
<script type="text/javascript">
var chat_mid = {$moduleid};
var chat_gid = {$gid};
var chat_ban = {$chat_ban};
var chat_poll = {$chat_poll}*1000;
var chat_maxlen = {$MOD[chat_maxlen]};
var chat_mintime = {$MOD[chat_mintime]};
var chat_type = 0;
var chat_name = '{$_username}';
var chat_last = {$DT_TIME};
var chat_title = document.title;
var chat_lang = {
	ec1:'按Enter键发送消息，按Ctrl+Enter键换行',
	ec2:'按Ctrl+Enter键发送消息，按Enter键换行',
	tip:'提示：系统不长久保存您的交谈记录，关闭对话窗口将可能导致记录丢失，如果需要保存，请在交谈完毕之后点保存按钮',
	last:'ok'
};
</script>
<table cellspacing="1" cellpadding="0" width="1220" bgcolor="#DDDDDD" align="center" id="chat_main">
<tr>
<td bgcolor="#FFFFFF">
<div class="head0">{$GRP[title]}{$MOD[seo_name]}群聊</div>
</td>
<td bgcolor="#F0F0F0">
<div class="head1">{if $GRP[fans]>35}<span><a href="{$MOD[linkurl]}{rewrite('fans.php?gid='.$gid)}" target="_blank">共{$GRP[fans]}名成员</a></span>{/if}成员列表</div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td valign="top">
	<iframe src="" name="send" id="send" style="display:none;"></iframe>
	<div id="chat"></div>
	<div id="font" style="display:none;">
		<table cellspacing="0" cellpadding="0" width="100%">
		<tr>
		<td width="8" height="32"></td>
		<td width="120">
		<select id="font_s" onchange="font_init();">
			<option value="0">大小</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="16">16</option>
			<option value="18">18</option>
			<option value="20">20</option>
			<option value="24">24</option>
		</select>&nbsp;
		<select id="font_c" onchange="font_init();">
			<option value="0">颜色</option>
			<option value="1" style="background:#000000;">黑</option>
			<option value="2" style="background:#FF0000;">红</option>
			<option value="3" style="background:#0000FF;">蓝</option>
			<option value="4" style="background:#008040;">绿</option>
			<option value="5" style="background:#FF6600;">橙</option>
			<option value="6" style="background:#FF00FF;">粉</option>
		</select>
		</td>
		<td class="tool_a" id="tool_font_b" onclick="this.className=this.className=='tool_a' ? 'tool_b' : 'tool_a';font_init();"><img src="{$MODULE[2][linkurl]}image/chat_font_b.gif" width="16" height="16" title="加粗"/></td>
		<td class="tool_a" id="tool_font_i" onclick="this.className=this.className=='tool_a' ? 'tool_b' : 'tool_a';font_init();"><img src="{$MODULE[2][linkurl]}image/chat_font_i.gif" width="16" height="16" title="倾斜"/></td>
		<td class="tool_a" id="tool_font_u" onclick="this.className=this.className=='tool_a' ? 'tool_b' : 'tool_a';font_init();"><img src="{$MODULE[2][linkurl]}image/chat_font_u.gif" width="16" height="16" title="下划线"/></td>
		<td>&nbsp;</td>
		<td class="c_p sc" onclick="font_hide();" title="点击关闭">x</td>
		<td width="16"></td>
		</tr>
		</table>
	</div>
	<div id="tool">
		<table cellspacing="0" cellpadding="0" width="100%">
		<tr>
		<td width="4">
			<div id="face" style="display:none;">
				<div><span onclick="face_hide();" title="点击关闭" class="sc">x</span><strong>选择表情</strong></div>
				{if $faces}
				<table cellspacing="0" cellpadding="0" title="点击选择">
				{loop $faces $k $v}
				{if $k%10==0}<tr>{/if}
				<td><img src="{DT_STATIC}file/face/{$v}.png" onclick="face_into('{$v}');" width="24"/></td>
				{if $k%10==9}</tr>{/if}
				{/loop}
				</table>
				{/if}
			</div>
		</td>
		<td class="tool_a" onmouseover="this.className='tool_b';" onmouseout="if(Dd('font').style.display=='none')this.className='tool_a';" id="tool_font" onclick="font_show();" title="设置文字颜色和格式"><div class="chat_font">&nbsp;</div></div></td>
		<td class="tool_a" onmouseover="this.className='tool_b';" onmouseout="if(Dd('face').style.display=='none')this.className='tool_a';" id="tool_face" onclick="face_show();" title="表情"><div class="chat_face">&nbsp;</div></td>
		{if $MOD[chat_file] && $MG[upload]}
		<td class="tools" id="tool_img" title="发送图片"><div class="chat_img"><div id="img-picker"></div></div></td>
		<td class="tools" id="tool_file" title="发送文件"><div class="chat_file"><div id="file-picker"></div></div></td>
		{/if}
		<td id="upmsg">&nbsp;</td>
		<td class="tools" id="tool_clear" onclick="Dd('chat').innerHTML='';" title="清屏"><div class="chat_clear">&nbsp;</div></td>
		<td class="tools" id="tool_save" onclick="chat_save();" title="下载交谈记录"><div class="chat_save">&nbsp;</div></td>
		<td class="tools" id="tool_log" title="交谈记录"><a href="{$MODULE[2][linkurl]}im.php?action=view&chatid={$chatid}" target="_blank"><div class="chat_log">&nbsp;</div></a></td>
		</tr>
		</table>
	</div>
	<div class="word"><textarea id="word" onkeydown="return chat_key(event);" onfocus="Dh('ec');font_hide();face_hide();new_tip_stop();" class="f_gray"></textarea>
	</div>
	<div id="btns">
		<table cellspacing="0" cellpadding="0" width="100%">
		<tr>
		<td width="10"></td>
		<td><div id="tip" style="display:none;"></div></td>
		<td><div id="sd"></div></td>
		<td width="62"><img src="{$MODULE[2][linkurl]}image/chat_c1.gif" width="69" height="21" onmouseover="this.src='{$MODULE[2][linkurl]}image/chat_c2.gif';" onmouseout="this.src='{$MODULE[2][linkurl]}image/chat_c1.gif';" onclick="chat_off();"/></td>
		<td width="8"> </td>
		<td width="62"><img src="{$MODULE[2][linkurl]}image/chat_s1.gif" width="62" height="21" onmouseover="this.src='{$MODULE[2][linkurl]}image/chat_s2.gif';" onmouseout="this.src='{$MODULE[2][linkurl]}image/chat_s1.gif';" onclick="chat_send();" id="chat_s"/></td>
		<td width="21"><div id="ec" style="display:none;" onmouseover="Ds('ec');" onmouseout="Dh('ec');">
		<span id="ec1"><a href="javascript:ec_set(1);">按Enter键发送消息</a></span>
		<span id="ec2"><a href="javascript:ec_set(2);">按Ctrl+Enter键发送消息</a></span>
		</div><img src="{$MODULE[2][linkurl]}image/chat_e1.gif" width="21" height="21" onmouseover="this.src='{$MODULE[2][linkurl]}image/chat_e2.gif';" onmouseout="this.src='{$MODULE[2][linkurl]}image/chat_e1.gif';" onclick="Ds('ec');"/></td>
		<td width="10"> </td>
		</tr>
		</table>
	</div>
	
	<form method="post" action="?" id="chat_send" target="send">
	<input type="hidden" name="action" value="send"/>
	<input type="hidden" name="gid" value="{$gid}"/>
	<input type="hidden" name="font_s" value="" id="font_s_id"/>
	<input type="hidden" name="font_c" value="" id="font_c_id"/>
	<input type="hidden" name="font_b" value="" id="font_b_id"/>
	<input type="hidden" name="font_i" value="" id="font_i_id"/>
	<input type="hidden" name="font_u" value="" id="font_u_id"/>
	<input type="hidden" name="word" value="" id="word_id"/>
	</form>
	<form method="post" action="?" id="chat_down" target="send">
	<input type="hidden" name="action" value="down"/>
	<input type="hidden" name="gid" value="{$gid}"/>
	<input type="hidden" name="data" value="" id="down_data"/>
	</form>
	<script type="text/javascript" src="{DT_STATIC}lang/{DT_LANG}/lang.chat.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
	<script type="text/javascript" src="{DT_STATIC}file/script/chat_group.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>
	{if $MOD[chat_file] && $MG[upload]}<script type="text/javascript" src="{DT_STATIC}file/script/clear.js?v={if DT_DEBUG}{DT_TIME}{else}{DT_REFRESH}{/if}"></script>{/if}
</td>
<td width="300" valign="top" bgcolor="#F0F0F0">
<div class="body1">
{loop $lists $k $v}
<div>
<a href="{userurl($v[username], 'file=contact')}" target="_blank"><img src="{useravatar($v[username], 'middle')}" width="48" height="48" alt="{$v[username]}"/></a>
<p>{$v[passport]}</p>
</div>
{/loop}
</div>

</td>
</tr>
</table>
</div>
{if $MOD[chat_file] && $MG[upload]}
<script type="text/javascript">
var filei = WebUploader.create({
	auto: true,
    server: UPPath+'?moduleid={$moduleid}&action=webuploader&from=file',
    pick: '#img-picker',
    accept: {
        title: 'Images',
        extensions: 'jpg,jpeg,png,gif,bmp',
        mimeTypes: 'image/*'
    },
    resize: false
});
filei.on('fileQueued', function(file) {
    $('#upmsg').html(L['uploading']);
	setTimeout(function() {
		$('#upmsg').html('');
	}, 30000);
});
filei.on('uploadProgress', function(file, percentage) {
	var p = parseInt(percentage * 100);
	$('#upmsg').html(p > 99 ? L['processing'] : L['uploading']+p+'%');
});
filei.on( 'uploadSuccess', function(file, data) {
	if(data.error) {
		alert(data.message);
	} else {
		chat_send(data.url);
	}
});
filei.on( 'uploadError', function(file, data) {
	alert(data.message);
});
filei.on('uploadComplete', function(file) {
    $('#upmsg').html('');
});
var fileu = WebUploader.create({
	auto: true,
    server: UPPath+'?moduleid={$moduleid}&action=webuploader&from=file',
    pick: '#file-picker',
    resize: false
});
fileu.on('fileQueued', function(file) {
    $('#upmsg').html(L['uploading']);
	setTimeout(function() {
		$('#upmsg').html('');
	}, 30000);
});
fileu.on('uploadProgress', function(file, percentage) {
	var p = parseInt(percentage * 100);
	$('#upmsg').html(p > 99 ? L['processing'] : L['uploading']+p+'%');
});
fileu.on( 'uploadSuccess', function(file, data) {
	if(data.error) {
		alert(data.message);
	} else {
		chat_send(data.url);
	}
});
fileu.on( 'uploadError', function(file, data) {
	alert(data.message);
});
fileu.on('uploadComplete', function(file) {
    $('#upmsg').html('');
});
</script>
{/if}
{template 'footer'}