/**
    Button rounding plugin 
*/
(function($){
    $.fn.roundButtons = function(parameters){
            //Extends parameters 
            $.fn.roundButtons.defaults = $.extend($.fn.roundButtons.defaults, parameters || {}); 
            
            var p = $.fn.roundButtons.defaults; 
            //Styling element 
            return this.each(function(){ 
                if ($(this).attr('type') == 'button' || 
                    $(this).attr('type') == 'submit' ||
                    $(this).attr('type') == 'reset') {
                
                    var c = '<table align="center" width="100%" cellspacing="0" cellpadding="0">';
                    c += '<tr><td align="center">'; 
                    c += '<div class="ovalButton">';
                    c += '<div class="'+p.leftClass+'"></div>'; 
                    c += '<div class="'+p.centerClass+'"></div>'; 
                    c += '<div class="'+p.rightPart+'"></div>'; 
                    c += '<div class="clr"></div>';  
                    c += '</div>'; 
                    c += '</td></tr>';  
                    c += '</table>'; 
                    var h = $(c); 
                    $(h).insertBefore(this);//Add special element 
                    $(h).find('div.ovalButtonBg').append(this);//Move button
                    $(this).removeClass('styled'); //Remove filter class
                    
                    var w=$(h).find('div.ovalButtonLeft').width() + $(h).find('div.ovalButtonBg').width() + $(h).find('div.ovalButtonRight').width();
                    $(h).find('div.ovalButton').css('width',w+'px'); 
                }
            });
    },
    $.fn.roundButtons.defaults = {
        
        leftClass:'ovalButtonLeft',
        centerClass:'ovalButtonBg',
        rightPart:'ovalButtonRight'
        
    } 
})(jQuery);

