//---thanks to alistapart

//-----------------------------------------------------------------------------rerender

function rerender (x) {
w = 100 - 0.0001* (x);
document.getElementById ('wholebody').style.width = w + '%';
}

//-----------------------------------------------------------------------------cookie functions

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 + "=";
  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;
}

//-----------------------------------------------------------------------------setActiveStyleSheet

function setActiveStyleSheet (cssFileName) {
   href = 'style/' + cssFileName + '.css';
//alert (href);
   document.getElementById ("bodyCSS").href = href;
   return null;
}

//-----------------------------------------------------------------------------getActiveStyleSheet

function getActiveStyleSheet() {
   href = document.getElementById ("bodyCSS").href;
   x = href.lastIndexOf('/') + 1;
   y = href.lastIndexOf('.')
   cssFileName = href.substring(x, y);
//alert ('cssFileName = ' + cssFileName);
   return cssFileName;
}

//-----------------------------------------------------------------------------getPreferredStyleSheet

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

//-----------------------------------------------------------------------------changeFontSize

function changeFontSize (fontSize) {
  switch (fontSize)
     {
      case 1 : setActiveStyleSheet('stubssmall'); break;
      case 2 : setActiveStyleSheet('stubsmedium'); break;
      case 3 : setActiveStyleSheet('stubslarge'); break;
     }

  rerender (fontSize);
}

//-----------------------------------------------------------------------------displayFontSizeButtons
// buttons are displayed only when javascript is enabled.

function displayFontSizeButtons() {

span=document.getElementById('fontChanger');
span.innerHTML = '<ul class="fontChangerul"><li>' +
'<a href="javascript:changeFontSize(1)">' +
'<img src="include/images/smalla.gif" alt="small text" /></a></li><li>' +
'<a href="javascript:changeFontSize(2)">' +
'<img src="include/images/mediuma.gif" alt="medium text" /></a></li><li>' +
'<a href="javascript:changeFontSize(3)">' +
'<img src="include/images/largea.gif" alt="large text" /></a></li></ul>';

}


//-----------------------------------------------------------------------------onLoad

window.onload = function(e) {

  var cookie = readCookie("style");
  var title = cookie ? cookie : getActiveStyleSheet ();
  if (cookie != null) { setActiveStyleSheet(title); 
                        displayFontSizeButtons(); } 
  rerender (4);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}