var openDivs = 1;

window.onload = init;

function init()
{
	var kartta = document.getElementById('kartta');
	var kohteet = kartta.getElementsByTagName('div');
	for ( i = 0; i < kohteet.length; i++ ) {
		var ruksi = document.createElement('img'); 
		ruksi.src = '../ruksi.png';
		ruksi.alt = 'Sulje';
		ruksi.title = 'Sulje';
	    ruksi.style.cursor = 'pointer';
		ruksi.style.borderColor = 'transparent';
		ruksi.onclick = piilota;
		kohteet[i].insertBefore(ruksi, kohteet[i].firstChild);
		kohteet[i].style.position = 'absolute';
		kohteet[i].style.display = 'none';
		kohteet[i].onclick = tuoPaalle;
	}
	kartta = document.getElementById('Map')
	var pisteet = kartta.getElementsByTagName('area');
	for ( i = 0; i < pisteet.length; i++ ) {
		pisteet[i].onclick = nayta;
	}
}

function piilota()
{
	this.parentNode.style.display = 'none';
	return true;
}

function nayta()
{
	var kohde = document.getElementById('k' + this.id.substr(1));
	kohde.style.zIndex = openDivs;
	openDivs++;
	kohde.style.display = 'block';
	return false;
}

function tuoPaalle()
{
	this.style.zIndex = openDivs;
	openDivs++;
}