/* base class extensions */
String.prototype.trim = function() {
  return this.replace(/^\s+/, '').replace(/\s+$/, '');
}
Array.prototype.indexOf = function(elem) {
  for (var i=0; i<this.length; i++) {
    if (this[i] == elem) return i;
  }
  return -1;
}

function hasClass(elem, name) {
  var arr = elem.className.split(' ');
  if (arr.indexOf(name) != -1) {
    return true;
  }
  return false;
}

function replaceClass(elem, old_class, new_class) {
  var arr = elem.className.split(' ');
  var arr2 = [];
  for (var i=0; i<arr.length; i++) {
    if (arr[i] != old_class) {
      arr2.push(arr[i]);
    }
  }
  arr2.push(new_class);
  elem.className = arr2.join(" ");
}
/* cookie helpers */
function setCookie(name, value, permanent) {
  var expires = '';
  if (permanent) {
    expires = '; expires=' + (new Date()).toGMTString().replace(/20\d\d/, 2020);
  }
  document.cookie = name+"="+value+expires+"; path=/";
}
function getCookie(name) {
  var i, crumbs, crumb;
  crumbs = document.cookie.split(';');
  for (var i=0; i<crumbs.length; i++) {
    crumb = crumbs[i].trim();
    if (crumb.indexOf(name + "=") == 0) {
      return crumb.substring((name + "=").length);
    }
  }
  return '';
}

var colors = 'yellow,lila,green,cyan'.split(',');

function loadPreferences() {
  var cookie = getCookie('colorize');
  if (cookie == '') {
    // randomize!
    var random = Math.floor(Math.random() * 4)
    cookie = colors[random];
  }
  document.getElementsByTagName('body')[0].className = cookie;
}
window.onload = function() {
  var o = document.getElementById("culori");
  var lis = o.getElementsByTagName("LI");

  for (var i=0; i< lis.length; i++) {
    li = lis[i];
    parts = li.id.split("_");
    li.title = parts[0] + ": " + parts[1];

    li.onclick = function() {
      var body = document.getElementsByTagName('BODY')[0];
      var new_option = this.id.split("_")[1];
      var current_color = '';
      for (var i=0; i<colors.length; i++) {
        if (hasClass(body, colors[i])) {
          current_color = colors[i];
          break;
        }
      }
      if (new_option != current_color) {
        replaceClass(body, current_color, new_option);
      }
      setCookie('colorize', body.className, true);
      return false;
    }

  }
}