function get_previousSibling(n)
{
	y=n.previousSibling;
	while (y.nodeType!=1)
	{
		y=y.previousSibling;
	}
	return y;
}
function get_nextSibling(n)
{
	y=n.nextSibling;
	while (y.nodeType!=1)
	{
		y=y.nextSibling;
	}
	return y;
}

function openMenu(event)
{
	event = event ? event : window.event;
	var targetElement = event.srcElement ? event.srcElement : event.target;
	var targetDropdown = get_nextSibling(targetElement);
	// többi becsukása
	var dropdowns = document.getElementById("menu").getElementsByTagName("div");
	for (var i=0; i<dropdowns.length; i++)
	{
		if (dropdowns[i] != targetDropdown)
		{
			$(dropdowns[i]).slideUp('slow');
			setTimeout("$(window).trigger('resize')", 600);
		}
	}
	// ki-be csukás
	if (targetDropdown.style.display == "block")
	{
		$(targetDropdown).slideUp('slow');
		setTimeout("$(window).trigger('resize')", 600);
	} else
	{
		if (openedMenu == targetDropdown)
		{
			$(targetDropdown).slideDown('slow');
			setTimeout("$(window).trigger('resize')", 600);
		} else
		{
			$(targetDropdown).slideDown('slow');
			setTimeout("$(window).trigger('resize')", 600);
			openedMenu = targetDropdown;
		}
	}
}

function hoverEffect(event)
{
	event = event ? event : window.event;
	var targetElement = event.srcElement ? event.srcElement : event.target;
	if (event.type == "mouseover")
	{
		targetElement.className = "hover";
	} else
	{
		targetElement.className = "";
	}
}

var openedMenu = null;

$(function(){
	var dropdowns = $('#menu div').get();
	for (var i=0; i<dropdowns.length; i++)
	{
		dropdowns[i].style.display = "none";
		get_previousSibling(dropdowns[i]).onclick = openMenu;
	}
	var menuItems = document.getElementById("menu").getElementsByTagName("a");
	for (var i=0; i<menuItems.length; i++)
	{
		menuItems[i].onmouseover = hoverEffect;
		menuItems[i].onmouseout = hoverEffect;
	}
	// felső menüre is hover effect
	var menuItems = $('#horizontal_menu a').get();
	for (var i=0; i<menuItems.length; i++)
	{
		menuItems[i].onmouseover = hoverEffect;
		menuItems[i].onmouseout = hoverEffect;
	}
});