function $(v) { 
	return(document.getElementById(v)); 
}
function $S(v) { 
	return(document.getElementById(v).style); 
}



function showInfo(id) {
	document.getElementById('info-menu-inner-start').style.display = "none";
	
	for (var i=1; i<=8; i++) {
		var hideId = 'info-menu-inner-' + i;
		document.getElementById(hideId).style.display = "none";
	}
	
	var showId = 'info-menu-inner-' + id;
	document.getElementById(showId).style.display = "block";

	
}

function updateIcons() {
	iconIds = "";
	for (var i=1; i<=9; i++) {
		myCheckbox = 'checkbox-icon-' + i;
		myCheckbox = document.getElementById(myCheckbox);
		myIcon = 'info-icon-' + i;
		myIcon = document.getElementById(myIcon);
		
		if (myCheckbox.checked) {
			myIcon.style.display = "inline";
			iconIds = iconIds + i + ",";
		} else {
			myIcon.style.display = "none";
		}

	}
	$('t_icons').value = iconIds;

}


function hide(id) {
	$S(id).display = "none";
}

function show(id) {
	$S(id).display = "block";
}