window.onload=function() {
	var td = document.getElementsByTagName('td');
	for (var i = 0; i < td.length; i++)	td[i].onmouseover = mouseover;
	
	var t = document.getElementsByTagName('table');
	for (var i = 0; i < t.length; i++)	t[i].onmouseout = mouseout;

	if ($('regions')) {
		$('regions').onclick = function() {
			$('regions').className = 'inside selected';
			$('towns').className = 'inside';
			$('villages').className = 'inside';

			show('regions-data');
			hide('towns-data');
			hide('villages-data');

			show('regions-data');
			hide('towns-data');
			hide('villages-data');
		}
		
		$('towns').onclick = function() {
			$('regions').className = 'inside';
			$('towns').className = 'inside selected';
			$('villages').className = 'inside';

			show('towns-data');
			hide('regions-data');
			hide('villages-data');
		}
		
		$('villages').onclick = function() {
			$('regions').className = 'inside';
			$('towns').className = 'inside';
			$('villages').className = 'inside selected';

			show('villages-data');
			hide('regions-data');
			hide('towns-data');
		}
	}
}

function mouseover(event) {
	mouseout();

	var t = getTarget(event);
	if (t.parentNode.className != 'noselected' && t.parentNode.parentNode.className != 'noselected')	t.parentNode.className = 'selected';
}

function mouseout() {
	var tr = document.getElementsByTagName('tr');
	for (var i = 0; i < tr.length; i++)	if (tr[i].className != 'noselected')	tr[i].className = '';
}