NET餐厅管理系统前端js-dwz.barDrag

(function($){
    $.fn.cssv = function(pre){
        var cssPre = $(this).css(pre);
        return cssPre.substring(0, cssPre.indexOf("px")) * 1;
    };
    $.fn.jBar = function(options){
        var op = $.extend({container:"#container", collapse:".collapse", toggleBut:".toggleCollapse div", sideBar:"#sidebar", sideBar2:"#sidebar_s", splitBar:"#splitBar", splitBar2:"#splitBarProxy"}, options);
        return this.each(function(){
            var jbar = this;
            var sbar = $(op.sideBar2, jbar);
            var bar = $(op.sideBar, jbar);
            $(op.toggleBut, bar).click(function(){
                DWZ.ui.sbar = false;
                $(op.splitBar).hide();
                var sbarwidth = sbar.cssv("left") + sbar.outerWidth();
                var barleft = sbarwidth - bar.outerWidth();
                var cleft = $(op.container).cssv("left") - (bar.outerWidth() - sbar.outerWidth());
                var cwidth = bar.outerWidth() - sbar.outerWidth() + $(op.container).outerWidth();
                $(op.container).animate({left: cleft,width: cwidth},50,function(){
                    bar.animate({left: barleft}, 500, function(){
                        bar.hide();
                        sbar.show().css("left", -50).animate({left: 5}, 200);
                        $(window).trigger("resizeGrid");
                    });
                });
                $(op.collapse,sbar).click(function(){
                    var sbarwidth = sbar.cssv("left") + sbar.outerWidth();
                    if(bar.is(":hidden")) {
                        $(op.toggleBut, bar).hide();
                        bar.show().animate({left: sbarwidth}, 500);
                        $(op.container).click(_hideBar);
                    } else {
                        bar.animate({left: barleft}, 500, function(){
                            bar.hide();
                        });
                    }
                    function _hideBar() {
                        $(op.container).unbind("click", _hideBar);
                        if (!DWZ.ui.sbar) {
                            bar.animate({left: barleft}, 500, function(){
                                bar.hide();
                            });
                        }
                    }
                    return false;
                });
                return false;
            });
            $(op.toggleBut, sbar).click(function(){
                DWZ.ui.sbar = true;
                sbar.animate({left: -25}, 200, function(){                
                    bar.show();
                });
                bar.animate({left: 5}, 800, function(){
                    $(op.splitBar).show();
                    $(op.toggleBut, bar).show();                    
                    var cleft = 5 + bar.outerWidth() + $(op.splitBar).outerWidth();
                    var cwidth = $(op.container).outerWidth() - (cleft - $(op.container).cssv("left"));
                    $(op.container).css({left: cleft,width: cwidth});
                    $(op.collapse, sbar).unbind('click');
                    $(window).trigger("resizeGrid");
                });
                return false;
            });
            $(op.splitBar).mousedown(function(event){
                $(op.splitBar2).each(function(){
                    var spbar2 = $(this);
                    setTimeout(function(){spbar2.show();}, 100);
                    spbar2.css({visibility: "visible",left: $(op.splitBar).css("left")});                    
                    spbar2.jDrag($.extend(options, {obj:$("#sidebar"), move:"horizontal", event:event,stop: function(){
                        $(this).css("visibility", "hidden");
                        var move = $(this).cssv("left") - $(op.splitBar).cssv("left");
                        var sbarwidth = bar.outerWidth() + move;
                        var cleft = $(op.container).cssv("left") + move;
                        var cwidth = $(op.container).outerWidth() - move;
                        bar.css("width", sbarwidth);
                        $(op.splitBar).css("left", $(this).css("left"));
                        $(op.container).css({left: cleft,width: cwidth});

                    }}));
                    return false;                    
                });
            });
        });
    }
})(jQuery);