// top navigation onmouseout
function tnOut(e) { 
    e= e ? e : window.event;
    var elem = Event.element(e)
    $(elem).morph('background:#000000;color:#ff0000',{duration:0.2} );
}

// top navigation onmouseover
function tnOver(e) { 
    e= e ? e : window.event;
    var elem = Event.element(e)
    $(elem).morph('background:#ee0000;color:#ffffff',{duration:0.2});
}

// top navigation onclick
function tnClick(e) { 
    e= e ? e : window.event;
    ev = e ? e : window.event;
    target = ev.target ? ev.target : ev.srcElement ;
}

function navOnload()
{

    tnl  = document.getElementsByClassName('tnl');
/*
    var step = 0.1;
    var stepoff = 0.1;
    for(i=0;i<tnl.length;i++)
        $(tnl[i]).morph('background:#010101;',{duration:step,queue:'end'});
    for(i=0;i<tnl.length;i++)
        $(tnl[i]).morph('background:#000000;',{duration:stepoff,queue:'end'});
*/

    for(i=0;i<tnl.length;i++)
    {
        tnl[i].onmouseover= tnOver;
        tnl[i].onmouseout= tnOut;
    }

}

addLoadEvent(navOnload);