function initTextSize() {
  if (document.getElementById) {
    writeWidget(text_size);
    // read the cookie, find out the text-size
    var text_size = readCookie('text_size');
    if (text_size)   {
      changeTextSize(parseInt(text_size));
    }
    else {
      var active_widget_item = document.getElementById("text-size-11");
      active_widget_item.style.backgroundColor = '#000';
      active_widget_item.style.color = '#FFF';
    }
  }
  else {
    return null;
  }
}

function changeTextSize(new_size) {
  body = document.getElementsByTagName("body")[0];
  if (body == null) return;
  // set a cookie that expires in one day
  createCookie('text_size', new_size, 1);
  body.style.fontSize = new_size + "px";
  // change the color of the active item in the widget
  // first change them all back to the default
  var widget_container = document.getElementById("text-size");
  var widget_items = widget_container.getElementsByTagName("a");
  for (var i = 0; i < widget_items.length; i++) {
    widget_items[i].style.backgroundColor = "#FFF";
    widget_items[i].style.color = "#807880";
  }
  var active_widget_item = document.getElementById("text-size-"+new_size);
  active_widget_item.style.backgroundColor = '#000';
  active_widget_item.style.color = '#FFF';
}

function readCookie(name) {
  var nameEQ = name + "=";
  var 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 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 var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function writeWidget(text_size) {
  var text_size_string = '<a id="text-size-11" style="font-size: 10px" href="#" onclick="changeTextSize(11); return false">A</a> ';
  text_size_string = text_size_string + '<a id="text-size-12" style="font-size: 12px" href="#" onclick="changeTextSize(12); return false">A</a> ';
  text_size_string = text_size_string + '<a id="text-size-13" style="font-size: 14px" href="#" onclick="changeTextSize(13); return false">A</a> ';
  document.getElementById('text-size').innerHTML = text_size_string;
}

addEvent(window,'load',initTextSize);