var promoElements = new Array();
promoElements[0] = new Array();
promoElements[0]['html'] = '';
promoElements[0]['stylesheet'] = 'md.static/promo/maennersache/promo.css?v=1283180299';
promoElements[1] = new Array();
promoElements[1]['html'] = '';
promoElements[1]['stylesheet'] = 'md.static/promo/maennersache2/promo.css?v=1283180300';
promoElements[2] = new Array();
promoElements[2]['html'] = '';
promoElements[2]['stylesheet'] = 'md.static/promo/kids-teens/promo.css?v=1283250969';
promoElements[3] = new Array();
promoElements[3]['html'] = '';
promoElements[3]['stylesheet'] = 'md.static/promo/avatar/promo.css?v=1282728016';
promoElements[4] = new Array();
promoElements[4]['html'] = '';
promoElements[4]['stylesheet'] = 'md.static/promo/met20102011/promo.css?v=1278692198';
promoElements[5] = new Array();
promoElements[5]['html'] = '';
promoElements[5]['stylesheet'] = 'md.static/promo/damenwahl/promo.css?v=1283567044';
promoElements[6] = new Array();
promoElements[6]['html'] = '';
promoElements[6]['stylesheet'] = 'md.static/promo/f43d/promo.css?v=1280176059';
promoElements[7] = new Array();
promoElements[7]['html'] = '';
promoElements[7]['stylesheet'] = 'md.static/promo/damenwahl2/promo.css?v=1283180294';
//alert(promoElements[1]['html']);
/* ABLAUF
1. Eigenen Container für header-bestandteile erzeugen (ohne die Home-, Facebook- etc. -Links)
2. Stylesheets Header-abhängig setzen (nicht global), sodass zwei header gleichzeitig stehen können
4. Zwischen zwei header-Containern hin und her crossfaden (nach dem ausblenden das html des jeweils nächsten in den container einsetzen)
*/
// Stylesheets Laden
function loadjscssfile (filename) {
var fileref = document.createElement('link');
fileref.setAttribute('rel', 'stylesheet');
fileref.setAttribute('type', 'text/css');
fileref.setAttribute('href', filename);
if (typeof fileref != "undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
var currentElement;
var previousElement;
var currentContainer;
var previousContainer;
var container0;
var container1;
function promosInit () {
if (document.getElementById) {
currentElement = 0;
previousElement = promoElements.length - 1;
opacity = 100;
container0 = document.getElementById('promoContainer0');
container1 = document.getElementById('promoContainer1');
var promoContainer = document.getElementById('header');
if (container0 == null) {
container0 = document.createElement('DIV');
container0.id = 'promoContainer0';
promoContainer.appendChild(container0);
}
if (container1 == null) {
container1 = document.createElement('DIV');
container1.id = 'promoContainer1';
promoContainer.appendChild(container1);
}
for (i=0; i < promoElements.length; i++) {
loadjscssfile(promoElements[i]['stylesheet']);
}
currentContainer = container0;
previousContainer = container1;
/* start the whole crossfade process after a second's pause */
window.setTimeout('crossfade(100)', 3500);
}
}
function crossfade (opacity) {
/* Aktuelles Element ist noch nicht voll sichtbar ... Deckkraft weiter erhöhen */
if (opacity < 100) {
fader (currentContainer, opacity);
opacity += 5;
window.setTimeout('crossfade(' + opacity + ')', 20);
/* Das aktuelle Element über das vorherige legen */
previousContainer.style.zIndex = 0;
currentContainer.style.zIndex = 100;
/* Das vorige Element ist nun vollständig bedeckt. Blende es aus */
} else {
fader (currentContainer, 100);
fader (previousContainer, 0);
/* Das aktuelle Element wird nun zum vorigen Element */
previousElement = currentElement;
currentElement += 1;
/* Wenn wir beim letzten Element sind, wieder von vorne anfangen */
if (currentElement >= promoElements.length) {
currentElement = 0;
}
/* HTML der nächsten Promo setzen */
previousContainer.innerHTML = promoElements[currentElement]['html'];
if (currentContainer.id == 'promoContainer0') {
currentContainer = container1;
previousContainer = container0;
} else {
currentContainer = container0;
previousContainer = container1;
}
/* Den Crossfader nach vier Sekunden neu starten */
opacity = 0;
window.setTimeout('crossfade(' + opacity + ')', 7000);
}
}
function fader (element, opacity) {
if (element.style.MozOpacity!=null) {
/* Mozilla's pre-CSS3 proprietary rule */
element.style.MozOpacity = (opacity/100);
} else if (element.style.opacity!=null) {
/* CSS3 compatible */
element.style.opacity = (opacity/100);
} else if (element.style.filter!=null) {
/* IE's proprietary filter */
element.style.filter = "alpha(opacity="+opacity+")";
}
}
/* initialise fader by hiding image object first */
addEvent (window, 'load', promosInit);
/* addEvent handler for IE and other browsers */
// addEvent and removeEvent
// cross-browser event handling for IE5+, NS6 and Mozilla
// By Scott Andrew
function addEvent (elm, evType, fn, useCapture) {
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent) {
var r = elm.attachEvent("on"+evType, fn);
return r;
}
}