// JavaScript Document
var nav2, mCur, mTem;
function menu(){
	var navs = document.getElementById('navMain').getElementsByTagName('li'), t=null;
	nav2 = document.getElementById('nav2');
		nav2.onmouseover = function(){ 
			clearTimeout(t);
		}
		
		nav2.onmouseout = function(){
			t = setTimeout(changeOut, 2000);
		}
	for(var i=0; i<navs.length; i++){
		if(navs[i].className == 'on') mCur = mTem = navs[i];
		navs[i].rel = navs[i].getAttribute('rel');
		navs[i].onmouseover = function(){ clearTimeout(t); changeOver(this)}
		navs[i].onmouseout = function(){t = setTimeout(changeOut, 2000)}
	}
}

function changeOver(btn){
	if(!mTem) mTem=btn;
	mTem.className = '';
	btn.className = 'on';
	nav2.className = 'nav2 vs_'+btn.rel;
	mTem = btn;
}

function changeOut(){
	mTem.className = '';
	mCur.className = 'on';
	nav2.className = 'nav2 vs_'+mCur.rel;
	mTem = mCur;
}

onload=menu;