<!--
var arrStyle = new Array;
arrStyle = [
             ["default", "Default"],
             ["beach", "Beach"],
             ["cloudy", "Cloudy"],
             ["evergreen", "Ever Green"],
             ["oldschool", "Old School"]
           ];

var defStyle = getDefaultStyle();

genStyleSheetLinks();

function createCookie(nm,val,y) {
  var exp = "";
  if (y) {
    var dt = new Date();
    dt.setTime(dt.getTime()+(y*86400000));
    exp = "; expires="+dt.toGMTString();
  }
  document.cookie = nm+"="+escape(val)+exp+";path=/";
}

function readCookie(nm) {
  if (window.RegExp) {
    var re = new RegExp(";\\s*"+nm+"=([^;]*)","i");
    m = re.exec(';'+document.cookie);
  }
  return (m ? unescape(m[1]) : "");
}

function chkValid(title) {
  var flagStyle = false;
  for (var i=0; i<arrStyle.length; i++) {
    if (title==arrStyle[i][0]) {
      flagStyle = true;
      break;
    }
  }
  return (flagStyle ? title : defStyle);
}

function getTitle() {
  var cookie = readCookie("styles");
  var title = cookie ? chkValid(cookie) : getPreferredStyleSheet();
  return title;
}

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 getDefaultStyle() {
  var i, a, title;
  for (i=0; (a=document.getElementsByTagName("link")[i]); i++) {
    if (a.getAttribute("rel")=="stylesheet") {
      title = a.getAttribute("href");
      title = title.split("/")[title.split("/").length-2];
      a.title = title;
      return title;
    }
  }
}

function genStyleSheetLinks() {
  for (var i=0; i<arrStyle.length; i++) {
    if(arrStyle[i][0]!=defStyle) {
      document.write("<link rel=\"alternate stylesheet\" type=\"text/css\" title=\"");
      document.write(arrStyle[i][0]);
      document.write("\" href=\"styles/");
      document.write(arrStyle[i][0]);
      document.write("/styles.css\" />\n");
    }
  }
}

function genStyleSheetMenu() {
  var title = getTitle();
  document.write("  <div class=\"panel\">");
  document.write("  <h5>风格</h5>");
  document.write("  <div class=\"panel-content\">");
  document.write("    <form>");
  document.write("      <select size=\"1\" class=\"search-field\" OnChange=\"setActiveStyleSheet(value); createCookie('styles', value, 365); return false;\">");
  for (var i=0; i<arrStyle.length; i++){
    if(arrStyle[i][0]==title){
      document.write("        <option value=\""+arrStyle[i][0]+"\" selected>"+arrStyle[i][1]+"</option>");
    }else{
      document.write("        <option value=\""+arrStyle[i][0]+"\">"+arrStyle[i][1]+"</option>");
    }
  }
  document.write("      </select>");
  document.write("    </form>");
  document.write("  </div>");
  document.write("  </div>");
}

function setActiveStyleSheet(title) {
  var i, a;
  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;
      }
    }
  }
  document.getElementById("logo").src="styles/"+title+"/images/logo.gif";
}

function initStyleSheet(){
  var title = getTitle();
  setActiveStyleSheet(title);
  createCookie("styles", title, 365);
}

window.onload = function(e){
  initStyleSheet();
}
-->