jQuery(document).ready(function($) {
    $('input.colorpicker').css('text-transform', 'lowercase');
    $('input.colorpicker').colorPicker({
        cssAddon:
            '.cp-xy-slider { width: 200px; height: 200px; }' +
            '.cp-xy-cursor { width: 10px; height: 10px; border-width: 2px; margin: -8px; }' +
            '.cp-z-slider { height: 200px; width: 20px; }'
    });

    $('#reset').on('click', function(e) {
        $('#reset-option').val(1);
    });
});