﻿
var obj;
window.onload = function() {

    var as = document.getElementById("trVideo").getElementsByTagName("li");
    for (var i = 0; i < as.length; i++) {
        obj = as.item(i);

        //obj.attachEvent("onmouseover", function() { skinAdd(this)});
        if (obj.attachEvent) {
            obj["onmouseover"] = function() {
                skinAdd(this);
            }
        }
        else {
            obj.addEventListener("mouseover", function() { skinAdd(this); }, false);

        };
    }
}

var skinAdd = function(o) {

    var x = document.getElementById("trVideo").getElementsByTagName("li");
    for (var i = 0; i < x.length; i++) {
        skinClear(x.item(i));
    }
    o.className = "current";
    var j = "s" + o.id.toString().substr(1);
    var k = document.getElementById(j);
    k.className = "textDisplay";
}
var skinClear = function(o) {

    o.className = "";
    var j = "s" + o.id.toString().substr(1);
    var k = document.getElementById(j);
    k.className = "text";
}