﻿// Styles links to have the "PDButton" look without having to use a custom control. To indicate the style you want, set the class
// of the control to one of the possible styles. Anything that renders as an anchor tag (<a>) can be styled, including link buttons.
// Possible styles:
//      * CustomButton-glass
//          Uses CustomButton-glass-left, CustomButton-glass-right, CustomButton-glass-center

$(function() {
    $('input.CustomButton-glass').each(function() {
        $(this)
            .wrap('<div class="CustomButton-glass-wrapper"></div>')
            .before('<div class="CustomButton-glass-left"></div>')
            .after('<div class="CustomButton-glass-right"></div>')
            .wrap('<div class="CustomButton-glass-center"></div>')
    });

    $('input.CustomButton-RightArrow').each(function() {
        $(this)
            .wrap('<div class="CustomButton-RightArrow-wrapper"></div>')
            .before('<div class="CustomButton-RightArrow-left"></div>')
            .after('<div class="CustomButton-RightArrow-right"></div>')
            .wrap('<div class="CustomButton-RightArrow-center"></div>')
    });
    
});