{wc:templates "index","header"}
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_STYLE}/css/user.css"/>
<div class="groups-stripes"></div>
<div class="layout980">
	<div class="groups-left">
		<div class="Topic-head">
			<div class="Topic-Himg"><a href="" class="fl-img"><img src="{G_UPLOAD_PATH}/{wc:$quanzi['img']}" id="imgGroupIco" border="0"></a></div>
			<div class="Topic-HC">
				<div class="Topic-Htit gray03">
					<h2><a id="thisGroupName" href="" class="orange">{wc:$quanzi['title']}</a></h2> 
					{wc:if $quanzi['jiaru']=='Y'}
					{wc:if !$addgroup}
					<a id="btnJoinGroup" href="javascript:;" class="button04 bg_red">Applications for Membership</a>
					{wc:else}
					<span class="JoinOut" id="spanJoinOut"><s></s>joined<i>|</i><a id="btnJoinOutGroup" href="javascript:;" class="blue">logout</a></span>
					{wc:if:end}
					{wc:if:end}
				</div>
				<p class="Topic-Hinfo gray02">member:
					<span class="gray01">{wc:$quanzi['chengyuan']}</span>&nbsp;&nbsp;&nbsp;topic:
					<span class="gray01">{wc:$quanzi['tiezi']}</span>&nbsp;&nbsp;&nbsp;Creation time:
					<span class="gray01">{wc:fun:date("Y-m-d H:i",$quanzi['time'])}</span>
				</p>
				<div class="Topic-Hintro" style="width:595px;"><span id="pGroupAbout" class="gray01">{wc:$quanzi['jianjie']}</span>&nbsp;</div>
			</div>
			<div class="Managers">
				<a class="Managers-icon" type="showCard" href="{WEB_PATH}/uname/{wc:fun:idjia($quanzi['guanli'])}"></a>
				<div class="Managers-Himg"><a href="{WEB_PATH}/uname/{wc:fun:idjia($quanzi['guanli'])}" type="showCard" class="fl-img">
				{wc:if userid($quanzi['guanli'],'img')==null}
				<img src="{G_TEMPLATES_STYLE}/images/prmimg.jpg" width="50" height="50" />
				{wc:else}
				<img id="imgUserPhoto" src="{G_UPLOAD_PATH}/{wc:fun:userid($quanzi['guanli'],'img')}" width="50" height="50" border="0"/>
				{wc:if:end}				
				</a>
				<p class="Managers-name"><a type="showCard" href="{WEB_PATH}/uname/{wc:fun:idjia($quanzi['guanli'])}" class="blue">{wc:fun:userid($quanzi['guanli'],'username')}</a></p>
				</div>
			</div>
		</div>
		<div class="msg">
			<b><i></i>Circle announcement:</b>
			<p id="pGroupNotice" class="gray01" style="width:850px;">{wc:$quanzi['gongao']}</p>
		</div>
		<div class="Publish">
			<div class="Pub-inp-click">
				<b></b>
				<input type="text" id="txtTopicTitle" value="Click to expand"><a id="btnPostTopic" href="javascript:;" class="button05 bg_red">Post topic</a>
			</div>
			<div id="divEditor" class="Pub-topic hidden">
			<form action="{WEB_PATH}/group/group/showinsert" method="post"  id="registerform">
				<p class="Pub-tit"><b></b><input id="txtTopicTitleEx" maxlength="100" type="text" name="title" value=""></p>
				<!--The editor starts-->				
				<script type="text/javascript">				
				var editurl=Array();editurl['editurl']='{G_PLUGIN_PATH}/ueditor/';editurl['imageupurl']='';editurl['imageManager']=''			
				</script>
				<script type="text/javascript" charset="utf-8" src="{G_PLUGIN_PATH}/ueditor/ueditor.config.js"></script>
				<script type="text/javascript" charset="utf-8" src="{G_PLUGIN_PATH}/ueditor/ueditor.all.min.js"></script>
				<p class="Pub-con" style="width:680px;"><b></b>
					<script name="neirong" id="txtTopicContent" type="text/plain" value=''></script>
				</p>
				<script type="text/javascript">
				window.UEDITOR_CONFIG.initialContent='';
				window.UEDITOR_CONFIG.initialFrameWidth=898;
				window.UEDITOR_CONFIG.initialFrameHeight=300;
				window.UEDITOR_CONFIG.fontsize=[8,9,10, 11, 12];
				window.UEDITOR_CONFIG.toolbars = [["source","fontfamily","bold","italic","justifyleft","justifycenter","justifyright","justifyjustify","insertunorderedlist",]];
				window.UEDITOR_CONFIG.fontfamily=[{ label:'',name:'songti',val:'Times New Roman,SimSun'},{ label:'',name:'arial',val:'arial, helvetica,sans-serif'}];
				window.UEDITOR_CONFIG.maximumWords = 60000;
				var ue = UE.getEditor('txtTopicContent');
				</script>
				<input type="hidden" value="{wc:$quanzi['id']}" name="qzid" />
				<div class="Pub-btn-r">
					<a id="btnCancel" href="javascript:;" class="button06">cancel</a>
					<input type="submit" id="btnPostTopicEx" style="float:right; margin-left:10px" name="submit" class="button05"value="Post topic" />
				</div>
			</form>
			</div>
		</div>		
		<div class="Topic-tab">
			<ul>
				<li class="tabcur">topic</li>
			</ul>
		</div>
		{wc:if $total==0}
		<div class="tips-con"><i></i>No topic yet, grab the sofa!</div>
		{wc:else}
		{wc:loop $qz $tiezi}
		<div class="Topiclist">
			<div class="Topiclist-img">
				<a type="showCard" href="{WEB_PATH}/uname/{wc:fun:idjia($tiezi['hueiyuan'])}" class="head-img">
				{wc:if userid($tiezi['hueiyuan'],'img')==null}
				<img src="{G_TEMPLATES_STYLE}/images/prmimg.jpg" width="50" height="50" />
				{wc:else}
				<img id="imgUserPhoto" src="{G_UPLOAD_PATH}/{wc:fun:userid($tiezi['hueiyuan'],'img')}" width="50" height="50" border="0"/>
				{wc:if:end}	
				</a>
				<a type="showCard" rel="nofollow" href="{WEB_PATH}/uname/{wc:fun:idjia($tiezi['hueiyuan'])}" class="blue">{wc:fun:userid($tiezi['hueiyuan'],'username')}</a>
			</div>
			<div class="Topiclist-RC "><b class="arrow"></b>
				<div class="R-tit gray">		
					{wc:if $tiezi['zhiding']=='Y'}
					<a href="{WEB_PATH}/group/nei/{wc:$tiezi['id']}" class="red">{wc:$tiezi['title']}</a>
					<i class="zhiding"></i>&nbsp;
					{wc:else}
					<a href="{WEB_PATH}/group/nei/{wc:$tiezi['id']}">{wc:$tiezi['title']}</a> 
				   <!--  <i class="jing"></i>&nbsp; -->
				   {wc:if:end}
					<span class="time">{wc:fun:date("Yyearmmonthdday H:i",$tiezi['time'])}</span>
				</div>
				<div class="gray02">{wc:fun:_strcut($tiezi['neirong'],160)}</div>
				<div class="topic-reply">
					<div>
						<a href="{WEB_PATH}/group/nei/{wc:$tiezi['id']}" class="gray02">Reply<span class="gray03">({wc:$tiezi['hueifu']})</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="{WEB_PATH}/group/nei/{wc:$tiezi['id']}" class="gray02">Popularity<span class="gray03">({wc:$tiezi['dianji']})</span></a>
					</div>
					<span class="gray03">last reply:<a href="{WEB_PATH}/uname/{wc:fun:idjia($tiezi['zuihou'])}" class="blue">{wc:fun:userid($tiezi['zuihou'],'username')}</a>&nbsp;&nbsp;{wc:fun:date("Y, m, d",$tiezi['time'])}&nbsp;&nbsp;</span>			
				</div>
			</div><p class="Topicline"></p>
		</div>					
		{wc:loop:end}
		{wc:if $total>$num}
		<div class="pagesx">{wc:page:two}</div>
		{wc:if:end}
		{wc:if:end}	
	</div>
	{wc:templates "group","right"}
