Bake a cookie to remember font size

1

hey all, am using the following javascript to change the font size on my portfolio…

but i want a way to set a cookie so that it remembers it.


fontSizes = new Array();
fontSizes[0] = "small"
fontSizes[1] = "medium"
fontSizes[2] = "large"
defaultFontSize = fontSizes[0];
window.onload = function() {
    theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
        for(i=0;i<p.length;i++) {
            theBody.style.fontSize = defaultFontSize
            div*.style.fontSize = defaultFontSize
            p*.style.fontSize = defaultFontSize
            li*.style.fontSize = defaultFontSize
        }     
}
function increaseFontSize() {
    theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
       for(i=0;i<p.length;i++) {
          if(theBody.style.fontSize == fontSizes[0]) {
              theBody.style.fontSize = fontSizes[1]
              div*.style.fontSize = fontSizes[1]
              p*.style.fontSize = fontSizes[1]
              li*.style.fontSize = fontSizes[1]
          } else {
              if(theBody.style.fontSize == fontSizes[1]) {
                  theBody.style.fontSize = fontSizes[2]
                  div*.style.fontSize = fontSizes[2]
                  p*.style.fontSize = fontSizes[2]
                  li*.style.fontSize = fontSizes[2]
              }
          }
       }   
}
function decreaseFontSize() {
   theBody = document.body
    div = document.getElementsByTagName('div');
    p = document.getElementsByTagName('p');
    li = document.getElementsByTagName('li');
       for(i=0;i<p.length;i++) {
          if(theBody.style.fontSize == fontSizes[2]) {
              theBody.style.fontSize = fontSizes[1]
              div*.style.fontSize = fontSizes[1]
              p*.style.fontSize = fontSizes[1]
              li*.style.fontSize = fontSizes[1]
          } else {
              if(theBody.style.fontSize == fontSizes[1]) {
                  theBody.style.fontSize = fontSizes[0]
                  div*.style.fontSize = fontSizes[0]
                  p*.style.fontSize = fontSizes[0]
                  li*.style.fontSize = fontSizes[0]
              }
          }
       }   
}

if someone could help me out, that’d be great.

thanks