var pop_fade = 0.05;
var timeout_j, timeout_m;

function show(id) {
  if (id == 'pop_janne') {
    clearTimeout(timeout_j);
    instant_hide('pop_marjukka');
  }
  if (id == 'pop_marjukka') {
    clearTimeout(timeout_m);
    instant_hide('pop_janne');
  }
  
  if (document.getElementById) { // DOM3 = IE5, NS6
		var e = document.getElementById(id);
	}
	else {
		if (document.layers) { // Netscape 4
			var e = document.all[id];
		}
		else { // IE 4
			var e = document.layers[id];
		}
	}
	e.style.opacity = 1;
	e.style.visibility = "visible";
}       

function hide(id) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		var e = document.getElementById(id);
	}
	else {
		if (document.layers) { // Netscape 4
			var e = document.all[id];
		}
		else { // IE 4
			var e = document.layers[id];
		}
	}

	var value = e.style.opacity - pop_fade;
  
	if (value < 0)
    instant_hide(id)
  else {
  	e.style.opacity = value;
    if (id == 'pop_janne')
      timeout_j = setTimeout("hide('pop_janne')", 50);    
    else
      timeout_m = setTimeout("hide('pop_marjukka')", 50);
  }
}

function instant_hide(id) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		var e = document.getElementById(id);
	}
	else {
		if (document.layers) { // Netscape 4
			var e = document.all[id];
		}
		else { // IE 4
			var e = document.layers[id];
		}
	}

 	e.style.visibility = "hidden";
	e.style.opacity = 0;
}

function hide_all() {
  timeout_j = setTimeout("hide('pop_janne')", 50);
  timeout_m = setTimeout("hide('pop_marjukka')", 50);
}