$(document).ready(function() {

    $('.util-buttons .larger').click(function($e) {
        $e.preventDefault();
        $('body').addClass('f2');
    });

    $('.util-buttons .smaller').click(function($e) {
        $e.preventDefault();
        $('body').removeClass('f2');
    });


/*

    
    $('.util-buttons .larger').click(function($e) {
        $e.preventDefault();
        switch (true) {
            case $('body').hasClass('f1'):
                $('body').removeClass('f1').addClass('f2');
                break;
            case $('body').hasClass('f2'):
                $('body').removeClass('f2').addClass('f3');
                break;
            case $('body').hasClass('f3'):
                $('body').removeClass('f3').addClass('f4');
                break;
            case $('body').hasClass('f4'):
                break;
            default:
                $('body').addClass('f1');
        }
    });

    $('.util-buttons .smaller').click(function($e) {
        $e.preventDefault();
        switch (true) {
            case $('body').hasClass('f4'):
                $('body').removeClass('f4').addClass('f3');
                break;
            case $('body').hasClass('f3'):
                $('body').removeClass('f3').addClass('f2');
                break;
            case $('body').hasClass('f2'):
                $('body').removeClass('f2').addClass('f1');
                break;
            case $('body').hasClass('f1'):
                $('body').removeClass('f1');
                break;
            default:

        }
    });

*/

});