function setActiveStyleSheet(title) {
  var i, a, main, blacklist, whitelist;
  blacklist = document.getElementById('blacklist');
  whitelist = document.getElementById('whitelist');
  if (title == 'black') {
	whitelist.style.display = 'inline';
	blacklist.style.display = 'none';
  } else {
	whitelist.style.display = 'none';
	blacklist.style.display = 'inline';
  }
  // change the link tags to activate and deactivate alt style sheets
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
  createCookie("style", title, 365);
}
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}
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;
}
function saveStyle(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}
function getActiveToggle(targetId) { 
  var i, a; 
  a = getElementById(targetId);
  return a.getAttribute("title");
}