function resizeMenuElements() {
    var myslidemenu = document.getElementById('myslidemenu');
    var maxheight=0;
    var itemList = getElementsByClassName('topmenulevel', myslidemenu);
    /*Find max height*/
    for(var i=0; i<itemList.length; i++) {
    	if(itemList[i].offsetHeight > maxheight) {
		    maxheight = itemList[i].offsetHeight;
	    }
    }
    /*Apply max height to all top level menu items and position them vertically*/
    for (var i=0; i<itemList.length; i++) {
        var pTop = maxheight - itemList[i].offsetHeight;
        if(pTop < 6) /*Forcing pTop to 6 gives better appearance when menu item has 2 lines of text*/
	        pTop = 6;
	    itemList[i].style.height = (maxheight - pTop) + 'px';
	    itemList[i].style.paddingTop = pTop + 'px';
    }
    /*Apply max height + 12px (6px top and bottom padding) to main menu*/
    var mainMenu = document.getElementById('mainMenu');
    mainMenu.style.height = (maxheight + 12) + 'px';
    myslidemenu.style.height = (maxheight + 8) + 'px';
    
    /*Next set the height for sub menu level elements*/
    itemList = getElementsByClassName('submenulevel', myslidemenu);
    for (var i=0; i<itemList.length; i++) {
	    itemList[i].style.paddingTop = '6px';
	    itemList[i].style.paddingBottom = '6px';
    }
}

function getElementsByClassName(classname, node)  {
    if(!node) node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}