function popupOverview(id)
{
var content = "Produkt Übersicht (statisch)";
content += "
Konfigurationsübersicht:
";
content += "";
content += document.getElementById(id).innerHTML;
content += "
";
popupWithContent(content);
}
function popupWithContent(content)
{
var popup = window.open('', 'popup', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=250,height=500,screenX=150,screenY=150,top=150,left=150');
popup.document.write(content);
popup.setInterval("stop();clearInterval(this);",7500);
}
function hideShowElement(clickedTag, elementId)
{
var elementToHide = document.getElementById(elementId);
if(clickedTag.innerHTML == '(<--)')
{
clickedTag.innerHTML = '(-->)';
elementToHide.style.display = "none";
}
else if(clickedTag.innerHTML == '(-->)')
{
clickedTag.innerHTML = '(<--)';
elementToHide.style.display = "block";
}
}
function getLeftMargin()
{
var leftMargin = 760;
var width = screen.width;
if (width <= 1024) { leftMargin = 760; }
else if(width <= 1280) { leftMargin = 880; }
else if(width <= 1440) { leftMargin = 960; }
else if(width <= 1600) { leftMargin = 1040; }
else if(width <= 1680) { leftMargin = 1070; }
else if(width <= 1920) { leftMargin = 1180; }
return leftMargin;
}
function initLayer()
{
var layer = document.getElementById('floatLayer');
layer.style.left = getLeftMargin();
layer.style.display = "block";
layerSetup();
}
var topMargin = 240;
var slideTime = 1000;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
var leftMargin = getLeftMargin();
function layerObject(id,left) {
if (ns6) {
this.obj = document.getElementById(id).style;
this.obj.left = left;
return this.obj;
}
else if(ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
return this.obj;
}
else if(ns4) {
this.obj = document.layers[id];
this.obj.left = left;
return this.obj;
}
}
function layerSetup() {
floatLyr = new layerObject('floatLayer', leftMargin);
window.setInterval("main()", 10)
}
function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}
function main() {
if (ns4) {
this.currentY = document.layers["floatLayer"].top;
this.scrollTop = window.pageYOffset;
}
else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
}
if(this.scrollTop >= 240)
topMargin = 0;
else
topMargin = 240;
mainTrigger();
}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin;
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY;
floatStart();
}
animator();
}
}
function floatStart() {
var now = new Date();
this.A = this.targetY - this.currentY;
this.B = Math.PI / ( 2 * this.slideTime );
this.C = now.getTime();
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
this.A = this.A > 0 ? this.findHt : -this.findHt;
}
else {
this.D = this.currentY;
}
}
function animator() {
var now = new Date();
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
newY = Math.round(newY);
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
if ( ns4 )document.layers["floatLayer"].top = newY;
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px";
}
}
function start() {
if(ns6||ns4) {
pageWidth = innerWidth;
pageHeight = innerHeight;
layerSetup();
floatObject();
}
else if(ie4) {
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
layerSetup();
floatObject();
}
}