﻿function SearchTabsInit(txtExpr,btnExpr,hidTidExpr, fltersExpr) {
    
    var txtDefaultCss="txt";
    var btnDefaultCss="btn";

    var tabs = [
                { tid: '1', flterExpr: '#f_1', tabExpr: '#tab_1', css: 't1', txtCss: 'txt1', btnCss: 'b1', topBgCss: 'top_bg_1' },
                { tid: '2', flterExpr: '#f_2', tabExpr: '#tab_2', css: 't2', txtCss: 'txt2', btnCss: 'b2', topBgCss: 'top_bg_2' },
                { tid: '3', flterExpr: '#f_3', tabExpr: '#tab_3', css: 't3', txtCss: 'txt3', btnCss: 'b3', topBgCss: 'top_bg_3' },
                { tid: '4', flterExpr: '#f_4', tabExpr: '#tab_4', css: 't4', txtCss: 'txt4', btnCss: 'b4', topBgCss: 'top_bg_4' }
                ];

                var SetCurrTab = function (o) {
                    //设定当前页面顶部背景样式
                    $("body").attr("class", o.topBgCss);

                    //清除所有tab样式
                    $(tabs).each(function (i, o) { $(o.tabExpr).attr("class", ""); });
                    //设定当前tab样式
                    $(o.tabExpr).addClass(o.css);

                    if (txtExpr != null && txtExpr != "") {
                        var _txt = $(txtExpr);
                        //设定文本框默认演示
                        _txt.attr("class", txtDefaultCss);
                        //增加文本框当前样式
                        _txt.addClass(o.txtCss);
                    }

                    if (btnExpr != null && btnExpr != "") {
                        var _btn = $(btnExpr);
                        //设定按钮默认演示
                        _btn.attr("class", btnDefaultCss);
                        //增加按钮当前样式
                        _btn.addClass(o.btnCss);
                    }

                    if (fltersExpr != null && fltersExpr != "") {
                        var filterItem = $(o.flterExpr);
                        if (filterItem.length > 0) {
                            $(fltersExpr).show();

                            //影藏所有查询塞选条件
                            $(tabs).each(function (i, o) { $(o.flterExpr).hide(); });
                            //显示当前塞选条件
                            $(o.flterExpr).fadeIn();
                            $(fltersExpr).attr("class", o.css);
                        } else {
                            $(fltersExpr).hide();
                        }
                    }

                    //设定当前tabId的值
                    $(hidTidExpr).val(o.tid);
                }

                $(tabs).each(function (i, o) {
                    //根据当前tabId设定默认样式
                    if ($(hidTidExpr).val() == o.tid) {
                        SetCurrTab(o);
                    }

                    //绑定点击事件
                    $(o.tabExpr).click(function () {
                        SetCurrTab(o);

                        var _tab = $(o.tabExpr);
                        _tab.css("opacity", 0.2);
                        _tab.animate({ opacity: 1 }, { queue: false, duration: 400 });
                        _tab.animate({ marginLeft: '+50px', marginRight: '+50px' }, 200).animate({ marginLeft: '0px', marginRight: '5px' }, 200, function () {
                            var href = document.location.href.toLocaleLowerCase();
                            if (href.indexOf("/default.aspx") < 0 && (href.lastIndexOf("/") + 1 != href.length)) {
                                SubmitSerach();
                            }     
                        });
                        
                    });
                });
    var SubmitSerach = function () {
        var k = $(txtExpr).val();
        var t = $(hidTidExpr).val();
        $.query.SET("k", encodeURIComponent(k));
        $.query.SET("t", t);
        $.query.SET("p", "1");
        document.location.href = "Search.aspx" + $.query.toString();
    } 

    $("body").keypress(function(ev){
        if (event.keyCode == 13) {
            SubmitSerach();
            //返回false，避免再次刷新页面
            return false;
        }
    });

    $(btnExpr).click(function () {
        SubmitSerach();
    });

}
