var submenus = new Array(7);

//Webdesign, grafika
submenus[0] = new Array(4);
submenus[0][0] = 0;
submenus[0][1] = 18; //y-offset
submenus[0][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[0][3] = 0; //opacity
//Tvorba WWW stranek
submenus[1] = new Array(4);
submenus[1][0] = 0;
submenus[1][1] = 59; //y-offset
submenus[1][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[1][3] = 0; //opacity
//SEO optimalizace
submenus[2] = new Array(4);
submenus[2][0] = 0;
submenus[2][1] = 99; //y-offset
submenus[2][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[2][3] = 0; //opacity
//Flash bannery a aplikace
submenus[3] = new Array(4);
submenus[3][0] = 0;
submenus[3][1] = 99; //y-offset
submenus[3][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[3][3] = 0; //opacity
//Tvorba aplikaci JavaFX
submenus[4] = new Array(4);
submenus[4][0] = 0;
submenus[4][1] = 99; //y-offset
submenus[4][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[4][3] = 0; //opacity
//Aplikace pro Facebook
submenus[5] = new Array(4);
submenus[5][0] = 0;
submenus[5][1] = 99; //y-offset
submenus[5][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[5][3] = 0; //opacity
//Tvorba aplikaci pro Android
submenus[6] = new Array(4);
submenus[6][0] = 0;
submenus[6][1] = 99; //y-offset
submenus[6][2] = 0; // closing(2) - opening(3) - closed(0) - opened(1)
submenus[6][3] = 0; //opacity
var submenusNum = 7;
var menuRuntimeStarted = false;
var submenuOrigHeight = 0;

function getSubmenuHeight(i, objId) {
	var obj = document.getElementById(objId);
	submenus[i][4] = obj.offsetHeight;
}

function showSubMenu(subMenuIndex, objId) {
	if (menuRuntimeStarted == false) {
		startMenuRuntime();
	}
	var obj = document.getElementById(objId);
	var parentObj = document.getElementById('subMenu');
	parentPos = getElementPos(parentObj);

	submenus[subMenuIndex][2] = 3;
	submenus[subMenuIndex][0] = obj;
	submenuOrigHeight = submenus[subMenuIndex][4];
	var h = (submenus[subMenuIndex][3]/0.9)*300;
	if (h < 0) h = 0;
	if (h > submenuOrigHeight) h = submenuOrigHeight;
	obj.style.top = parentPos[1]+submenus[subMenuIndex][1]+1+'px';
	obj.style.left = (parentPos[0]-270)+'px';
	obj.style.height = h;
}

function hideSubMenu(subMenuIndex, objId) {
	if (menuRuntimeStarted == false) {
		startMenuRuntime();
	}
	obj = document.getElementById(objId);
	submenus[subMenuIndex][2] = 2;
}

function runMenuRuntime() {

	for (var i=0; i<submenusNum; i++) {
		var obj = submenus[i][0];
		if (submenus[i][2] == 2) {
			submenus[i][3]-=0.2;
			if (submenus[i][3] <= 0.0) {
				submenus[i][2] = 0;
				obj.style.top = "-500px";
				obj.style.left = "0px";
				submenus[i][2] = 0;
			}
		}
		if (submenus[i][2] == 3) {
			submenus[i][3]+=0.2;
			if (submenus[i][3] >= 0.9) {
				submenus[i][3] = 0.9;
				obj.style.height = submenuOrigHeight +"px";
				submenus[i][2] = 1;
			}
		}
		if (obj != 0) {
			obj.style.opacity = submenus[i][3];
			obj.style.filter = 'alpha(opacity=' + submenus[i][3]*100 + ')';
			var h = (submenus[i][3]/0.9)*submenuOrigHeight;
			if (h < 0) h = 0;
			if (h > submenuOrigHeight ) h = submenuOrigHeight;
			obj.style.height = h + "px";
			//obj.style.left = (submenuOrigLeft + 300 - w) + "px";
		}
	}

	setTimeout('runMenuRuntime()', 80);
}

function startMenuRuntime() {
	if (menuRuntimeStarted == true) return;
	menuRuntimeStarted = true;
	setTimeout('runMenuRuntime()', 80);
}