<!DOCTYPE html>
<html>
<head>
    <title>{$org.org_platformname}</title>
    <vt:include file="inc/meta.inc" />
    <link href="Styles/Default.css?ver={$version}" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="Scripts/Default.js?ver={$version}"></script>
    <script type="text/javascript" src="Scripts/slider.js?ver={$version}"></script>
    <script type="text/javascript" src="/Utility/Scripts/popup-notice.js?ver={$version}"></script>
</head>
<body>
    <vt:include file="inc/Header.html" />
    <!--第一行 -->
    <div id="FirstBox">
        <div id="banner_tabs" class="flexslider">
            <ul class="slides">
                <vt:list type="showpic" var="show" site="web" item="sp" index="j">
                    <li style="background:{$:sp.shp_bgColor};"> <a title="" href="{$:sp.shp_url}" target="{$:sp.shp_target}"> <img alt="{$:sp.shp_title}" background="{$:sp.shp_file}" src="images/alpha.png" /> </a> </li>
                    <vt:listelse />
                    <li style="background:#fff;"> <a title="" href="#"> <img alt="" background="myFocus/1.jpg" src="images/alpha.png" /> </a> </li>
                    <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/2.jpg" src="images/alpha.png" /> </a> </li>
                    <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/3.jpg" src="images/alpha.png" /> </a> </li>
                    <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/4.jpg" src="images/alpha.png" /> </a> </li>
                </vt:list>
            </ul>
            <ul class="flex-direction-nav">
                <li><a class="flex-prev" href="javascript:;">Previous</a></li>
                <li><a class="flex-next" href="javascript:;">Next</a></li>
            </ul>
            <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
                <vt:foreach from="$show" item="sp" index="j">
                    <li><a>{$:j}</a></li>
                    <vt:foreachelse />
                    <li><a>1</a></li>
                    <li><a>2</a></li>
                    <li><a>3</a></li>
                    <li><a>4</a></li>
                </vt:foreach>
            </ol>
        </div>
        <script type="text/javascript">
            $(function () {
                $(".slides a img").each(function (index, element) {
                    var src = $(this).attr("background");
                    $(this).css("background", "url(" + src + ") no-repeat center");
                });
                var bannerSlider = new Slider($('#banner_tabs'), {
                    time: 3000,
                    delay: 300,
                    event: 'hover',
                    auto: true,
                    mode: 'fade',
                    controller: $('#bannerCtrl'),
                    activeControllerCls: 'active'
                });
                $('#banner_tabs .flex-prev').click(function () {
                    bannerSlider.prev()
                });
                $('#banner_tabs .flex-next').click(function () {
                    bannerSlider.next()
                });
            })
        </script>
        <!--轮换图片结束-->

    </div>
    <div id="Context">
        <!--第二行 -->
        <div id="SecondBox">
            <div class="boxBar">
                <div class="title"> 热门课程</div>
                <div class="more"><em class="icoMore">&nbsp;</em> <a href="/Courses.ashx">更多课程</a></div>
            </div>
            <div class="courseList">
                <div class="courseListInner">
                    <vt:list type="course" item="data" index="i" count="8" order="flux" remark="课程">
                        <div class="item" couid="{$:#.data.cou_id}">
                            <a href="/course.ashx?id={$:#.data.cou_id}" title="{$:#.data.cou_name}"><img src="{$:#.data.cou_logosmall}" default="images/cou_nophoto.jpg" /> </a>
                            <div class="itemMark"></div>
                            <div class="itemInfo">
                                <a href="/course.ashx?id={$:#.data.cou_id}" title="{$:#.data.cou_name}">
                                    <vt:if var="data.Cou_ExistLive" value="true" compare="=" remark="直播">
                                        <div class="live" title="直播课"></div>
                                    </vt:if>
                                    {$:#.data.cou_name}
                                </a>
                                <div class="itemDetails">
                                    主讲：{$:#.data.th_name}<br />
                                    {$:#.data.Cou_Intro}
                                </div>
                            </div>
                        </div>
                    </vt:list>
                </div>
            </div>
        </div>
        <!-- 第三行 -->
        <div id="ThirdBox">
            <div class="ThirdBoxInner">
                <div id="newsBox" class="box">
                    <div class="boxBar">
                        <div class="title"> 资讯</div>
                        <div class="more"> <a href="/news.ashx">更多&gt;&gt;</a></div>
                    </div>
                    <div class="newslist">
                        <vt:list type="news" var="newsImg" item="data" index="i" count="10" remark="资讯">
                            <div class="item" artid="{$:#.data.art_id}">
                                <div class="newsItem"> <a href="../../article.ashx?id={$:#.data.art_id}" title="{$:#.data.art_title}">{$:#.data.art_title}</a> </div>
                                <div class="newsTime">{$:#.data.art_pushTime  format="[MM-dd]"}</div>
                            </div>
                        </vt:list>
                    </div>
                </div>
                <div id="newsBox" class="box">
                    <div class="boxBar">
                        <div class="title"> 通知公告</div>
                        <div class="more"> <a href="/Notices.ashx">更多&gt;&gt;</a></div>
                    </div>
                    <div class="newslist">
                        <vt:list type="notice" item="data" index="i" count="10">
                            <div class="item" noid="{$:#.data.no_id}">
                                <div class="newsItem"><a href="/notice.ashx?id={$:#.data.no_id}" title="{$:#.data.no_ttl}"> {$:#.data.no_ttl}</a> </div>
                                <div class="newsTime">{$:#.data.no_startTime  format="[MM-dd]"}</div>
                            </div>
                        </vt:list>
                    </div>
                </div>
                <div id="teacherBox" class="box">
                    <div class="boxBar">
                        <div class="title"> 教师风采</div>
                        <div class="more"> <a href="/teacher/list.ashx">更多&gt;&gt;</a></div>
                    </div>
                    <div class="thlist">
                        <div class="thlistInner">
                            <vt:list type="teacher" var="t" item="data" index="i" count="4" remark="教师">
                                <div class="itemTeacher" style="background-image: url({$:#.data.th_photo})" href="/teacher/Detail.ashx?id={$:#.data.th_id}">
                                    <div class="mark">&nbsp; </div>
                                    <div class="thInfo">
                                        <div class="thName">{$:#.data.th_name}</div>
                                    </div>
                                </div>
                            </vt:list>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <vt:include file="inc/footer.html" />
    <div id="notice_box" remark="通知公告的弹出" style="height:100%;" v-cloak>
        <popup-notice forpage="web_home"></popup-notice>
    </div>
</body>
</html>
