/**
 * jQuery wrButton-plugin (jquery.wrButton.js)
 *
 * Modifies links (<a>) with class 'button'
 *
 * CSS for button is required, can be modified for best result
 * Paths to images is specified in CSS
 *
 * @version 0.1
 * @Created: 2010-11-03
 * @Author: Oscar Engstr�m, www.engstream.se
 *
 */

(function($){
    $.fn.wrButton = function(options){
        var opts = $.extend({}, $.fn.wrShadow.defaults, options);

        return this.each(function(){
            $this = $(this);
            if($this.find('span').length > 0){

            } else {
              $label = $('<span>');
              $label.addClass('label');
              $label.html($this.html());

              $middle= $('<span>');
              $middle.addClass('middle');
              $middle.append($label);
              if($this.hasClass('arrowLeft')){
                  $middle.prepend($.fn.wrButton.addArrow('left'));
              } else if($this.hasClass('arrowRight')){
                  $middle.append($.fn.wrButton.addArrow('right'));
              }

              $this.html('');
              $this.append($middle);

              $left = $('<span>');
              $left.addClass('left');
              $this.prepend($left);

              $right = $('<span>');
              $right.addClass('right');
              $this.append($right);
            }
        });
    };

    $.fn.wrButton.addArrow = function(direction){
        switch(direction){
            case 'left':
                return '<span class="arrowLeft"></span>';
                break;
            case 'right':
            default:
                return '<span class="arrowRight"></span>';
                break;
        }
    }

    $.fn.wrButton.defaults = {
        cornerWidth:                11,   //Integer, how wide are the corners?
        shadowWidth:                6   //Integer, how wide are the shadow-effect
     }
})(jQuery);