/* 

Font Resizer and Cookie Handling by Derrick Gall (May 22, 2009)

This script will resize the font size of the entire page (body).

HTML:

<ul>

    <li><a href="#" onclick="resizeText('Small');">Small</a></li>

    <li><a href="#" onclick="resizeText('Medium');">Medium</a></li>

    <li><a href="#" onclick="resizeText('Large');">Large</a></li>

</ul>

*/



function createCookie(name, value, days) {

    if (days) {

        var date = new Date();

        date.setTime(date.getTime() + (days * 24 * 60 * 60 *1000));

        var expires = '; expires=' + date.toGMTString();

    } else expires = '';

    document.cookie = name + '=' + value + expires + '; path=/';

};



function readCookie(name) {

    var nameEQ = name + '=',

    ca = document.cookie.split(';');

    for(var i=0; i < ca.length; i++) {

        var c = ca[i];

        while (c.charAt(0) == ' ') c = c.substring(1,c.length);

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

    }

    return null;

}



function resizeText(size) {

    // Default font size

    if (!size) size = 'Small';

    // Font sizes

    var objSizes = {

        'Small'     : '1em',

        'Medium'    : '1.1em',

        'Large'     : '1.3em',

        'ExtraLarge': '1.5em'

    }



    // Apply font size to document.body

    $(document.body).css({ fontSize: objSizes[size] });

    // Save font size in cookie

    createCookie('fontSize', size, 365);

    return false;

}



$().ready(function() {

    // Get font size cookie

    cookie = readCookie('fontSize');

    // Set font size

    if (cookie) resizeText(cookie);

});