/***********************************************************

*  J3Button Version:1.0.0  2008.07.18

*  Author: Jinxin

* cnseven@live.com

*

***********************************************************/



function J3ButtonClass()

{

    jQuery.fn.active = function() {

        if (jQuery(this).hasClass("button")) {

            if (arguments.length == 0) {

                return jQuery(this).hasClass("disabled") ? false : true;

            }

            else {

                if (arguments[0] == true) {

                    jQuery(this).removeClass("disabled");



                    jQuery(this).find("td.left").css("backgroundImage", jQuery(this).data("leftBg"));

                    jQuery(this).find("td.right").css("backgroundImage", jQuery(this).data("rightBg"));

                    jQuery(this).find("td.ButtonContent").css("backgroundImage", jQuery(this).data("centerBg"));

                }

                else {

                    jQuery(this).addClass("disabled");



                    jQuery(this).find("td.left").css("backgroundImage", jQuery(this).data("leftBgDisabled"));

                    jQuery(this).find("td.right").css("backgroundImage", jQuery(this).data("rightBgDisabled"));

                    jQuery(this).find("td.ButtonContent").css("backgroundImage", jQuery(this).data("centerBgDisabled"));

                }



                return jQuery(this);

            }

        }

    }



    this.bind = function(szFilter) {



        $(szFilter + " :button.button,:submit.button").each(function(index) {

            var ButtonType = $(this).attr("type");

            var evt_Click = $(this).get(0).onclick;

            var style = $(this).attr("style");

            var id = $(this).attr("id");

            var name = $(this).attr("name");



            $(this).replaceWith("<table type='button' class='" + $(this).attr("class") + "' border='0' cellpadding='0' cellspacing='0'><tbody><tr><td class='left'>&nbsp;</td><td class='ButtonContent'>" + $(this).attr("value") + "</td><td class='right'>&nbsp;</td></tr></tbody></table>");

            var currButton = $("table[type=button]");



            if (typeof (id) != "undefined") {

                currButton.attr("id", id);

            }

            if (typeof (name) != "undefined") {

                currButton.attr("name", name);

            }

            if (typeof (style) != "undefined") {

                currButton.attr("style", style);

            }

            if (typeof (evt_Click) == "function") {

                currButton.bind("click", function() {

                    // can add some other effect here beofre click

                    if (!currButton.hasClass("disabled")) {

                        evt_Click();

                    }

                }

            );

            }

            if (ButtonType.toLowerCase() == "submit") {

                currButton.bind("click", function() {

                    __doPostBack(currButton.attr("name"), "");

                });

            }

            currButton.removeAttr("type");



            /*

            currButton.mouseover(function() {

            if (!currButton.hasClass("disabled")) {

            $(this).addClass("over");

            }

            }).mouseout(function() {

            if (!currButton.hasClass("disabled")) {

            $(this).removeClass("over");

            }

            });

            */



            if (currButton.hasClass("disabled")) {

                currButton.data("leftBg", currButton.find("td.left").css("backgroundImage"));

                currButton.data("rightBg", currButton.find("td.right").css("backgroundImage"))

                currButton.data("centerBg", currButton.find("td.ButtonContent").css("backgroundImage"));



                currButton.data("leftBgDisabled", currButton.find("td.left").css("backgroundImage").replace("\.png", "_gray.png"));

                currButton.data("rightBgDisabled", currButton.find("td.right").css("backgroundImage").replace("\.png", "_gray.png"))

                currButton.data("centerBgDisabled", currButton.find("td.ButtonContent").css("backgroundImage").replace("\.png", "_gray.png"));



                currButton.active(false);

            }

            else {

                currButton.data("leftBg", currButton.find("td.left").css("backgroundImage"));

                currButton.data("rightBg", currButton.find("td.right").css("backgroundImage"))

                currButton.data("centerBg", currButton.find("td.ButtonContent").css("backgroundImage"));



                currButton.data("leftBgDisabled", currButton.find("td.left").css("backgroundImage").replace("\.png", "_gray.png"));

                currButton.data("rightBgDisabled", currButton.find("td.right").css("backgroundImage").replace("\.png", "_gray.png"))

                currButton.data("centerBgDisabled", currButton.find("td.ButtonContent").css("backgroundImage").replace("\.png", "_gray.png"));



                currButton.active(true);

            }



            currButton.css("visibility", "visible");







        });



    }

}

J3Button = new J3ButtonClass();



jQuery(function($){

    J3Button.bind("");

});