/* styleswitcher */

function initStyleSwitcher()
{
  var i;
  var aLink = document.getElementsByTagName('LINK');
  var aStylesheets = [];
  for(i = 0; i < aLink.length; i++)
  {
    if(aLink[i].getAttribute('rel').indexOf('style') != -1 && aLink[i].getAttribute('title'))
    {
      aStylesheets[aStylesheets.length] = {title:aLink[i].title, rel:aLink[i].rel};
      if(aLink[i].rel.indexOf('alternate') != -1)
        aLink[i].disabled = true;
    }
  }
  if(aStylesheets.length)
  {
    oStyleswitcherLI = document.getElementById('styleSwitcherLI');
    oStylesheetUL = document.createElement('UL');
    oStylesheetUL.id = 'styleSwitcher';
    oStylesheetUL.style.display = 'none';
    for(i = 0; i < aStylesheets.length; i++)
    {
      oStylesheetLI = document.createElement('LI');
      if(aStylesheets[i].rel.indexOf('alternate') == -1)
        oStylesheetLI.className = 'selected';
      oStylesheetLIA = document.createElement('A');
      oStylesheetLIA.href = 'JavaScript:\/\/';
      oStylesheetLIA.id = 'styleSwitcher' + i;
      oStylesheetLIA.onclick = function()
      {
        setStylesheet(this.innerHTML);
        resetStylesheet();
        this.parentNode.className = 'selected';
      }

      oStylesheetLIA.innerHTML = aStylesheets[i].title;
      appendLIA = oStylesheetLI.appendChild(oStylesheetLIA);
      appendLI = oStylesheetUL.appendChild(oStylesheetLI);
    }
    oStyleswitcherLI.appendChild(oStylesheetUL);
    oStyleswitcherLIA = document.getElementById('styleSwitcherA');
    toggledDisplay['styleSwitcher'] = true;
    oStyleswitcherLIA.onclick = function()
    {
      toggleDisplay(toggledDisplay['styleSwitcher'], 'styleSwitcher');
      return false;
    }
  }
}

function resetStylesheet()
{
  var i = 0;
  oStylesheetLIA = document.getElementById('styleSwitcher' + i);
  while(oStylesheetLIA)
  {
    oStylesheetLIA.parentNode.className = '';
    i++;
    oStylesheetLIA = document.getElementById('styleSwitcher' + i);
  }
}

function setStylesheet(title)
{
  var i;
  var aLink = document.getElementsByTagName('LINK');
  for(i = 0; i < aLink.length; i++)
  {
    if(aLink[i].getAttribute('rel').indexOf('style') != -1 && aLink[i].getAttribute('title'))
    {
      aLink[i].setAttribute('disabled', true);
      if(aLink[i].getAttribute('title') == title)
        aLink[i].setAttribute('disabled', false);
    }
  }
  createCookie('stylesheet', title, 360);
  // history.go(0);
  location.reload(true);
}

addEvent(window, 'load', initStyleSwitcher);

