$(document).ready(function() {

  Buttons.init();

});

Buttons = {
  
  init: function() {
     
    $('a.button-continue, a.button-previous, a.button, a.button-save').each( function() {
      var text = $(this).text();
      //breite bestimmen
	$('body').append('<a class="button" id="span"><span style="display: inline">'+text+'</span></a>');
      var breite = $('#span span').width();
      $('#span').remove();

      //text setzen
      if ($(this).find('span').length==0) $(this).wrapInner('<span></span>');
      $(this).width(breite+18);
    });

       
    $("button.button, input.button").each( function() {

            if( !$(this).data('button') ) {

                var original, classes, style, tabindex, text, name, id;
                original = this;
                id = $(this).attr('id');
                name = $(this).attr('name');
                classes = $(this).attr('class');
                style = $(this).attr('style');
                tabindex = $(this).attr('tabindex');  
                text = $(this).html();
                $(this).hide()
                
                if(this.tagName.toUpperCase()=="BUTTON") {
                    text = $(this).html();
                }
                else if(this.tagName.toUpperCase()=="INPUT") {
                    text = this.value;
                }
                
                var a = $("<a href='#'><span>"+text+"</span></a>")
                .bind("click", function() {
                            original.click();
                            return false;
                })
                .bind("mousedown", function() {$(this).addClass('buttonActive');})
                .bind("mouseup", function() {$(this).removeClass('buttonActive');})
                .insertAfter(original);
                        
                if (style) a.attr('style',style);
                if (id) {
                  a.attr('id', id);
                  $(original).removeAttr('id');
                }
                if (name) a.attr('name',name);
                if (classes) a.addClass(classes);
                if (tabindex) {
                   a.attr('tabindex',tabindex);
                   $(original).removeAttr('tabindex');
                }
                $(this).data("button", true);
                //breite bestimmen
		$('body').append('<a class="button" id="span"><span style="display: inline">'+text+'</span></a>');
                var breite = $('#span span').width();
                $('#span').remove();
                a.width(breite+18);              
            }           
        });

    }

}