var vcells = 4;
function showh(id) {
	var heads = document.getElementsByTagName('h4');
	for (i=0;i<heads.length;i++) {
		heads[i].style.visibility = heads[i].parentNode.id == id ? 'visible':'hidden';
	}
}

window.onload = function(){
    var cells = document.getElementsByTagName('td');
    for(var i = 0, l = cells.length; i<l; i++){ 
        td = cells[i];
            td.onclick = function(){ 
                showh(this.id);
            };
    }

    var langs = document.getElementsByTagName('b');
    for(var i = 0, l = langs.length; i<l; i++){ 
        	lang = langs[i];
            lang.onclick = function(){ 
	                toggle(this.id);
			};
    }
};

function toggle(id) {
	langtxt = document.getElementById(id+'_txt');
	lang = document.getElementById(id);
	if (lang.className.indexOf('inact') > -1) { 
		langtxt.style.display = 'table-cell';

		vcells++;
		var cells = document.getElementsByTagName('td');
		for(var i = 0, l = cells.length; i<l; i++){ 
			cells[i].style.width = Math.round(100 / vcells) + '%';
		}

		lang.removeAttribute('class');
	} else {
		langtxt.style.display = 'none';

		vcells--;
		var cells = document.getElementsByTagName('td');
		for(var i = 0, l = cells.length; i<l; i++){ 
			cells[i].style.width = Math.round(100 / vcells) + '%';
		}
		
		lang.setAttribute('class', 'inact');
	}
};