var dropdownbg = new Image(102, 59);

dropdownbg.src = "dropdownbg.gif";



var menuHeight = 58;

var stepSize = 4;

var stepLength = 10;

var menuTime = 0;

var menuActive = false;

var menuOpening = false;

var mouseOverMenu = false;

var mouseOverButton = false;

var menuTime;



var research_off = new Image(100, 14);

research_off.src = "layout/images/research.gif"

var research_on = new Image(100, 14);

research_on.src = "layout/images/researchrl.gif"



var electronics_off = new Image(100, 14);

electronics_off.src = "layout/images/electronics.gif"

var electronics_on = new Image(100, 14);

electronics_on.src = "layout/images/electronicsrl.gif"



var programming_off = new Image(100, 14);

programming_off.src = "layout/images/programming.gif"

var programming_on = new Image(100, 14);

programming_on.src = "layout/images/programmingrl.gif"



var legos_off = new Image(100, 14);

legos_off.src = "layout/images/legos.gif"

var legos_on = new Image(100, 14);

legos_on.src = "layout/images/legosrl.gif"



function openMenu(menu_h, currentHeight)

{

	menuActive = true;

	currentHeight = currentHeight + stepSize;

	if (currentHeight < menuHeight)

	{

		menu_h.style.height = currentHeight + "px";

		menuTime = setTimeout(function() {openMenu(menu_h, currentHeight);}, stepLength);

		menuOpening = true;

	}

	else

	{

		menu_h.style.height = menuHeight + "px";

		menuOpening = false;

	}

}



function hideMenu()

{

	if (!mouseOverMenu && !mouseOverButton)

	{

		document.getElementById("projects_img").src = projects_off.src;

		document.getElementById("projects_menu").style.display = "none";

		menuActive = false;

		if (menuOpening) clearTimeout(menuTime);

	}

}



function menuMouseOverCallback(menu_h)

{

	mouseOverMenu  = true;

}



function menuMouseOutCallback(menu_h)

{

	mouseOverMenu = false;

	setTimeout("hideMenu()", 0);

}



function buttonMouseOverCallback(button_h)

{

	mouseOverButton = true;

	if (!menuActive)

	{

		menuActive = true;

		button_h.src = projects_on.src;

		var menu_h = document.getElementById("projects_menu");

		menu_h.style.height = "20px";

		menu_h.style.display = "block";

		openMenu(menu_h, 0);

	}

}



function buttonMouseOutCallback(button_h)

{

	mouseOverButton = false;

	setTimeout("hideMenu()", 0);

}