<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$title}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<meta name="generator" content="OpenWBS {$version}" />
<meta name="author" content="OpenWBS Team" />
<meta name="copyright" content="2012-2032 OpenWBS Inc." />
<!--#include file="include.css.html"-->
<link rel="stylesheet" href="../css/ow.faq.css?v={$version_sn}" />
</head>
<body>
<!--#include file="include.header.html"-->
<!--#include file="include.aside.html"-->
<div id="mbody">
    <div class="ow-breadcrumb">{$breadcrumb}</div>
    <div class="ow-page-header">
        <h1 class="title">{$cate:name}</h1>
        <p class="subtitle">{$cate:subname}</p>
    </div>
    <div class="ow-faq">
        <div class="header">
            <ul id="tab">
            {cate parent_id="{$cate:cate_id}"}
            {cate:loop}
                <li name="tab" tab="[cate:i]"><a href="javascript:;">[cate:name]</a></li>
            {/cate:loop}
            {/cate}
            </ul>
        </div>
        <div class="section" id="tabbox">
            {cate parent_id="{$cate:cate_id}"}
            {cate:loop}
            <div class="ow-faq-list" is_tab="true" tab="[cate:i]">
                {content top="200" cate_id="[cate:cate_id]" model="faq" table_join="INNER JOIN db_content_data on a.cid=db_content_data.cid"}
                {content:loop}
                <div class="faq-item">
                    <h3 class="title"><a href="[content:link]" name="question"><i class="ques"></i>[content:ctitle]<i class="expand"></i></a></h3>
                    <div class="section"><i class="answer"></i><%=OW.editorContentClientDecode("[content:content]")%></div>
                </div>
                {/content:loop}
                {/content}
            </div>
            {/cate:loop}
            {/cate}
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	OW.tabSwitch({tabbar:$("#tab"),container:$("#tabbox"),current:1});
	$("a[name='question']").click(function(){
		if($(this).hasClass("current")){
			$(this).removeClass("current");
			$(this).parent().next(".section").hide(100);
		}else{
			$(this).addClass("current");
			$(this).parent().next(".section").show(100);
		};
		return false;
	});
	$("a[name='question']").click();
});
</script>
<!--#include file="include.footer.html"-->
</body>
</html>
