﻿
$.tagbox =
{
    tagBox: function(_this, setting) {
        setting.tagIndex = setting.tag;
        $.tagbox.showBox(_this, setting);

        $.each(setting.btnList, function(i, value) {

            if (setting.glideDisplay) {
                _this.find(value).mouseover(
                             function() {
                                 if ($(value).attr(setting.btnAttr) == $(this).attr(setting.btnAttr)) {
                                     setting.tagIndex = i + 1;
                                     $(this).attr(setting.btnAttr, setting.btnListSelectedStyle[i]);
                                 }

                                 $.tagbox.showBox(_this, setting);
                             });

                _this.find(value).mouseout(
                    function() {
                        if ($(value).html() == $(this).html()) {
                            $(this).attr(setting.btnAttr, setting.btnListStyle[i]);
                        }
                        if (setting.reserve) {
                            _this.find(setting.btnList[setting.tag - 1]).attr(setting.btnAttr, setting.btnListSelectedStyle[setting.tag - 1]);

                        }
                    }
                );
            }
            else {
                _this.find(value).click(
                    function() {

                        if ($(value).attr(setting.btnAttr) == $(this).attr(setting.btnAttr)) {
                            setting.tagIndex = i + 1;
                            $(this).attr(setting.btnAttr, setting.btnListSelectedStyle[i]);
                        }
                        $.tagbox.showBox(_this, setting);
                    });

            }
        });

    },
    showBox: function(_this, setting) {

        $.each(setting.btnList, function(i, value) {
            if (i == setting.tagIndex - 1) {
                if (setting.displayBox) {
                    _this.find(setting.box[i]).show();
                }
                _this.find(value).attr(setting.btnAttr, setting.btnListSelectedStyle[i]);
            }
            else {
                _this.find(value).attr(setting.btnAttr, setting.btnListStyle[i]);

                if (setting.displayBox)
                    _this.find(setting.box[i]).hide();
            }
        });
        if (setting.reserve) {
            _this.find(setting.btnList[setting.tag - 1]).attr(setting.btnAttr, setting.btnListSelectedStyle[setting.tag - 1]);

        }
    }
}


 $.fn.tagbox = function(options) {

 var defaults = {
            btnList: new Array("#menu_01 img", "#menu_02 img"),
            box: new Array("#maintopnews1", "#maintopnews2"),
            tagIndex: 1,
             btnAttr:'src',
             btnListStyle: new Array('images/comm/btn/main_newsupdate_off.gif', 'images/comm/btn/main_newsparty_off.gif'),
             btnListSelectedStyle: new Array('images/comm/btn/main_newsupdate_on.gif', 'images/comm/btn/main_newsparty_on.gif'),
             displayBox: true, 
             glideDisplay: false,   //鼠标滑过模式
             reserve : false, //是否保留
             tag:1   //默认值
        };

        var opt = $.extend(defaults, options);

        return this.each(function(){

        $.tagbox.tagBox($(this), defaults);
        });
}





