function changeTablesHeight(idNumber, height) {
	var element = document.getElementById('menuButton' + idNumber + 'Table');
	element.style.height = height + 'px';
	
	if (2 == height) {
		changeTableImages(idNumber, true);
	} else {
		changeTableImages(idNumber, false);
	}
}

function changeTableImages(idNumber, isActive) {
	var element1 = document.getElementById('menuButtonHeadLeft' + idNumber);
	var element2 = document.getElementById('menuButtonHeadCenter' + idNumber);
	var element3 = document.getElementById('menuButtonHeadRight' + idNumber);
	
	if (isActive) {
		element1.style.backgroundImage = 'url(Themes/tl1/buttonTopLeftActive.gif)';
		element2.style.backgroundImage = 'url(Themes/tl1/buttonTopCenterActive.gif)';
		element3.style.backgroundImage = 'url(Themes/tl1/buttonTopRightActive.gif)';
	} else {
		element1.style.backgroundImage = 'url(Themes/tl1/buttonTopLeftPassive.gif)';
		element2.style.backgroundImage = 'url(Themes/tl1/buttonTopCenterPassive.gif)';
		element3.style.backgroundImage = 'url(Themes/tl1/buttonTopRightPassive.gif)';
	}
}

function initMenu() {
	for (var index = 1; index <= 3; index++) {
		var element = document.getElementById('menuButton' + index);
		var width = element.offsetWidth;
		
		element = document.getElementById('menuButton' + index + 'Table');
		element.style.width = width + 'px';
	}
}