function $Skin(obj) {
    return document.getElementById(obj);
}

var skin = {};

skin.addEvent = function () {
    var skins = $Skin("skin").getElementsByTagName("li");
    for (i = 0; i < skins.length; i++) {
        skins[i].onclick = function () { skin.setSkin(this.id) };
    }
}

skin.setCookie = function (n) {
    var expires = new Date();
    expires.setTime(expires.getTime() + 24 * 60 * 60 * 365 * 1000);
    var flag = "Skin_Cookie=" + n;
    document.cookie = flag + ";expires=" + expires.toGMTString();
}

skin.readCookie = function () {
    var skin = "darkgreen"
    var mycookie = document.cookie;
    var name = "Skin_Cookie";
    var start1 = mycookie.indexOf(name + "=");
    if (start1 == -1) {
        skin = "darkgreen";
    }
    else {
        var start = mycookie.indexOf("=", start1) + 1;
        var end = mycookie.indexOf(";", start);
        if (end == -1) {
            end = mycookie.length;
        }
        var values = unescape(mycookie.substring(start, end));
//        var values = unescape(mycookie.substring(start, start + 1));
        if (values != null) {
            skin = values;
        }
    }
    return skin;

}

skin.setSkin = function (n) {
    var skins = $Skin("skin").getElementsByTagName("li");
    for (i = 0; i < skins.length; i++) {
        skins[i].className = "";
    }
    skin.setCookie(n);
    $Skin(n).className = "selected";
    $Skin("mainskin").href = "Styles/" + n + "/schoolweb.css";
}

skin.setHref = function (n) {
    $Skin("mainskin").href = "Styles/" + n + "/schoolweb.css";
}

skin.setHref(skin.readCookie());

//window.onload = function () {
//    skin.setSkin(skin.readCookie());
//    skin.addEvent();
//}