var h = 100;
ah = function(idN, dh, lev) { 
var o = document.getElementById(idN);
for (var i = 0; i < lev; i++) {
// get first div child element
o = o.getElementsByTagName('div')[0]
}
o.style.height = dh + parseFloat(o.style.height) + 'px';
};
doH = function(h) {
ah('sideBar',h,1);
ah('NextEventsTab',h,0);
ah('NotificationsTab',h,0);
ah('Notifications',h,0);
ah('DockedChat',-h,0);
ah('allianceChatTab',-h,2);
ah('globalChatTab',-h,2);
}
bigger = function() {
doH(h);
};
smaller = function() {
doH(-h);
};
doH(300);