<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="item_Default" %>

<%@ Register Src="../inClude/bottom.ascx" TagName="bottom" TagPrefix="uc1" %>
<%@ Register Src="../inClude/head.ascx" TagName="head" TagPrefix="uc2" %>
<!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 runat="server">
    <title></title>
    <link rel="Shortcut Icon" href="/Images/favicon.ico" />
    <link href="../inClude/style.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="/Scripts/all.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <uc2:head ID="head1" runat="server" />
    <div class="height10px"></div>
    <div class="divWidth">
        <div class="divHuiLine" style="padding:12px 2px 6px 10px;">
            <table cellpadding="0" cellspacing="0" border="0" align="center">
                <tr style="padding:0px;">
                    <asp:Literal ID="classTD" runat="server" ViewStateMode="Disabled"></asp:Literal>
                </tr>
            </table>
        </div>
    </div>
    <div class="height10px">
    </div>    
    <div class="divWidth" runat="server" id="classDiv">
        <div class="divHuiLine" style="padding: 20px 20px 10px 20px;">
            <ul>
                <li>                   
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                        <tr>
                            <td style="text-align: left;font-size: 22px;">
                                <span style="color: #ff335c;"><asp:Literal ID="className" runat="server"></asp:Literal></span> <span style="color: Black;">频道</span>
                            </td>
                            <td style="text-align: right; height: 35px; line-height: 35px;">
                                排序：<asp:Literal ID="listTop" runat="server" ViewStateMode="Disabled"></asp:Literal>
                            </td>
                        </tr>
                    </table>
                </li>
                <li style="background-image: url('/images/line.jpg'); background-repeat: repeat-x;
                    background-position: center; height: 10px;"></li>
                <li>
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; line-height: 30px;">
                        <tr>
                            <td valign="top" style="font-weight: bold; color: Black; width: 5%;">
                                分类：
                            </td>
                            <td style="width: 95%;">
                                <asp:Literal ID="navList" runat="server" ViewStateMode="Disabled"></asp:Literal>
                            </td>
                        </tr>
                    </table>
                </li>
                <li>
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" runat="server"
                        id="classLable">
                        <tr>
                            <td valign="top" style="font-weight: bold; color: Black; width: 5%; padding-top: 3px;">
                                品牌：
                            </td>
                            <td style="width: 95%; line-height: 30px;">
                                <asp:Literal ID="ppClass" runat="server" ViewStateMode="Disabled"></asp:Literal>
                            </td>
                        </tr>
                    </table>
                </li>
            </ul>
        </div>
    </div>    
    <div class="height10px">
    </div>
    <div class="divWidth">
        <div class="divLeft" style="width:250px;">
            <div runat="server" id="lableDiv">
                <div class="divOutLine" style="text-align:left; width:230px;">
                    <ul>
                        <li style="font-weight:bold; height:32px; line-height:32px; color:Black; font-size:14px;">热门标签：</li>
                        <li style="background-color:#ffe0e0; height:1px; line-height:1px;"></li>
                        <li class="height5px"></li>
                        <li style="line-height:26px;"><asp:Literal ID="lableHtm" runat="server" EnableViewState="false"></asp:Literal></li>
                    </ul>                    
                </div>
                <div class="height10px"></div>
            </div>
            <div><asp:Literal ID="ad2501" runat="server" ViewStateMode="Disabled"></asp:Literal></div>
            <div class="height10px"></div>
            <asp:Repeater ID="hotRepeater" runat="server" ViewStateMode="Disabled">
                <HeaderTemplate>
                    <ul>
                </HeaderTemplate>
                <ItemTemplate>                    
                    <li onmouseover="this.className='divRedLine'" onmouseout="this.className='divOutLine'"
                        valign="top" class="divOutLine">
                        <ul>
                            <li style="text-align: center;"><a href="/show/<%# Eval("num_iid").ToString().Trim() %>.htm<%# Convert.ToInt64(Eval("num_iid").ToString().Trim())<1?"?keyWord="+Server.UrlEncode(Server.UrlDecode(Request.QueryString["keyWord"].Trim())):"" %>" target="_blank"><img id="hotImgshow" src="<%# Eval("pic_url").ToString().Trim() %>_310x310.jpg" alt="<%# Eval("title").ToString().Trim() %>" title="<%# Eval("title").ToString().Trim() %>" style="width: 230px;" /></a></li>
                            <li class="height5px"></li>
                            <li style="line-height: 20px; height: 40px; text-align: left; color: #787878; overflow: hidden;text-overflow: ellipsis;"><a href="/show/<%# Eval("num_iid").ToString().Trim() %>.htm"
                                    target="_blank" style="color: #333333;">
                                    <%# Eval("title").ToString().Trim() %></a></li>
                            <li class="moneyFont" style="height: 26px; line-height: 26px; text-align: left;">
                                <%# money(Eval("price").ToString().Trim())%></li>
                        </ul>
                    </li>
                    <li class="height10px"></li>
                </ItemTemplate>
                <FooterTemplate>
                    </ul>
                </FooterTemplate>
            </asp:Repeater>
            <div><asp:Literal ID="ad2502" runat="server" ViewStateMode="Disabled"></asp:Literal></script></div>            
        </div>

        <div class="divRight" style="width:700px;">
            <asp:Repeater ID="RepeaterList" runat="server" ViewStateMode="Disabled">
                <HeaderTemplate>
                    <table border="0" cellpadding="0" cellspacing="0">
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:PlaceHolder ID="PlaceHolder1" runat="server" Visible='<%# (Container.ItemIndex + 1) % 3 ==1 %>'>
                        <tr>
                    </asp:PlaceHolder>
                    <td onmouseover="this.className='divRedLine'" onmouseout="this.className='divOutLine'"
                        valign="top" class="divOutLine">
                        <ul>
                            <li style="text-align: center; height: 206px;"><a href="/show/<%# Eval("num_iid").ToString().Trim() %>.htm<%# Convert.ToInt64(Eval("num_iid").ToString().Trim())<1?"?keyWord="+Server.UrlEncode(Server.UrlDecode(Request.QueryString["keyWord"].Trim())):"" %>" target="_blank"><img id="imgshow" src="<%# Eval("pic_url").ToString().Trim() %>_b.jpg" alt="<%# Eval("title").ToString().Trim() %>" title="<%# Eval("title").ToString().Trim() %>" style="width: 206px;" /></a></li>
                            <li class="height5px"></li>
                            <li style="line-height: 20px; height: 40px; text-align: left; color: #787878; overflow: hidden;
                                text-overflow: ellipsis;"><a href="/show/<%# Eval("num_iid").ToString().Trim() %>.htm"
                                    target="_blank" style="color: #333333;">
                                    <%# Eval("title").ToString().Trim() %></a></li>
                            <li class="moneyFont" style="height: 26px; line-height: 26px; text-align: left;">
                                <%# money(Eval("price").ToString().Trim())%></li>
                        </ul>
                    </td>
                    <asp:PlaceHolder ID="PlaceHolder3" runat="server" Visible='<%# (Container.ItemIndex + 1) % 3 >0 %>'>
                        <td style="width: 10px;">
                        </td>
                    </asp:PlaceHolder>
                    <asp:PlaceHolder ID="PlaceHolder2" runat="server" Visible='<%# (Container.ItemIndex + 1) % 3==0 %>'>
                        </tr>
                        <tr>
                            <td colspan="3" class="height10px">
                            </td>
                        </tr>
                    </asp:PlaceHolder>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
            <div id="errDiv" runat="server" class="divHuiLine">
                <div style="height: 150px;">
                </div>
                <div style="text-align: center;">
                    <asp:Label ID="errInfo" runat="server" ForeColor="#FF3300" ViewStateMode="Disabled"></asp:Label></div>
                <div style="height: 150px;">
                </div>
            </div>
            <div class="height10px">
            </div>
            <div>
                <asp:Literal ID="lblCurrentPage" runat="server" ViewStateMode="Disabled"></asp:Literal></div>
            <div class="height5px">
            </div>
        </div>
    </div>
    <uc1:bottom ID="bottom1" runat="server" />
    </form>
    <script type="text/javascript">
        $(function () {
            $('img[id="imgshow"]').each(function () {
                $(this).LoadImage({ scaling: true, width: 206, loadpic: "/images/loading.gif" });
            });
        }); 
        $(function () {
            $('img[id="hotImgshow"]').each(function () {
                $(this).LoadImage({ scaling: true, width: 230, loadpic: "/images/loading.gif" });
            });
        });
    </script>
</body>
</html>
