var keyword = "";

//如修改该方法则需要适当修改setKeyword方法

function getKeyword(key) {
    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

function setKeyword(index) {
    keyword = getKeyword("keyword");
    sel($.trim($("#searchval").val()), index, getTypeID());
}

function getTypeID() {
    return $(".category.active").data("id");
}

function sel(keyword, index, typeid) {
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "/AjaxFile/Search.ashx",
        async: false,      
        data: {
            keyword: keyword,
            list: '<li class="clearfix m-video" data-src="{$VideoUrl$}"><a class="box"> <div class="pic"><img src="{$smallimageurl$}" class="middleCenter" /> </div><div class="text"><div class="title" > {$Title$}  </div><div class="more"><div class="time">{$StartTime:yyyy.MM.dd$}</div><div class="liulan"><span >浏览量</span>：{$Hits$}</div></div></div></a></li>', //循环格式 外面一般用<ul class="listShow"></ul>包裹
            page: '<a href="{$PrevLink$}" class="prev" >上一页</a>{$PageNumInfo$}<a href="{$NextLink$}"  class="next" >下一页</a>', //分页格式 外面用<div class="page"></div>包裹
            index: index, //当前页数
            count: 12, //每页显示条数
              typeid: typeid,
            item: "Video"//搜索表(Product News Single Job Message ProductAndNews)
        },
        success: function (data) {
            if (data.listShow.indexOf("暂无数据") == -1) {
                $(".listShow").html(data.listShow);

                $("#key").html("搜索关键词：<mark style=\"color:red\">" + keyword + "</mark>")


                $(".name").each(function () {

                    var t = $(this).text();

                    //判断标签是否包含关键字
                    if (t.indexOf(keyword) > -1) {

                        //定义正则表达式对象  array[i]是关键字   "g"是指全局范围
                        var a = new RegExp(keyword, "g")

                        //对标签文本进行全局替换，包含关键字的位置替换为加红字span对象

                        t = t.replace(a, ("<mark style=\"color:red\">" + keyword + "</mark>"));

                        //将替换完的文本对象赋给此对象中A标签对象的html值中
                        $(this).html(t);
                    }
                });

                $(".page").html(data.listPage);
                $(".page .currentPage").addClass("cpb"); //高亮
                if ($(".page a").length <= 1) {
                    $(".page").hide();
                }else {
                    $(".page").show();
                }
            }
            else {
                $(".listShow").html("<div  style=\"color:#666\">No Data</div>");
                $("#key").html("搜索关键词：<mark style=\"color:red\">" + keyword + "</mark>")
                $(".page").hide();
            }           
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            //alert(errorThrown);
        }
    });
}

$(function () {
    $(".category").click(function () {
        $(".category").removeClass("active");
        $(this).addClass("active");
        sel(getKeyword("keyword"), 0, getTypeID());
    })
})