</div>
<script>
$(function(){
	$("#btnJoinGroup,#btnJoinOutGroup").click(function(){
		var uid="{wc:$uid}";
		if(!uid){
			alert("You are not logged in!");
		}else{
			var qzid="{wc:$quanzi['id']}";
			var text=$("#btnJoinOutGroup").text();
			$.ajax({
				type:"POST",
				url:"{WEB_PATH}/group/group/goqz",
				data:{id:qzid,text:text},
				success:function(){
					location.replace(location);
				}
			});
		}		
	});
	$("#txtTopicTitle,#btnPostTopic").click(function(){
		var uid="{wc:fun:uidcookie('uid')}";
		var text=$("#btnJoinOutGroup").text();
		if(!uid){
			alert("You are not logged in!");
		}else if(!text){
			alert("You are not in a circle!");
		}else{
			$("#divEditor").removeClass("hidden");
			$(".Pub-inp-click").addClass("hidden");
		}
	});
	$("#btnCancel").click(function(){
		$("#divEditor").addClass("hidden");
		$(".Pub-inp-click").removeClass("hidden");
	});
	$("form").submit(function(){
		var text=$("#txtTopicTitleEx").val();
		var content=$("#txtTopicContent").val();
		if(!text){			
			alert("Title content cannot be empty!");
			return false;
		}
	})
})
</script>
<script type="text/javascript">
	$(".yu_ff").mouseover(function(){
	  $(".h_1yyg_eject").show();
	})
	$(".yu_ff").mouseout(function(){
	  $(".h_1yyg_eject").hide();
	})

		     $("#m_all_sort").hide();
	     $(".m_menu_all").mouseenter(function(){
			    $(".m_all_sort").show();
	     })
		 $(".m_menu_all").mouseleave(function(){
			    $(".m_all_sort").hide();
	     })
		 $(".m_all_sort").mouseenter(function(){
			    $(this).show();
	     })
		 $(".m_all_sort").mouseleave(function(){
			    $(this).hide();
	     })
	     $(function(){
	       $(window).scroll(function() {	
	      		
	     		if($(window).scrollTop()>=130&&$(window).scrollTop()<=560){
	     			$(".head_nav").addClass("fixedNav");	
	     			$("#m_all_sort").fadeOut();
	     		}else if($(window).scrollTop()>560){
	     			$(".head_nav").addClass("fixedNav");
	     			$("#m_all_sort").fadeOut();
	     	} else if($(window).scrollTop()<130){
	     			$(".head_nav").removeClass("fixedNav");
	     	}
	           });
	     });
</script>
 {wc:templates "index","footer"}