var t;
var menu1;
var menu2;
var menu3;
var menu4;
var menu5;
var isHover=new Boolean();
var isaboutSub=new Boolean();
var iscoursesSub=new Boolean();
var isresourcesSub=new Boolean();
var isgetinvolvedSub=new Boolean();
var isnewseventsSub=new Boolean();

function menuDelay()
{	
	menu1 = document.getElementById("aboutSub");
	menu2 = document.getElementById("coursesSub");
	menu3 = document.getElementById("resourcesSub");
	menu4 = document.getElementById("getinvolvedSub");
	menu5 = document.getElementById("newseventsSub");
	
	var items1 = menu1.getElementsByTagName("li");
	var items2 = menu2.getElementsByTagName("li");
	var items3 = menu3.getElementsByTagName("li");
	var items4 = menu4.getElementsByTagName("li");
	var items5 = menu5.getElementsByTagName("li");
	
	for(var i=0; i<items1.length; i++)
	{
		items1[i].onmouseover = function() {something1(isaboutSub=true);};
	}
	
	for(var i=0; i<items2.length; i++)
	{
		items2[i].onmouseover = function() {something1(iscoursesSub=true);};
	}
	
	for(var i=0; i<items3.length; i++)
	{
		items3[i].onmouseover = function() {something1(isresourcesSub=true);};
	}
	
	for(var i=0; i<items4.length; i++)
	{
		items4[i].onmouseover = function() {something1(isgetinvolvedSub=true);};
	}
	
	for(var i=0; i<items5.length; i++)
	{
		items5[i].onmouseover = function() {something1(isnewseventsSub=true);};
	}
	
	isaboutSub = false;
	iscoursesSub = false;
	isresourcesSub = false;
	isgetinvolvedSub = false;
	isnewseventsSub = false;
}

function something1(b)
{
	isHover = true;
	var x = 500;
	
	if((isHover)&&(isaboutSub))
	{
		menu1.setAttribute("class", "subTabJs");
		menu1.onmouseout = function() {something3(x);};
		clearTimeout(t);
		isaboutSub = false;
	}
	
	if((isHover)&&(iscoursesSub))
	{
		menu2.setAttribute("class", "subTabJs");
		menu2.onmouseout = function() {something3(x);};
		clearTimeout(t);
		iscoursesSub = false;
	}
	
	if((isHover)&&(isresourcesSub))
	{
		menu3.setAttribute("class", "subTabJs");
		menu3.onmouseout = function() {something3(x);};
		clearTimeout(t);
		isresourcesSub = false;
	}
	
	if((isHover)&&(isgetinvolvedSub))
	{
		menu4.setAttribute("class", "subTabJs");
		menu4.onmouseout = function() {something3(x);};
		clearTimeout(t);
		isgetinvolvedSub = false;
	}
	
	if((isHover)&&(isnewseventsSub))
	{
		menu5.setAttribute("class", "subTabJs");
		menu5.onmouseout = function() {something3(x);};
		clearTimeout(t);
		isnewseventsSub = false;
	}
}

function something3(y)
{	
	t=setTimeout("something2()", y);
}

function something2()
{
	isHover = false;
	
	menu1.setAttribute("class", "subTab");
	menu2.setAttribute("class", "subTab");
	menu3.setAttribute("class", "subTab");
	menu4.setAttribute("class", "subTab");
	menu5.setAttribute("class", "subTab");
}