@{layout module_layout}
@set header{
@}
@set body{
<style type="text/css">
    ._DataItem {
        height: 220px;
    }
</style>
<form method="post">
    @{Html.Hidden("ID",d.ID)}
    @{Html.Hidden("SortIds",d.SortIds)}
    <div class="_Attr">
        <ul class="_AttrTitle"><li>模块属性</li></ul>
        <ul class="_AttrData">
            <li><span class="AttrDataColunm">名称：</span><span class="_AttrDataValue">@{d.Text} (@{d.Name})</span></li>
            <li><span class="AttrDataColunm">模块类型：</span><span class="_AttrDataValue">动画列表</span></li>
            <li>
                <span class="AttrDataColunm">状态：</span>
                <span class="_AttrDataValue">
                    @{Html.Radio("Hidden",d.Hidden,false)}<label>显示</label>
                    @{Html.Radio("Hidden",d.Hidden,true)}<label>隐藏</label>
                </span>
            </li>
            <li><span class="AttrDataColunm">修改日期：</span><span class="_AttrDataValue">@{date d.Modify,yyyy-MM-dd hh:mm:ss}</span></li>
            <li><span class="AttrDataColunm">播放速度：</span><span class="_AttrDataValue">@{Html.Text("Speed",d.Speed)}</span></li>
            <li><span class="AttrDataColunm">播放频率：</span><span class="_AttrDataValue">@{Html.Text("AutoPlay",d.AutoPlay)}</span></li>
            <li>
                <span class="AttrDataColunm">播放方向：</span>
                <span class="_AttrDataValue">
                <select id="Direction" name="Direction" style="color: #666;">
                    <option value="horizontal">水平播放</option>
                    <option value="vertical">垂直播放</option>
                </select>
                <script>
                    $("#Direction").val("@{d.Direction}")
                </script>
                </span>
            </li>
            <li><span class="AttrDataColunm">动画特效：</span><span class="_AttrDataValue">普通效果</span></li>
        </ul>
        <ul class="clear"></ul>
    </div>
    @if !d.Locked {
        <script type="text/javascript">
           $(function(){
                sortModule();
           })
        </script>
        <div class="_AddItem">
            <div class="_AddItemBtn"><a class="_action" href="/module/FlashItemAdd?ID=@{d.ID}" >添加新项</a></div>
        </div>
    @}
    <div class="_DataItem">
        <table class="DataTable" cellpadding="0" cellspacing="0">
            <tbody>
                <tr class="column">
                    <td>图片地址</td>
                    <td>新窗口</td>
                    <td>修改日期</td>
                    <td>操作</td>
                </tr>
                @for item in d.Items {
                    <tr class="row" val="@{item.ID}">
                        <td>
                            <div style="overflow:hidden; width:280px;">
                                <img src="@{item.Image}" style="height:45px; float:left" />
                            </div>
                        </td>
                        <td width="50px">
                            @if item.NewWindow {
                                <span>是</span>
                            }else {
                                <span>否</span>
                            @}
                        </td>
                        <td width="120px">
                            @{date item.Modify,yyyy-MM-dd}
                        </td>
                        <td width="80px">
                            <a class="_action" href="/module/FlashItemEdit?ID=@{item.ID}&MID=@{item.ModuleID}" >编辑</a>
                            @if !d.Locked {
                                <a class="_delete" href="/module/FlashItemRemove?ID=@{item.ID}&MID=@{item.ModuleID}" >删除</a>
                            @}
                        </td>
                    </tr>
                @}
            </tbody>
        </table>
    </div>
    <div class="_BtnItem">
        <ul class="BtnSubmit"><input class="subBtn _subBtn" value="提交" type="submit"/></ul>
        <ul class="BtnReset" style="float:right;"><input value="重置" type="reset" /></ul>
    </div>



</form>
@}