function Nav(id1,id2)
{   flag=0;
    var Tags=document.getElementById(id1).getElementsByTagName('span'); 
    var TagsCnt=document.getElementById(id2).getElementsByTagName('span'); 

    var len=Tags.length; 

    for(i=0;i<len;i++)
    {
        Tags[i].value = i;
        Tags[i].onmouseover=function(){changeNav(this.value,id1,id2)}; 
        TagsCnt[i].className='undis';
        Tags[i].className='topC0';
    }

    Tags[flag].className='topC1';
    TagsCnt[flag].className='dis';
}

function changeNav(v,id1,id2)
{	
    var Tags=document.getElementById(id1).getElementsByTagName('span'); 
    var TagsCnt=document.getElementById(id2).getElementsByTagName('span');
    var len=Tags.length; 
    for(i=0;i<len;i++)
    {
        Tags[i].className='topC0';
        TagsCnt[i].className='undis';
    }    
    TagsCnt[v].className='dis';
    Tags[v].className='topC1';
}