/*
-> Index fängt immer bei 0 an (also auch bei den IDs der Elemente)
-> Hauptmenüpunkte müssen ID 'mainmenu#' haben
-> Unterpunkte müssen ID 'submenu#' haben
*/

var speedMenu = 280;

function initSubMenu()
{
	var offset;
	var width;
	var top;
	var offsetTop = 52;	// der Rand zwischen button & menu
	var mainmenu;
	var submenu;
	
	for(i=0;i<4;i++)
	{
		mainmenu = $('#mainmenu' + i);
		submenu  = $('#submenu' + i);
		
		offset 	= mainmenu.offset();
		width	= mainmenu.outerWidth();
		
		top = offset.top + offsetTop;
		
		submenu.css("left",offset.left);
		submenu.css("top",top);
		submenu.css("width", width);
	
	}
}

function showMenu(i)
{
	var submenu = $("#submenu" + i);
	
	$("#submenu" + (i+1)%4).hide(speedMenu);
	$("#submenu" + (i+2)%4).hide(speedMenu);	
	$("#submenu" + (i+3)%4).hide(speedMenu);
	
	if (submenu.is(":hidden")) 
	{
	
		submenu.slideDown(speedMenu);
	}
	else
	{
		submenu.slideUp(speedMenu);
	}
}

window.onresize = initSubMenu;