$(document).ready(function() {
    var bodyClass = 'font';
    var switchClass = 'fontChange';
    var startClass = "Normal";
    var activeClass = 'active';

    var value = $.cookie('fontSize');

    if ( value ) {
        $("body").addClass(bodyClass + value);
        $(".fontChanger ." + switchClass + value).addClass(activeClass);
    } else {
        $("body").addClass(bodyClass + startClass);
        $(".fontChanger ." + switchClass + startClass).addClass(activeClass);
    }

    $(".fontChanger dd").click( function() {
    value = $(this).attr("class").replace(switchClass, '');

    $("body").removeClass(bodyClass + "Normal").removeClass(bodyClass + "Small").removeClass(bodyClass + "Large");

    $("body").addClass(bodyClass + value);
    $(".fontChanger span").removeClass(activeClass);

    $(".fontChanger ." + switchClass + value).addClass(activeClass);

    $.cookie('fontSize', value, { expires: 7, path: '/'});
    });
});