<%@ page language="C#" autoeventwireup="true" inherits="Agriculture, WebApp_deploy" title="农展品" %>

<!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 href="Skin/CommStyle/main.css" rel="stylesheet" type="text/css" />
    <link href="Skin/ProductlistStyle/css.css" rel="stylesheet" type="text/css" />
    <script src="Skin/CommStyle/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <!--new add -->
    <style type="text/css">
        .productName
        {
            height: 25px;
            color: #0267E2;
            line-height: 25px;
            font-size: 11px;  
        }
        .shopName
        {
            color: #aaaaaa;
            text-decoration: none;
            font-size: 12px;
        }
    </style>
    <!---->
    <script type="">
        //左边导航弹出效果（）
        $(function () {
            //            $(".navigation ul li:has(ul)").hover(function () {
            //                $(this).children("ul").stop(true, true).slideDown(500);
            //            }, function () {
            //                $(this).children("ul").stop(true, true).slideUp(500);
            //            });

            $(".navigation ul li:has(ul)").hover(function () {
                $(this).children("ul").stop(true, true).slideDown(500);
            }, function () {
                $(this).children("ul").stop(true, true).slideUp(500);

            });

        })


    </script>
    <script type="text/javascript">
        //TAB效果（）
        function setTab(m, n) {
            var tli = document.getElementById("menu" + m).getElementsByTagName("li");
            var mli = document.getElementById("main" + m).getElementsByTagName("ul");
            for (i = 0; i < tli.length; i++) {
                tli[i].className = i == n ? "hover" : "";
                mli[i].style.display = i == n ? "block" : "none";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <hl:Top ID="Top1" runat="server" />
    <div id="main">
        <p>
            <!--头部招牌-->
        </p>
        <div class="content">
            <div class="cont1">
                <!--左边导航-->
                <div class="left_c">
                    <div class="left_ag">
                        <h1>
                            <a href="ProductList.aspx?classid=543"><span class="ag_sp1"></span><strong>零食特产</strong></a></h1>
                        <div class="left_ag_1">
                            <a href="ProductList.aspx?classid=856"><span>饼干</span></a> <a href="ProductList.aspx?classid=851">
                                <span>果干</span></a> <a href="ProductList.aspx?classid=851"><span>蜜饯</span></a>
                            <a href="ProductList.aspx?classid=912"><span>牛肉</span></a><br />
                            <a href=""><span>肉制品</span></a> <a href="ProductList.aspx?classid=854"><span>坚果</span></a>
                            <a href=""><span>糖果</span></a> <a href="ProductList.aspx?classid=853"><span>奶酪</span></a><br />
                            <a href="ProductList.aspx?classid=905"><span>豆干制品</span></a> <a href="ProductList.aspx?classid=939">
                                <span>山核桃</span></a> <a href="ProductList.aspx?classid=893"><span>蔬果干</span></a><br />
                            <a href="ProductList.aspx?classid=855"><span>鱿鱼丝</span></a>
                        </div>
                        <!-- 左边导航弹出 零食特产-->
                        <div class="more">
                            <div id="navigation" class="navigation">
                                <ul>
                                    <li class=""><a href="#" class="left_pop_a1">更多</a>
                                        <ul>
                                            <li>
                                                <div class="left_pop_nav1" style="line-height: 20px;">
                                                    <dl>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=860">月饼</a><a href="ProductList.aspx?classid=857">传统糕点</a><a
                                                                href="ProductList.aspx?classid=859">点心</a><a href="ProductList.aspx?classid=858">膨化食品</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=861">芭蕉干</a> <a href="ProductList.aspx?classid=875">
                                                                蓝莓</a> <a href="ProductList.aspx?classid=893">蔬果干</a> <a href="ProductList.aspx?classid=879">
                                                                    芒果干</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=906">鹅肉类</a><a href="ProductList.aspx?classid=914">兔肉干</a><a
                                                                href="">羊肉类</a><a href="ProductList.aspx?classid=908">鸡肉类</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=918">黄油</a> <a href="ProductList.aspx?classid=920">
                                                                奶片</a> <a href="ProductList.aspx?classid=921">奶酥</a> <a href="ProductList.aspx?classid=922">
                                                                    奶干</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=948">贝系列</a><a href="ProductList.aspx?classid=949">海苔系列</a><a
                                                                href="ProductList.aspx?classid=953">虾系列</a><a href="ProductList.aspx?classid=950">海参系列</a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left_pop_nav2">
                                                    <dl>
                                                        <dt><a href="">推荐店铺</a></dt>
                                                        <dd>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END左边导航弹出 零食特产-->
                    </div>
                    <div class="left_ag">
                        <h1>
                            <a href="ProductList.aspx?classid=139"><span class="ag_sp2"></span><strong>粮油蔬果</strong></a></h1>
                        <div class="left_ag_1">
                            <a href="ProductList.aspx?classid=1009"><span>干货</span></a> <a href=""><span>油</span></a>
                            <a href="ProductList.aspx?classid=971"><span>杂粮</span></a> <a href="ProductList.aspx?classid=973">
                                <span>蔬菜</span></a> <a href="ProductList.aspx?classid=976"><span>泡菜</span></a>
                            <a href="ProductList.aspx?classid=1001"><span>食用粉</span></a> <a href=""><span>海鲜</span></a>
                            <a href="ProductList.aspx?classid=984"><span>果酱</span></a><br />
                            <a href="ProductList.aspx?classid=986"><span>其他调味品</span></a>
                        </div>
                        <!-- 左边导航弹出 粮油蔬果-->
                        <div class="more">
                            <div id="navigation_2" class="navigation">
                                <ul>
                                    <li class=""><a href="#" class="left_pop_a1">更多</a>
                                        <ul>
                                            <li>
                                                <div class="left_pop_nav1" style="line-height: 20px;">
                                                    <dl>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=977">酱菜</a><a href="ProductList.aspx?classid=978">
                                                                脱水蔬菜</a> <a href="">豆腐干</a><a href="ProductList.aspx?classid=980">酱制品</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=997">糙米</a><a href="ProductList.aspx?classid=999">
                                                                特色大米</a> <a href="ProductList.aspx?classid=1005">玉米</a><a href="ProductList.aspx?classid=1006">
                                                                    薏米</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=1009">土特产</a><a href="ProductList.aspx?classid=1012">
                                                                腌/腊肉</a><a href="ProductList.aspx?classid=972">水产品制品</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=1016">鸡蛋/喜蛋</a><a href="ProductList.aspx?classid=1021">
                                                                鸭蛋</a> <a href="ProductList.aspx?classid=1018">其他蛋制品</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=1025">烤鸭</a><a href="ProductList.aspx?classid=1028">
                                                                泥螺</a><a href="ProductList.aspx?classid=1031">粽子</a><a href="ProductList.aspx?classid=1026">
                                                                    卤肉类</a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left_pop_nav2">
                                                    <dl>
                                                        <dt><a href="">推荐店铺</a></dt>
                                                        <dd>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END左边导航弹出 粮油蔬果-->
                    </div>
                    <div class="left_ag">
                        <h1>
                            <a href=""><span class="ag_sp3"></span><strong>有机食品</strong></a></h1>
                        <div class="left_ag_1">
                            <a href=""><span>黄豆</span></a> <a href=""><span>红豆</span></a> <a href=""><span>黑豆</span></a>
                            <a href=""><span>八宝米</span></a> <a href=""><span>有机小米</span></a><a href=""><span>黑米</span></a>
                            <a href=""><span>糯米</span></a><br />
                            <a href=""><span>花生油</span></a> <a href=""><span>其它</span></a>
                        </div>
                        <!-- 左边导航弹出 有机食品-->
                        <div class="more">
                            <div id="navigation_3" class="navigation">
                                <ul>
                                    <li class=""><a href="#" class="left_pop_a1">更多</a>
                                        <ul>
                                            <li>
                                                <div class="left_pop_nav1">
                                                    <dl>
                                                        <dd>
                                                            <a href="">绿豆</a><a href="">高粱米</a><a href="">东北大米</a> <a href="">麻籽油</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="">茶油</a><a href="">玉米油</a> <a href="">橄榄油</a><a href="">大豆油 </a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left_pop_nav2">
                                                    <dl>
                                                        <dt><a href="">推荐店铺</a></dt>
                                                        <dd>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END左边导航弹出 有机食品-->
                    </div>
                    <div class="left_ag">
                        <h1>
                            <a href="ProductList.aspx?classid=429"><span class="ag_sp4"></span><strong>茶叶饮品</strong></a></h1>
                        <div class="left_ag_1">
                            <a href="ProductList.aspx?classid=822"><span>乌龙茶</span></a> <a href="ProductList.aspx?classid=820">
                                <span>普洱茶</span></a> <a href=""><span>铁观音</span></a><br />
                            <a href="ProductList.aspx?classid=819"><span>绿茶</span></a> <a href="ProductList.aspx?classid=814">
                                <span>红茶</span></a> <a href="ProductList.aspx?classid=816"><span>花草茶</span></a>
                        </div>
                        <!-- 左边导航弹出 茶叶饮品 -->
                        <div class="more">
                            <div id="navigation_4" class="navigation navigation4">
                                <ul>
                                    <li class=""><a href="#" class="left_pop_a1">更多</a>
                                        <ul>
                                            <li>
                                                <div class="left_pop_nav1">
                                                    <dl>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=821">水果茶</a><a href="ProductList.aspx?classid=815">
                                                                黑茶</a><a href="ProductList.aspx?classid=813">白茶</a><a href="ProductList.aspx?classid=817">
                                                                    黄茶</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=823">养生茶</a><a href="">其他茶叶</a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left_pop_nav2">
                                                    <dl>
                                                        <dt><a href="">推荐店铺</a></dt>
                                                        <dd>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END左边导航弹出 茶叶饮品-->
                    </div>
                    <div class="left_ag">
                        <h1>
                            <a href="ProductList.aspx?classid=427"><span class="ag_sp4"></span><strong>花卉盆栽</strong></a>
                        </h1>
                        <div class="left_ag_1">
                            <a href="ProductList.aspx?classid=776"><span>花卉/绿植盆栽</span></a><a href="ProductList.aspx?classid=773">
                                <span>仿真花</span></a><br />
                            <a href="ProductList.aspx?classid=783"><span>园艺用品</span></a> <a href="ProductList.aspx?classid=779">
                                <span>庭院植物/果树</span></a><br />
                            <a href=""><span>鲜花卡通花</span></a> <a href="ProductList.aspx?classid=772"><span>迷你植物</span></a>
                        </div>
                        <!-- 左边导航弹出 花卉盆栽-->
                        <div class="more">
                            <div id="Div1" class="navigation navigation4">
                                <ul>
                                    <li class=""><a href="#" class="left_pop_a1">更多</a>
                                        <ul>
                                            <li>
                                                <div class="left_pop_nav1">
                                                    <dl>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=775">花瓶/花器/花盆/花架</a><a href="ProductList.aspx?classid=778">
                                                                商务用花</a>
                                                        </dd>
                                                        <dd>
                                                            <a href="ProductList.aspx?classid=773">绿植/蔬果成品</a><a href="ProductList.aspx?classid=774">
                                                                婚礼鲜花布置</a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="left_pop_nav2">
                                                    <dl>
                                                        <dt><a href="">推荐店铺</a></dt>
                                                        <dd>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                            <a href="">店铺<span>|</span></a> <a href="">店铺<span>|</span></a> <a href="">杨桃<span>|</span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END左边导航弹出 花卉盆栽-->
                    </div>
                </div>
                <!--END左边导航-->
                <!--右边内容-->
                <div class="right_c">
                    <div class="right_con">
                        <!--END 右边焦点图-->
                        <div class="focus">
                            <div class="focus_box">
                                <ul id="focus_pic">
                                    <li><a target="_blank" href="/ShowProduct.aspx?ProductID=1022">
                                        <img src="Skin/ProductlistStyle/images/circlePicture/ziXinHongShu.jpg" alt="紫心红薯" /></a>
                                    </li>
                                    <li><a target="_blank" href="/ShowProduct.aspx?ProductID=1040">
                                        <img src="Skin/ProductlistStyle/images/circlePicture/kaiXinGuo.jpg" alt="开心果" /></a></li>
                                    <li><a target="_blank" href="/ShowProduct.aspx?ProductID=1042">
                                        <img src="Skin/ProductlistStyle/images/circlePicture/blackBean.jpg" alt="黑豆" /></a></li>
                                </ul>
                            </div>
                            <div class="focus_nav">
                                <ul id="focus_btn">
                                    <li class="">
                                        <img src="Skin/CommStyle/images/agriculture-_15.png" /></li>
                                    <li class="">
                                        <img src="Skin/CommStyle/images/agriculture-_17.png" /></li>
                                    <li class="">
                                        <img src="Skin/CommStyle/images/agriculture-_19.png" /></li>
                                </ul>
                            </div>
                        </div>
                        <script type="text/javascript">
                            (function () {
                                var picHeight = 350; //幻灯片的高度
                                var picWidth = 770; //幻灯片的宽度
                                var autoTime = 800; //自动播放间隔时间
                                var index = 0; //从第几个开始轮播,0为第一个
                                var v = 0; //1为垂直播放，0为水平播放
                                var focusPics = document.getElementById("focus_pic"); //获得幻灯片的框架ID
                                var focusLi = focusPics.getElementsByTagName("li");
                                var picNo = focusLi.length; //幻灯片的数量
                                var Timer, autoTimer;
                                var posX, posY; //移动的目标距离
                                var focus_btn = document.getElementById("focus_btn");
                                var btnLi = focus_btn.getElementsByTagName("li");
                                btnLi[0].className = "on";
                                if (v == 0) {//当方向为水平移动时候
                                    focusPics.style.width = picNo * picWidth + "px"; //设置包裹UL的宽度为LI的数量乘以图片的宽度
                                    for (var i = 0; i < picNo; i++) {//设置样式
                                        focusLi[i].style.float = "left";
                                        focusLi[i].style.height = picHeight + "px";
                                        focusLi[i].style.widht = picWidth + "px";
                                    }
                                }
                                else if (v == 1) { //垂直方向
                                    for (var i = 0; i < picNo; i++) {
                                        focusPics.style.width = picWidth + "px";
                                    }
                                }
                                function autoPlay() {//自动播放函数
                                    if (autoTimer) {
                                        clearInterval(autoTimer)
                                    }; //清除播放避免重复播放
                                    Timer = setInterval(function () { move(index) } //调用移动函数，传入index值
                                 , autoTime);
                                }
                                function move(liIndex) {    //移动
                                    if (v == 1) {//垂直移动时
                                        posX = 0;
                                        posY = -(liIndex * picHeight); //取得垂直移动的目标TOP值
                                    }
                                    else {//水平移动时
                                        posX = -(liIndex * picWidth); //取得水平移动的目标LEFT值
                                        posY = 0;
                                    }
                                    for (var i = 0; i < picNo; i++) {
                                        btnLi[i].className = ""; //清除按钮的样式
                                    }
                                    btnLi[liIndex].className = "on"; //设置按钮的样式
                                    autoTimer = setInterval(function () { moveElement(posX, posY) }, 10); //调用缓冲移动到目标位置函数
                                }
                                function moveElement(posX, posY) { //posX posY 为移动到的目标坐标
                                    if (Timer) { clearInterval(Timer) };    //移动的时候清除自动播放
                                    //if(autoTimer){clearInterval(autoTimer)};
                                    var stepx, stepy;
                                    if (!focusPics.style.left) focusPics.style.left = "0px"; //初始化
                                    if (!focusPics.style.top) focusPics.style.top = "0px"; //初始化
                                    var left = focusPics.style.left;
                                    var top = focusPics.style.top;
                                    left = parseInt(left, 10);
                                    top = parseInt(top, 10);
                                    if (left == posX && top == posY) {//当到达目标位置时
                                        if (autoTimer) { clearInterval(autoTimer) }; //清除缓冲移动函数的间隙调用
                                        Timer = setInterval( //自动播放下一个位置
function () {
    move(index);
    index++; //索引加一
    if (index == picNo) {//当索引值等于LI的数量时
        index = 0; //返回到第一个
    }
}
            , autoTime);
                                        return false;
                                    };
                                    if (left > posX) {//判断移动的位置与现在的位置的大小
                                        stepx = Math.ceil((left - posX) / 10);
                                        left = left - stepx;
                                    } else if (left < posX) {
                                        stepx = Math.ceil((posX - left) / 10);
                                        left = left + stepx;
                                    }
                                    if (top > posY) {
                                        stepy = Math.ceil((top - posY) / 10);
                                        top = top - stepy;
                                    } else if (top < posY) {
                                        stepy = Math.ceil((posY - top) / 10);
                                        top = top + stepy;
                                    }
                                    focusPics.style.left = left + "px";
                                    focusPics.style.top = top + "px";
                                }
                                function btnHover() {//小按钮的鼠标效果
                                    var l = btnLi.length;
                                    for (var i = 0; i < l; i++) {
                                        btnLi[i].onmouseover = function (t) {
                                            return function () {
                                                if (autoTimer) { clearInterval(autoTimer) }; //清除播放后
                                                index = t;
                                                move(t); //移动到this.index
                                            }
                                        } (i)
                                    }
                                }
                                autoPlay();
                                btnHover();
                            })()
                        </script>
                        <!--END 右边焦点图-->
                        <!--TAB和小轮播-->
                        <div class="tab_and_lb" style="margin-top: 10px;">
                            <div id="tabs1" class="tab">
                                <div class="menu1box">
                                    <ul id="menu1" class="menu1_ul">
                                        <li class="hover" onmouseover="setTab(1,0)" style="border-left: none"><a href="">最高人气</a></li>
                                        <li onmouseover="setTab(1,1)"><a href="">最高人气</a></li>
                                        <li onmouseover="setTab(1,2)"><a href="">最高人气</a></li>
                                        <li onmouseover="setTab(1,3)" style="border-right: 1px solid #ebebeb;"><a href="">最高人气</a></li>
                                    </ul>
                                </div>
                                <div class="main2box">
                                    <div class="main2" id="main1">
                                        <ul class="block">
                                            <asp:DataList ID="dlProductHits1" runat="server" RepeatColumns="3" ViewStateMode="Disabled"
                                                DataKeyField="ProductID">
                                                <ItemTemplate>
                                                    <li>
                                                        <dl>
                                                            <dt><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                                <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                    onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                            </dt>
                                                            <dd>
                                                                <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                                    <span class="productName">
                                                                        <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                            </dd>
                                                            <dd>
                                                                <strong>&yen;<%# Eval("StandPrice") %></strong></dd>
                                                            <dd>
                                                                <a class="shopName" target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'>
                                                                    <%# Eval("ShopName")%></a>
                                                            </dd>
                                                        </dl>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </ul>
                                        <ul>
                                            <asp:DataList ID="dlProductHits2" runat="server" RepeatColumns="3" ViewStateMode="Disabled"
                                                DataKeyField="ProductID">
                                                <ItemTemplate>
                                                    <li>
                                                        <dl>
                                                            <dt><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                                <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                    onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                            </dt>
                                                            <dd>
                                                                <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                                    <span class="productName">
                                                                        <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                            </dd>
                                                            <dd>
                                                                <strong>&yen;<%# Eval("StandPrice") %></strong></dd>
                                                            <dd>
                                                                <a class="shopName" target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'>
                                                                    <%# Eval("ShopName")%></a>
                                                            </dd>
                                                        </dl>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </ul>
                                        <ul>
                                            <asp:DataList ID="dlProductHits3" runat="server" RepeatColumns="3" ViewStateMode="Disabled"
                                                DataKeyField="ProductID">
                                                <ItemTemplate>
                                                    <li>
                                                        <dl>
                                                            <dt><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                                <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                    onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                            </dt>
                                                            <dd>
                                                                <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                                    <span class="productName">
                                                                        <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                            </dd>
                                                            <dd>
                                                                <strong>&yen;<%# Eval("StandPrice") %></strong></dd>
                                                            <dd>
                                                                <a class="shopName" target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'>
                                                                    <%# Eval("ShopName")%></a>
                                                            </dd>
                                                        </dl>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </ul>
                                        <ul>
                                            <asp:DataList ID="dlProductHits4" runat="server" RepeatColumns="3" ViewStateMode="Disabled"
                                                DataKeyField="ProductID">
                                                <ItemTemplate>
                                                    <li>
                                                        <dl>
                                                            <dt><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                                <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                    onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                            </dt>
                                                            <dd>
                                                                <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                                    <span class="productName">
                                                                        <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                            </dd>
                                                            <dd>
                                                                <strong>&yen;<%# Eval("StandPrice") %></strong></dd>
                                                            <dd>
                                                                <a class="shopName" target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'>
                                                                    <%# Eval("ShopName")%></a>
                                                            </dd>
                                                        </dl>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:DataList>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="focus_lb">
                                <div class="focus_2">
                                    <h1>
                                        <strong>限时疯抢</strong><span>每天活动精彩不断</span>
                                    </h1>
                                    <!-- 促销商品的相片 begin -->
                                    <div class="focus_box_2">
                                        <ul id="focus_pic_2">
                                            <asp:Repeater ID="repPic" runat="server" ViewStateMode="Disabled">
                                                <ItemTemplate>
                                                    <li><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                        <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="170px" height="215px"
                                                            alt="" onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                    </li>
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </ul>
                                    </div>
                                    <div class="focus_nav_2">
                                        <ul id="focus_btn_2">
                                            <li class="">
                                                <img src="Skin/CommStyle/images/focus_nav_2.png" alt="" />
                                            </li>
                                            <li class="">
                                                <img src="Skin/CommStyle/images/focus_nav_2.png" alt="" />
                                            </li>
                                            <li class="">
                                                <img src="Skin/CommStyle/images/focus_nav_2.png" alt="" />
                                            </li>
                                        </ul>
                                    </div>
                                    <%--<div class="ag_buy_bt">
                                        <a href=''>
                                            <img src="Skin/CommStyle/images/agriculture-_buy_bt.jpg" alt="" />
                                        </a>
                                    </div> --%>                                   
                                    <!-- 促销商品的相片 end -->
                                    <%--<div class="focus_box_2">
                                        <!-- 促销商品的相片 begin -->
                                        <asp:Repeater ID="repPic" runat="server" ViewStateMode="Disabled">
                                            <ItemTemplate>
                                                <ul id="focus_pic_2">
                                                    <li><a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                        <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="170px" height="215px" alt="" onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'"  /></a>
                                                    </li>
                                                </ul>
                                                <ul id="focus_btn_2">
                                                    <li class="">
                                                        <img src="Skin/CommStyle/images/focus_nav_2.png" alt="" />
                                                    </li>
                                                </ul>
                                                <a href='Buy.aspx?ProductID=<%# Eval("ProductID") %>'>
                                                    <img src="Skin/CommStyle/images/agriculture-_buy_bt.jpg" alt="" />
                                                </a>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                        <!-- 促销商品的相片 end -->
                                    </div>--%>                                    
                                </div>
                                <script type="text/javascript">
                                    (function () {
                                        var picHeight = 215; //幻灯片的高度
                                        var picWidth = 170; //幻灯片的宽度
                                        var autoTime = 800; //自动播放间隔时间
                                        var index = 0; //从第几个开始轮播,0为第一个
                                        var v = 0; //1为垂直播放，0为水平播放
                                        var focusPics = document.getElementById("focus_pic_2"); //获得幻灯片的框架ID
                                        var focusLi = focusPics.getElementsByTagName("li");
                                        var picNo = focusLi.length; //幻灯片的数量
                                        var Timer, autoTimer;
                                        var posX, posY; //移动的目标距离
                                        var focus_btn = document.getElementById("focus_btn_2");
                                        var btnLi = focus_btn.getElementsByTagName("li");
                                        btnLi[0].className = "on";
                                        if (v == 0) {//当方向为水平移动时候
                                            focusPics.style.width = picNo * picWidth + "px"; //设置包裹UL的宽度为LI的数量乘以图片的宽度
                                            for (var i = 0; i < picNo; i++) {//设置样式
                                                focusLi[i].style.float = "left";
                                                focusLi[i].style.height = picHeight + "px";
                                                focusLi[i].style.widht = picWidth + "px";
                                            }
                                        }
                                        else if (v == 1) { //垂直方向
                                            for (var i = 0; i < picNo; i++) {
                                                focusPics.style.width = picWidth + "px";
                                            }
                                        }
                                        function autoPlay() {//自动播放函数
                                            if (autoTimer) {
                                                clearInterval(autoTimer)
                                            }; //清除播放避免重复播放
                                            Timer = setInterval(function () { move(index) } //调用移动函数，传入index值
        , autoTime);
                                        }
                                        function move(liIndex) {    //移动
                                            if (v == 1) {//垂直移动时
                                                posX = 0;
                                                posY = -(liIndex * picHeight); //取得垂直移动的目标TOP值
                                            }
                                            else {//水平移动时
                                                posX = -(liIndex * picWidth); //取得水平移动的目标LEFT值
                                                posY = 0;
                                            }
                                            for (var i = 0; i < picNo; i++) {
                                                btnLi[i].className = ""; //清除按钮的样式
                                            }
                                            btnLi[liIndex].className = "on"; //设置按钮的样式
                                            autoTimer = setInterval(function () { moveElement(posX, posY) }, 10); //调用缓冲移动到目标位置函数
                                        }
                                        function moveElement(posX, posY) { //posX posY 为移动到的目标坐标
                                            if (Timer) { clearInterval(Timer) };    //移动的时候清除自动播放
                                            //if(autoTimer){clearInterval(autoTimer)};
                                            var stepx, stepy;
                                            if (!focusPics.style.left) focusPics.style.left = "0px"; //初始化
                                            if (!focusPics.style.top) focusPics.style.top = "0px"; //初始化
                                            var left = focusPics.style.left;
                                            var top = focusPics.style.top;
                                            left = parseInt(left, 10);
                                            top = parseInt(top, 10);
                                            if (left == posX && top == posY) {//当到达目标位置时
                                                if (autoTimer) { clearInterval(autoTimer) }; //清除缓冲移动函数的间隙调用
                                                Timer = setInterval( //自动播放下一个位置
                                            function () {
                                                move(index);
                                                index++; //索引加一
                                                if (index == picNo) {//当索引值等于LI的数量时
                                                    index = 0; //返回到第一个
                                                }
                                            }
                                                        , autoTime);
                                                return false;
                                            };
                                            if (left > posX) {//判断移动的位置与现在的位置的大小
                                                stepx = Math.ceil((left - posX) / 10);
                                                left = left - stepx;
                                            } else if (left < posX) {
                                                stepx = Math.ceil((posX - left) / 10);
                                                left = left + stepx;
                                            }
                                            if (top > posY) {
                                                stepy = Math.ceil((top - posY) / 10);
                                                top = top - stepy;
                                            } else if (top < posY) {
                                                stepy = Math.ceil((posY - top) / 10);
                                                top = top + stepy;
                                            }
                                            focusPics.style.left = left + "px";
                                            focusPics.style.top = top + "px";
                                        }
                                        function btnHover() {//小按钮的鼠标效果
                                            var l = btnLi.length;
                                            for (var i = 0; i < l; i++) {
                                                btnLi[i].onmouseover = function (t) {
                                                    return function () {
                                                        if (autoTimer) { clearInterval(autoTimer) }; //清除播放后
                                                        index = t;
                                                        move(t); //移动到this.index
                                                    }
                                                } (i)
                                            }
                                        }
                                        autoPlay();
                                        btnHover();
                                    })()
                                </script>
                            </div>
                        </div>
                        <!--END TAB和小轮播-->
                    </div>
                </div>
                <!-- END右边内容-->
                <div class="clear">
                </div>
            </div>
            <!--1F 农家绿色健康食品-->
            <div class="cont1">
                <div class="cont1_1f">
                    <div class="cont1_1f_tit">
                        <div class="cont1_1f_tit_l">
                            <span>1F 零食特产</span></div>
                        <div class="cont1_1f_tit_r">
                            <a href="/ShowProduct.aspx?ProductID=963">核桃</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=1006">
                                蜂蜜</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=993">油炸干鱼</a><span
                                    class="split">|</span> <a href="/ShowProduct.aspx?ProductID=992">蜜枣</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=1038">提子乳球</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=1011">灯影牛肉丝</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=1045">无花果干</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=1033">葡萄干</a><span class="split">|</span> <a
                                href="/ShowProduct.aspx?ProductID=1040">开心果</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=1026">糯米凉糍粑</a>
                        </div>
                        <div class="more_11">
                            <a href="ProductList.aspx?classid=543"><span>更多&gt;&gt;</span></a></div>
                    </div>
                    <div class="cont1_1f_con">
                        <div class="left_c">
                            <div class="left_1f">
                                <a href="/ShowProduct.aspx?ProductID=1038">
                                    <img src="Skin/ProductlistStyle/images/bigPicture/1FAgriculture.JPG" alt="提子乳球" /></a>
                            </div>
                        </div>
                        <div class="right_c">
                            <div class="right_1f">
                                <div class="product_bigpic">
                                    <div class="miniview clearfix" style="float: left;">
                                        <asp:DataList ID="dlProduct1F" runat="server" RepeatColumns="4" ViewStateMode="Disabled"
                                            DataKeyField="ProductID">
                                            <ItemTemplate>
                                                <div class="product" style="width: 170px; height: 235px;">
                                                    <div class="product-img">
                                                        <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                            <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                    </div>
                                                    <div>
                                                        <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                            <span class="product-title" style="height: 25px;">
                                                                <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                    </div>
                                                    <div class="product-price">
                                                        <span class="product-normal"><i class="i-money">&yen;</i><%# Eval("StandPrice") %></span></div>
                                                    <%--<div class="product-shop clearfix" style="width:165px;">
                                                        <a target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'
                                                            style="color: #aaaaaa; text-decoration: none; font-size: 12px;" class="shopname">
                                                            <%# Eval("ShopName")%></a>
                                                    </div>--%>
                                                </div>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
            </div>
            <!--END 1F 农家绿色健康食品-->
            <!--2F 农家绿色健康食品-->
            <div class="cont1">
                <div class="cont1_1f">
                    <div class="cont1_1f_tit">
                        <div class="cont1_1f_tit_l">
                            <span>2F 粮油蔬果</span></div>
                        <div class="cont1_1f_tit_r">
                            <a href="/ShowProduct.aspx?ProductID=1050">黑米</a><span class="split">|</span> <a
                                href="/ShowProduct.aspx?ProductID=1042">黑豆</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=1036">
                                    荷包豆</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=1025">草莓</a><span
                                        class="split">|</span> <a href="/ShowProduct.aspx?ProductID=982">墨鱼干</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=964">绿豆</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=1056">
                                红枣</a><span class="split">|</span> <a href="/ShowProduct.aspx?ProductID=1022">紫心番薯</a><span
                                    class="split">|</span> <a href="/ShowProduct.aspx?ProductID=975">竹笋干</a><span class="split">|</span>
                            <a href="/ShowProduct.aspx?ProductID=953">白菜干</a><span class="split">|</span> <a
                                href="/ShowProduct.aspx?ProductID=1021">茶树菇</a>
                        </div>
                        <div class="more_11">
                            <a href="ProductList.aspx?classid=139"><span>更多&gt;&gt;</span></a></div>
                    </div>
                    <div class="cont1_1f_con">
                        <div class="left_c">
                            <div class="left_1f">
                                <a href="/ShowProduct.aspx?ProductID=1050">
                                    <img src="Skin/ProductlistStyle/images/bigPicture/2FAgriculture.JPG" alt="黑米" /></a>
                            </div>
                        </div>
                        <div class="right_c">
                            <div class="right_1f">
                                <div class="product_bigpic">
                                    <div class="miniview clearfix" style="float: left;">
                                        <asp:DataList ID="dlProduct2F" runat="server" RepeatColumns="4" ViewStateMode="Disabled"
                                            DataKeyField="ProductID">
                                            <ItemTemplate>
                                                <div class="product" style="width: 170px; height: 235px;">
                                                    <div class="product-img">
                                                        <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>'>
                                                            <img src='<%# GetPruductImg(Eval("ProductImageUrl")) %>' width="180px" height="180px"
                                                                onerror="this.onerror=null;this.src='Skin/CommStyle/images/noneimg.jpg'" /></a>
                                                    </div>
                                                    <div>
                                                        <a target="_blank" href='ShowProduct.aspx?productid=<%# Eval("ProductID") %>' style="text-decoration: none;">
                                                            <span class="product-title" style="height: 25px;">
                                                                <%# GetStr(10,Eval("ProductName").ToString()) %></span></a>
                                                    </div>
                                                    <div class="product-price">
                                                        <span class="product-normal"><i class="i-money">&yen;</i><%# Eval("StandPrice") %></span></div>
                                                    <%--<div class="product-shop clearfix" style="width:165px;">
                                                        <a target="_blank" href='store/shopindex.aspx?ShopID=<%# Eval("ShopID") %>&SalerID=<%# Eval("SalerID") %>'
                                                            style="color: #aaaaaa; text-decoration: none; font-size: 12px;" class="shopname">
                                                            <%# Eval("ShopName")%></a>
                                                    </div>--%>
                                                </div>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
            </div>
            <!--END2F 农家绿色健康食品-->
        </div>
        <hl:Foot ID="Foot1" runat="server" />
    </div>
    </form>
</body>
</html>
