//~ jup,i'm a js noob. sry.

function fontsizer_slider()
{
    document.write('<div id="fontsizer" class="slider"><div class="knob"></div></div>');
}

function minihelp(helpHtml)
{
    document.write('<div id="help"><span class="toggler">?</span><div class="help-content">' + helpHtml + '</div></div>');
}

window.addEvent('domready', function()
{
    var myAccordion = new Accordion($('refs-list'), 'h2.toggler', 'div.refs-items', {
        opacity: false,
        onActive: function(toggler, element){
            toggler.setStyle('color', '#B6B392');
            toggler.setStyle('cursor', 'default');
        },
        onBackground: function(toggler, element){
            toggler.setStyle('color', '#B6B392');
            toggler.setStyle('cursor', 's-resize');
        }
    });
});


window.addEvent('domready', function()
{
    var el = $('fontsizer'),
        font = $('content');
    new Slider(el, el.getElement('.knob'), {
        steps: 35,  // There are 35 steps
        range: [16], // Minimum value is 8
        onChange: function(value){
            // Everytime the value changes, we change the font of an element
            font.setStyle('font-size', value);
        }
    }).set(font.getStyle('font-size').toInt());
});