<%@ page language="C#" autoeventwireup="true" inherits="news_gallery_view, ZKCMS" enableviewstatemac="false" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register TagName="meta" TagPrefix="UC" Src="~/s/include/meta.ascx" %>
<%@ Register TagName="head" TagPrefix="UC" Src="~/s/include/head.ascx" %>
<%@ Register TagName="tip_bar" TagPrefix="UC" Src="~/s/include/tip_bar.ascx" %>
<%@ Register TagName="foot" TagPrefix="UC" Src="~/s/include/foot.ascx" %>
<%@ Register TagName="GalleryNav" TagPrefix="UC" Src="~/news/gallery/GalleryNav.ascx" %>
<!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="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>
        <asp:Literal ID="PageTitle" runat="server"></asp:Literal></title>
    <asp:Literal ID="Meta_Literal_Keywords" runat="server"></asp:Literal>
    <asp:Literal ID="Meta_Literal_Description" runat="server"></asp:Literal>
    <UC:meta ID="meta1" runat="server" />
    <link type="text/css" rel="stylesheet" href="/news/gallery/skin/style.css" />
</head>
<body>
    <div class="wrap"><a name="pagetop" id="pagetop"></a><UC:head ID="head1" runat="server" />
        <UC:tip_bar ID="tip_bar1" runat="server" />
        <UC:GalleryNav ID="GalleryNav1" runat="server" />

        <script type="text/javascript" src="/s/js/jquery-1.8.3.min.js"></script>

        <script type="text/javascript" src="/s/js/jquery.marquee.js"></script>

        <script type="text/javascript" src="/s/js/jquery.loadpic.js"></script>

        <script type="text/javascript" src="/news/gallery/skin/gallery.js"></script>

        <div class="box pt5">
            <div class="hto">
                <div class="fl flow" style="width: 668px; border: solid 1px #B9D8ED;">
                    <div style="height: 30px; background: url(/skin/public/gradualBG1.gif) repeat-x 0 0; padding: 0 9px;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="30">
                            <tr>
                                <td>
                                    <b class="s14" style="color: #069;"><%=title%></b>
                                </td>
                                <td>
                                    <blockquote style="text-align: right;">
                                        <a href="#" id="play" class="none" onclick="_Play(this);">[继续播放]</a><a href="#" id="pause" class="none" onclick="_Pause(this);">暂停播放</a></blockquote>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div id="self_loading">
                        <div class="ce" style="padding: 50px;"><img class="block wto" src="/s/skin/loading.gif" alt="加载中" /></div>
                    </div>
                    <div class="album-box" id="album-box" style="display: none;">
                        <div class="album-main-pic"><img src="http://www.ezzsjc.com/upload/71/image/201305/20130507021710_3906.jpg" id="spic" style="float: left;" /><a class="arrow-right" id="arrow-right"></a><a class="arrow-left" id="arrow-left"></a></div>
                        <div class="clear"></div>
                        <div class="album-pic-list-box"><span class="prev-album"><%=上组()%></span><span class="next-album"><%=下组()%></span><span class="next"><a title="点击查看下一张" id="next"></a></span><span class="prev"><a title="点击查看上一张" id="prev"></a></span>
                            <div id="huadong" class="album-pic-list"><%=GetSmallPics()%></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="fr" style="width: 273px; background: red;">
                    <div class="c1">
                        <div class="b">
                            <div class="fl"></div>
                            <div class="con" style="width: 150px;">其他组图</div>
                            <div class="fr"></div>
                            <div class="clear"></div>
                        </div>
                        <div class="v">
                            <div class="GetAdjacent">
                                <div id="MarqueeDiv1">
                                    <ul><%=GetAdjacent()%></ul>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <UC:foot ID="foot1" runat="server" />
    </div>
</body>
</html>

<script type="text/javascript">
    var _self_auto = true; //是否自动播放
    var _self_time = 5000; //播放间隔(秒)
    $(function() {
        InitAlbum(_self_auto, _self_time);
        $('#spic').loadpic({
            'src': '<%=FirstPic%>',
            'wrapObj': $('#spic').parent()
        });
        $("#self_loading").hide();
        $("#album-box").fadeIn(1000);
        if (_self_auto) $$("pause").className = ""; else { $$("play").innerHTML = "自动播放"; $$("play").className = ""; }
    });
    //
    StartMarquee('MarqueeDiv1', 126, 2, 500, 3000);
</script>

