function openMyPopup() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup").style.top = topOffset + "px";
  document.getElementById("mypopup").style.left = leftOffset + "px";
  document.getElementById("mypopup").style.display = "block";

}


// zweites Popup

function openMyPopup2() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup2").style.top = topOffset + "px";
  document.getElementById("mypopup2").style.left = leftOffset + "px";
  document.getElementById("mypopup2").style.display = "block";

}

// drittes Popup

function openMyPopup3() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup3").style.top = topOffset + "px";
  document.getElementById("mypopup3").style.left = leftOffset + "px";
  document.getElementById("mypopup3").style.display = "block";

}


// viertes Popup

function openMyPopup4() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup4").style.top = topOffset + "px";
  document.getElementById("mypopup4").style.left = leftOffset + "px";
  document.getElementById("mypopup4").style.display = "block";

}

// fünftes Popup

function openMyPopup5() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup5").style.top = topOffset + "px";
  document.getElementById("mypopup5").style.left = leftOffset + "px";
  document.getElementById("mypopup5").style.display = "block";

}

// sechstes Popup

function openMyPopup6() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup6").style.top = topOffset + "px";
  document.getElementById("mypopup6").style.left = leftOffset + "px";
  document.getElementById("mypopup6").style.display = "block";

}


// siebtes Popup

function openMyPopup7() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup7").style.top = topOffset + "px";
  document.getElementById("mypopup7").style.left = leftOffset + "px";
  document.getElementById("mypopup7").style.display = "block";

}

// achtes Popup

function openMyPopup8() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup8").style.top = topOffset + "px";
  document.getElementById("mypopup8").style.left = leftOffset + "px";
  document.getElementById("mypopup8").style.display = "block";

}

// neun Popup

function openMyPopup9() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup9").style.top = topOffset + "px";
  document.getElementById("mypopup9").style.left = leftOffset + "px";
  document.getElementById("mypopup9").style.display = "block";

}

// 10 Popup

function openMyPopup10() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup10").style.top = topOffset + "px";
  document.getElementById("mypopup10").style.left = leftOffset + "px";
  document.getElementById("mypopup10").style.display = "block";

}

// 11 Popup

function openMyPopup11() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup11").style.top = topOffset + "px";
  document.getElementById("mypopup11").style.left = leftOffset + "px";
  document.getElementById("mypopup11").style.display = "block";

}

// 12 Popup

function openMyPopup12() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup12").style.top = topOffset + "px";
  document.getElementById("mypopup12").style.left = leftOffset + "px";
  document.getElementById("mypopup12").style.display = "block";

}

// 13 Popup

function openMyPopup13() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup13").style.top = topOffset + "px";
  document.getElementById("mypopup13").style.left = leftOffset + "px";
  document.getElementById("mypopup13").style.display = "block";

}
// 14 Popup

function openMyPopup14() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup14").style.top = topOffset + "px";
  document.getElementById("mypopup14").style.left = leftOffset + "px";
  document.getElementById("mypopup14").style.display = "block";

}
// 15 Popup

function openMyPopup15() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup15").style.top = topOffset + "px";
  document.getElementById("mypopup15").style.left = leftOffset + "px";
  document.getElementById("mypopup15").style.display = "block";

}

// 16 Popup

function openMyPopup16() {
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled

var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset; //Speichert die aktuelle horizontale Position innerhalb der Seite, gemessen am linken Fensterrand.
  scrolledY = self.pageYOffset; //Speichert die aktuelle vertikale Position innerhalb der Seite, gemessen am linken Fensterrand.
} 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;
}

// Determine the coordinates of the center of browser's window

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 = 315;
  var topOffset = scrolledY + (centerY - 500) / 2;

  document.getElementById("mypopup16").style.top = topOffset + "px";
  document.getElementById("mypopup16").style.left = leftOffset + "px";
  document.getElementById("mypopup16").style.display = "block";

}