document.write('<div id="font-slider"><div id="ui-slider" class="ui-slider-base"><div class="ui-slider-handle"></div></div></div>');
$font_type = Array('x-small', 'small', 'medium', 'large');
$(function(){
    if ($.cookie('fontsize')) {
        $('body').css("font-size",$font_type[$.cookie('fontsize')]);
        $slider_start = $.cookie('fontsize');
    } else {
        $slider_start = 1;
    };
    $("#ui-slider").slider({
                    steps: 3,
                    minValue: 0,
                    maxValue: 3,
                    startValue: $slider_start,
                    slide: function(e,ui) {
                        $('body').css({'font-size':$font_type[ui.value]});
                        $.cookie("fontsize",ui.value,{expires:30,path:'/'});
                    }
                });
});