function writeStyleSwitcher() {
  // Credit for the initial style switcher code goes to Mark Pilgrim: diveintomark.org
  // I later hacked it to do 2 select boxes, one for style, one for layout. Any errors are mine. - joe
  //  
  document.write('<div id="styleswitcher" class="styleswitcher">\n');
  document.write('<form action="">\n');
  document.write('<select onchange="var v=this.options[this.selectedIndex].value; if (v != \'\') chooseStyle(v,-1);">\n');
  document.write('<option value="">Choose style</option>\n');
  document.write('<option value="1">Oldstyle</option>\n');
  document.write('<option value="2">Modernist</option>\n');
  document.write('<option value="3">Midnight</option>\n');
  document.write('<option value="4">Ultramarine</option>\n');
  document.write('<option value="5">Swiss</option>\n');
  document.write('<option value="6">Chocolate</option>\n');
  document.write('<option value="7">Traditional</option>\n');
  document.write('<option value="8">Steely</option>\n');
  document.write('</select>\n');
  document.write('\n');
  document.write('<select onchange="var v=this.options[this.selectedIndex].value; if (v != \'\') chooseStyle(-1,v);">\n');
  document.write('<option value="">Choose layout</option>\n');
  document.write('<option value="1">2 column, right</option>\n');
  document.write('<option value="2">2 column, left</option>\n');
  document.write('<option value="3">nav-less</option>\n');
  document.write('<option value="4">3 column</option>\n');
  document.write('<option value="5">newspaper</option>\n');
  document.write('</select>\n');
  document.write('</form>\n');
//  document.write('<pre>' + document.cookie + '</pre>\n');
  document.write('</div>\n');
}

function getValueFromCookie(keyName) {
  var returnValue = '1';
  keyName += '=';
  pos = document.cookie.indexOf(keyName);
  if (-1 != pos) {
      returnValue = document.cookie.substring(pos + keyName.length, pos + keyName.length + 1);
  }
  return returnValue;
}

function chooseStyle (style, layout) {
  var newstyle = getValueFromCookie('style');
  var newlayout = getValueFromCookie('layout');
  if (-1 != layout) {
    newlayout = layout;
  }
  if (-1 != style) {
    newstyle = style;
  }
  var styleKeyValuePair = 'style=' + newstyle;
  var layoutKeyValuePair = 'layout=' + newlayout;
  var expdate = new Date();
  expdate.setTime(expdate.getTime() + (1000*3600*24*365));
  document.cookie = styleKeyValuePair + '; expires=' + expdate.toGMTString() + '; path=/';
  document.cookie = layoutKeyValuePair + '; expires=' + expdate.toGMTString() + '; path=/';
  self.location = self.location;
}

function writeStyleSheetLinks() {
  if (document.cookie.indexOf('style=')==-1) {
    cssStyle = '"http://www.w3.org/StyleSheets/Core/parser.css?family=1&amp;doc=XML"';
  } else {
    cssStyle = '"http://www.w3.org/StyleSheets/Core/parser.css?family=' + getValueFromCookie('style') + '&amp;doc=XML"';
  }

  if (document.cookie.indexOf('layout=')==-1) {
    cssLayout = '"/1.css"';
  } else {
    cssLayout = '"/' + getValueFromCookie('layout') + '.css"';
  }

  document.write('<style type="text/css" media="screen">@import ' + cssStyle + ';</style>\n');
  document.write('<style type="text/css" media="screen">@import ' + cssLayout + ';</style>\n');
}

writeStyleSheetLinks();