function popupPlacer(pname) {
  var pname;
  var scrolledX, scrolledY;
  if( self.pageYOffset ) {
    scrolledX = self.pageXOffset;
    scrolledY = self.pageYOffset;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrolledX = document.documentElement.scrollLeft;
    scrolledY = document.documentElement.scrollTop;
  } else if( document.body ) {
    scrolledX = document.body.scrollLeft;
    scrolledY = document.body.scrollTop;
  }

  var centerX, centerY;
  if( self.innerHeight ) {
    centerX = self.innerWidth;
    centerY = self.innerHeight;
  } else if( document.documentElement && document.documentElement.clientHeight ) {
    centerX = document.documentElement.clientWidth;
    centerY = document.documentElement.clientHeight;
  } else if( document.body ) {
    centerX = document.body.clientWidth;
    centerY = document.body.clientHeight;
  }

  var leftOffset = scrolledX + (centerX + 40) / 2;
  var topOffset = scrolledY + (centerY - 390) / 2;

  document.getElementById(pname).style.top = topOffset + "px";
  document.getElementById(pname).style.left = leftOffset + "px";
}

function popupPlacel(pnamel) {
  var pnamel;
  var scrolledX, scrolledY;
  if( self.pageYOffset ) {
    scrolledX = self.pageXOffset;
    scrolledY = self.pageYOffset;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrolledX = document.documentElement.scrollLeft;
    scrolledY = document.documentElement.scrollTop;
  } else if( document.body ) {
    scrolledX = document.body.scrollLeft;
    scrolledY = document.body.scrollTop;
  }

  var centerX, centerY;
  if( self.innerHeight ) {
    centerX = self.innerWidth;
    centerY = self.innerHeight;
  } else if( document.documentElement && document.documentElement.clientHeight ) {
    centerX = document.documentElement.clientWidth;
    centerY = document.documentElement.clientHeight;
  } else if( document.body ) {
    centerX = document.body.clientWidth;
    centerY = document.body.clientHeight;
  }

  var leftOffset = scrolledX + (centerX - 900) / 2;
  var topOffset = scrolledY + (centerY - 390) / 2;

  document.getElementById(pnamel).style.top = topOffset + "px";
  document.getElementById(pnamel).style.left = leftOffset + "px";
}

function katjainfoPopup() {
  popupPlacer("katjapopup");
  document.getElementById("katjapopup").style.display = "block";
  
}
function ramiinfoPopup() {
  popupPlacel("ramipopup");
  document.getElementById("ramipopup").style.display = "block";
  
}
function samiinfoPopup() {
  popupPlacer("samipopup");
  document.getElementById("samipopup").style.display = "block";
  
}
function jariinfoPopup() {
  popupPlacel("jaripopup");
  document.getElementById("jaripopup").style.display = "block";
  
}
function pipsainfoPopup() {
  popupPlacer("pipsapopup");
  document.getElementById("pipsapopup").style.display = "block";
  
}
function labainfoPopup() {
  popupPlacel("labapopup");
  document.getElementById("labapopup").style.display = "block";
  
}