(function ($) {
    $.fn.initButton = function () {
        var buttons = $(this);
        var defaultClasses = "xk-ui-button-default";
        var hoverClasses = "xk-ui-button-hover";
        var activedClasses = "xk-ui-button-active";
        var disabledClasses = "xk-ui-button-disabled";
        function init() {
            buttons.each(function () {

                if ($(this).find("span").length <= 0) {
                    var buttonText = $("<span></span>").addClass(defaultClasses).html("<span>" + $(this).html() + "</span>").appendTo($(this).empty());

                    $(this).width(buttonText.innerWidth());

                    if ($(this).attr("disabled") || $(this).attr("disabled") == "disabled") {
                        buttonText.addClass(disabledClasses);
                    }




                    $(this).hover(function () {
                        $(this).children().addClass(hoverClasses);
                    }, function () {
                        $(this).children().removeClass(hoverClasses);
                    });

                    $(this).mousedown(function () {
                        $(this).children().addClass(activedClasses);
                    }).mouseup(function () {
                        $(this).children().removeClass(activedClasses);
                    });
                }
            });
        };
        init();
    };
    $.fn.disabledButton = function (disabled) {
        if (disabled) {
            $(this).attr("disabled", true);
            $(this).children().addClass("xk-ui-button-disabled");
        } else {
            $(this).attr("disabled", "");
            $(this).children().removeClass("xk-ui-button-disabled");
        }
    };
})(jQuery);