// this code has been developed by Kenneth Veenenbos
// feel free to use it

window.onload = function(){
    var container = parent.document.getElementById("colOne");
    var links = container.getElementsByTagName("li");
    
    links[0].onmouseover = function(){
            this.className = "hover"+0;
        };

    links[1].onmouseover = function(){
            this.className = "hover"+1;
        };

    links[2].onmouseover = function(){
            this.className = "hover"+2;
        };

    links[3].onmouseover = function(){
            this.className = "hover"+3;
        };

    links[4].onmouseover = function(){
            this.className = "hover"+4;
        };

    links[5].onmouseover = function(){
            this.className = "hover"+5;
        };

    links[6].onmouseover = function(){
            this.className = "hover"+6;
        };

    links[7].onmouseover = function(){
            this.className = "hover"+7;
        };

    for(var i = 0; i < links.length; i++){
	//alert("p");
        //links[i].onmouseover = function(){
        //    this.className = "hover"+i;
	//    alert(this.className);
        //};

        links[i].onmouseout = function(){
            this.className = 'clear';
        };
    };
    links = null; // look how I evaded memory leaks here!
};