/*
InfoOffice
*/
// --------------------------------------------------- browserabfrage und globale variablen
var ns;
var ie;
var ie5;
ns = (document.layers)? true:false
ie = (document.all)? true:false
if (navigator.userAgent.indexOf('MSIE 5')>0) ie5 = true;
if (!is.layers) {self.location.href = "3er.html";}
var path = window.location.href;
var p_start = window.location.href.lastIndexOf('/')+1;
var p_end = window.location.href.lastIndexOf('.');
if (window.location.href.indexOf("_") > -1)
headlinemerker = path.substring(path.lastIndexOf('/')+1,path.lastIndexOf('_'));
else
headlinemerker = window.location.href.substring(p_start,p_end);
if (headlinemerker == ".de/") {headlinemerker = "index";}
var firstlevel = activeSubItem
// var secondlevel = headlinemerker;
var secondlevel = window.location.href.substring(p_start,p_end);
var thirdlevel = window.location.href.substring(p_start,p_end);
// --------------------------------------------------- ab hier linke navigation
// die positions-prameter, sowie breite und hoehe der main- und submenues
// immer darauf achten das die werte start und ende durch die steps teilbar sind !!!
var oben = 72; // abstand von oben
var mainstart = -60; // anfangspostion des mainmenues
var mainende = 80; // endpostion des mainmenues
var substart = -40; // anfangspostion des submenues
var subende = 120; // endpostion des submenues
var mainhoehe = 25; // hoehen- und breitenangaben des main- bzw. submenues
var mainbreite = 180;
var subhoehe = 20;
var subbreite = 140;
var service_div = new Array();
var service_sub_div = new Array();
var service_sub_yStart = new Array();
var service_xStart = 125; // x-Pos Start
var service_xStep = 100; // x-Pos Step
var ms_Menu_steps = (is.ns && is.DOM) ? 20 : 10; // Animation-Steps fŸr LinksNav
var servMenu_steps = (is.ns && is.DOM) ? 15 : 8; // Animation-Steps fŸr TopNav
//---------------------------zerteilen der navigation in der linken spalte ----------------------------------------------------
var mymainmenue = "";
var mymaindiv = "";
for (var i=0; i< main.length; i++) {
mymainmenue += main[i]+"$";
var mdivname = main[i].replace(/ /g,"");
mdivname = mdivname.replace(/-/g,"");
mymaindiv += mdivname+"$";
}
mymainmenue = mymainmenue.substring(0,mymainmenue.length-1);
mymaindiv = mymaindiv.substring(0,mymaindiv.length-1);
function SplitStyles( menuestyles ) {
mainstyles = menuestyles.split('$')
}
function SplitMainMenue( menuepunkte ) {
maintoken = menuepunkte.split('$')
}
function SplitSubMenue( submenuepunkte ) {
submenue = submenuepunkte.split('$')
}
function SplitSubMenueLinks( submenuelinks ) {
sublinks = submenuelinks.split('$')
}
function CheckWhichMain ( mainmenue ) {
for (var i=0; i< main.length; i++) {
if (main[i] == mainmenue) {
SplitSubMenue(subm[i]);
SplitSubMenueLinks(subl[i]);
return;
}
}
}
// jetzt koennen wir das objekt benutzen um aus dem in der menue.js gespeicherten variablen
// je ein eigenes objekt zu erzeugen - m array sind die mainmenues - s array die submenus
// die split-funktion steht zusammen mit den menue-eintraegen in der menue.js
var m = new Array();
var s = new Array();
function generateObject () {
SplitStyles(mymaindiv);
SplitMainMenue(mymainmenue);
for (i = 0; i < mainstyles.length; i++) {
CheckWhichMain(maintoken[i]);
for (j = 0; j < submenue.length; j++) {
s[i] = new Layer (mainstyles[i]+'SubDiv',null,null);
s[i].action_init(submenue,'sub',j);
}
m[i] = new Layer (mainstyles[i]+'Div',null,null);
m[i].action_init(maintoken[i],'main',i,mainstyles[i]);
if (is.pf == "Mac" && is.ie) {
m[i].moveBy(null,15);
s[i].moveBy(null,15);
}
}
}
Layer.prototype.action_init = action_init;
function action_init (token,level,counter)
{
this.token = token; // gibt den namen der menuepunkte spaeter in html aus
if (level == 'main') this.h = mainhoehe; // zuweisung der oben gesetzten variable - hoehe eines einzelnen mainmenues
if (level == 'sub') this.h = subhoehe*(counter+1);// hoehe der submenues mal die anzahl der submenue-eintraege
if (level == 'main') this.w = mainbreite; // zuweisung der oben gesetzten variable - breite eines einzelnen mainmenues
if (level == 'sub') this.w = subbreite; // zuweisung der oben gesetzten variable - breite eines einzelnen submenues
this.l = this.x;
this.mainleft = this.subleft = this.x;
this.u = this.y+this.h; // untere position der menues - wird zum clippen und fuer die sensitive flaeche benoetigt
}
function TargetLeftSubmenue () {
if (sublinks[j].substring(0,4) == "ssl_")
sublinks[j] = secureserver+sublinks[j].substring(4);
else
sublinks[j] = publicserver+sublinks[j];
}
var rightflag;
function TargetRightSubmenue () {
if (splitlink[i].substring(0,4) == "ssl_") {
rightflag = splitlink[i].substring(4);
splitlink[i] = secureserver+splitlink[i].substring(4);
}
else {
rightflag = splitlink[i];
splitlink[i] = publicserver+splitlink[i];
}
rightflag = rightflag.substring(0,rightflag.lastIndexOf('.')); // die Dateiendung abzwicken, RB_2000_12_11
}
// der koerper des mainmenues ist schon in der html-datei geschrieben
// der koerper des submenues wird dynamisch erzeugt da die submenues
// vom kunden jederzeit erweitert oder verringert werden koennen
// nach der definition des submenue-koerpers speichern wir ihn jetzt mit
// den submenue-eintraegen zusammen in die variable content
function generateMenueset (id,i) {
var tablestart = '\n';
var subbody = '| ';
var subbodyend = ' |
\n';
var subtrenner = ' |
\n'
var tableend = '
\n';
CheckWhichMain(maintoken[i]);
var content = tablestart;
for(j = 0; j < submenue.length; j++) {
TargetLeftSubmenue();
if (submenue[j] == activeSubItem) {
content += subbody+'
'+submenue[j]+'<\/a>
'+subbodyend+subtrenner;
}
else {
content += subbody+' | '+submenue[j]+'<\/a>
'+subbodyend+subtrenner;
}
}
content += tableend;
return content;
}
// in der onload-funktion wird dann der content je menue in den
// in der html-datei vordefinierten layer geschrieben
function drawMenue (id,i) {
s[i].write(generateMenueset(id,i));
}
// nachdem der layer gefuellt wurde wissen wir wie hoch der
// layer ist und clippen dann die submenues
// bei den mainmenues steht der clip schon im div-tag in der html-datei
function clipMenue (i,l,r,t,b,h,subcounter,maincounter) {
maincounter++;
//var tsub = oben+maincounter*mainhoehe;
//var hsub = s[i].h + 10;
//var bsub = hsub+tsub;
s[i].clipTo(0,r,(s[i].h + 100),l);
s[i].h = h;
}
// --------------------------------------------------- ab hier kontrolle der mausbewegungen
// hier wird ermittelt wo sich die maus befindet - die uebergibt der funktion control
// die x- und y-koordinate
// um den rechner nicht permanent zu belasten setzen wir mit setTimeout
// einen keinen pseudo-intervall in die abfrage
var mouse_posX = "";
var mouse_posY = "";
function mousePosition (e) {
mouse_posX = (is.ns) ? e.pageX : event.x;
mouse_posY = (is.ns) ? e.pageY : event.y;
if (is.ie5) {
mouse_posX += document.all['mybody'].scrollLeft;
mouse_posY += document.all['mybody'].scrollTop;
}
}
// auf den folgeseiten muss nun ermittelt werden welches menue ausgefahren sein muss
// dazu stehen in der html-seite jeweils zwei variablen - activeItem und activeSubItem
// das activeItem d.h. welches mainmenue muss nach dem laden rausgefahren werden
var active_m = -1;
function control() {
if (someActive) {return;}
// akt. Menuepunkt ueber Mauskoord. bestimmen
checkService();
var active = check_active();
for (i = 0; i < m.length; i++) {
if (i != active && (m[i].open || s[i].open)) {
if (active>-1 || (active < 0 && (i != activeItem_num))) {
if (is.pf == "XXX" && is.ie) { // Mac
if (s[i].exist) {s[i].moveTo(substart,null); active_m = -1;s[i].open=false;}
m[i].moveTo(mainstart,null)
active_m = -1;
m[i].open=false;
} else {
if (s[i].exist) {s[i].slideTo(substart,null,ms_Menu_steps,1,"active_m = -1; s["+i+"].open=false",1); }
m[i].slideTo(mainstart,null,(ms_Menu_steps-1),1,"active_m = -1; m["+i+"].open=false",1);
}
}
}
}
for (i = 0; i < m.length; i++) {
if (m[i].open || s[i].open || m[i].slideActive || s[i].slideActive) {return;}
}
if (active_m == -1 && active > -1 && mouse_posX < subende) {
//clearTimeout(restore);
if (is.pf == "Mac" && is.ie) {ms_Menu_steps+=3;}
if (is.pf == "XXX" && is.ie) { // Mac
if (s[active].exist) {s[active].moveTo(subende,null); active_m=active; m[active].open=true;}
m[active].moveTo(mainende,null); active_m=active; m[active].open=true;
} else {
if (s[active].exist) {s[active].slideTo(subende,null,ms_Menu_steps,1,"active_m="+active+"; m["+active+"].open=true");}
m[active].slideTo(mainende,null,(ms_Menu_steps-2),1,"active_m="+active+"; m["+active+"].open=true",1);
}
}
restore = setTimeout("restoreNav()",500);
}
var restore = false;
function restoreNav()
{
if (someActive) {return;}
for (i = 0; i < m.length; i++) {
if (m[i].open || s[i].open || m[i].slideActive || s[i].slideActive) {return;}
}
if (activeItem_num > -1) {
var active = check_active();
if ((active > -1 && m[active].open) || m[activeItem_num].open) {return;}
clearTimeout(restore);
if (s[activeItem_num]) {s[activeItem_num].slideTo(subende,null,ms_Menu_steps,1,"active_m="+activeItem_num+"; m["+activeItem_num+"].open=true",1);}
m[activeItem_num].slideTo(mainende,null,(ms_Menu_steps-2),1,"active_m="+activeItem_num+"; m["+activeItem_num+"].open=true",1);
}
}
function check_active()
{
var active = -1;
for (i = 0; i < m.length; i++) {
var m_MacIE = s_MacIE = 0;
if (is.pf == "Mac" && is.ie) {m_MacIE = m[i].y; s_MacIE = s[i].y;}
if (mouse_posX > m[i].l && mouse_posX < subende && mouse_posY > m[i].y && mouse_posY < (m_MacIE + m[i].u) || active_m == i && mouse_posX > subende && mouse_posX < subende+subbreite && mouse_posY > m[i].y && mouse_posY < (s_MacIE + s[i].u) ) {
active = i;
}
}
return active;
}
// so links zwischen dem public- bzw. ssl-verver
function jumpService (wohin) {
location.href = publicserver+wohin;
}
function jumpPublic (wohin) {
location.href = publicserver+wohin;
}
function jumpSSL (wohin) {
location.href = secureserver+wohin;
}
function drawLogin() {
document.write('');
document.write('');
// Kopfbanner anzeigen. Hier: Weihnachts-Banner
// var KopfbannerLeft = Math.max((bodyAttrib(null,0)-234), 670);
// document.write('');
}
function showLogin () {
var login_div = new Layer("LoginDiv");
if (leftedge < 662) {leftedge = 662;}
login_div.moveTo(leftedge,null);
login_div.show();
}
function drawTrenner () {
var trenner_div = new Layer("TrennerDiv");
var breite = leftedge-260;
// var trenner= ' '
// trenner+= ''
// trenner_div.write(trenner);
// trenner_div.clipTo(0,breite+99,5,0);
trenner_div.show();
}
function drawHeadline () {
var headline_div = new Layer ("HeadlineDiv");
var headline = ' ';
headline_div.write(headline);
headline_div.show();
}
//---------------------------- funktionen zur sitemap-erstellung ------------------------------------
var sitemap = ""
var sitemapstart = "| ";
var sitemaptrenner = " |  | ";
var sitemapende = " |
";
function generateSitemapItem (which) {
if(!m[which]) {return;}
sitemap += '';
}
function checkMapThridlevel (j) {
if (submenue[j] == 'SpardaGiro online') {
SplitThirdlevelMenue( giro_token );
SplitThridlevelLink( giro_link );
for (c = 0; c < splitname.length; c++) {
sitemap += '  '+splitname[c]+'
';
}
}
if (submenue[j] == 'SpardaAnlage') {
SplitThirdlevelMenue( spardaanlage_token );
SplitThridlevelLink( spardaanlage_link );
for (c = 0; c < splitname.length; c++) {
sitemap += ''+splitname[c]+'
';
}
}
if (submenue[j] == 'SpardaInvest') {
SplitThirdlevelMenue( invest_token );
SplitThridlevelLink( invest_link );
for (c = 0; c < splitname.length; c++) {
sitemap += ''+splitname[c]+'
';
}
}
if (submenue[j] == 'Hilfe') {
SplitThirdlevelMenue( hilfe_token );
SplitThridlevelLink( hilfe_link );
for (c = 0; c < splitname.length; c++) {
sitemap += ''+splitname[c]+'
';
}
}
if (submenue[j] == 'Archiv') {
SplitThirdlevelMenue( archiv_token );
SplitThridlevelLink( archiv_link );
for (c = 0; c < splitname.length; c++) {
sitemap += ''+splitname[c]+'
';
}
}
if (submenue[j] == 'Angebote') {
SplitThirdlevelMenue( reisen_token );
SplitThridlevelLink( reisen_link );
for (c = 0; c < splitname.length; c++) {
sitemap += ''+splitname[c]+'
';
}
}
}
function buildSitemap () {
sitemap += sitemapstart;
generateSitemapItem (0);
generateSitemapItem (1);
generateSitemapItem (2);
sitemap += sitemaptrenner;
generateSitemapItem (3);
generateSitemapItem (4);
generateSitemapItem (5);
sitemap += sitemaptrenner;
generateSitemapItem (6);
generateSitemapItem (7);
generateSitemapItem (8);
generateSitemapItem (9);
sitemap += sitemapende;
}
function drawSitemap () {
buildSitemap ();
var sitemap_div = new Layer("SitemapDiv");
sitemap_div.write(sitemap);
}
//---------------------------- kleine extras ------------------------------------
function detailfenster(bezeichnung,breite,hoehe) {
detailfensterhandle=window.open("detailansicht.html?"+bezeichnung,"Detailansicht","width="+breite+",height="+hoehe+",status=yes,toolbar=yes,location=no,scrollbars=no,resizable=no");
if (navigator.appName && navigator.appVersion.charAt(0) && (navigator.appName.indexOf('Netscape') >= 0)) detailfensterhandle.focus();
}
function extrafenster(which,breite,hoehe,scroll) {
if (scroll) { switcher = "yes" } else { switcher = "no" }
detailfensterhandle=window.open(which,"Extrafenster","width="+breite+",height="+hoehe+",status=yes,toolbar=yes,location=no,scrollbars="+switcher+",resizable=yes");
if (navigator.appName && navigator.appVersion.charAt(0) && (navigator.appName.indexOf('Netscape') >= 0)) detailfensterhandle.focus();
}
//---------------------------- so jetzt noch die verschiedenen mouseover ------------------------------------
// auf bodyebene
function showActive (which) {
document.images[which].src = "/images/"+which+"_mo.gif";
}
function hideActive (which) {
document.images[which].src = "/images/"+which+".gif";
}
// auf layerebene
function showActiveItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/navigation/"+which+"_mo.gif";
}
function hideActiveItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/navigation/"+which+".gif";
}
// linkes menue - untermenue
function showActiveSubItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/navigation/1pixel_orange_mo.gif";
}
function hideActiveSubItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/navigation/1pixel_weiss.gif";
}
// menue oben - servicemenue
function showActiveServItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/navigation/1pixel_orange_mo.gif";
}
function hideActiveServItem (whichDiv,which) {
var doc = (is.ns && !is.DOM) ? document.layers[whichDiv].document.images[which] : document.images[which];
doc.src = "/images/1pixel.gif";
}
// --------------------------------------------------- jetzt kann's los gehen
var fensterbreite = controlbreite = 0;
var fensterhoehe = controlhoehe = 0;
var leftedge;
var rightedge;
// wird verwendet um aus den entsprechenden documenten ein zusaetzliches onload auszufuehren
// die variable auf true setzen die onloadFunktion muss zwingend "onloadExtras" benannt werden!!!
var onloadAction;
function OnLoadFunction()
{
for (i=0; i < servi.length; i++) {
service_div[i] = new Layer('Serv'+i+'Div');
service_div[i].moveTo(service_xStart,null);
service_div[i].show();
if (servm[i]) {
service_sub_div[i] = new Layer ('ServSub'+i+'Div');
if (is.ns && is.DOM) {
service_sub_div[i].h = document.getElementById("SubTab"+i).offsetHeight;
}
service_sub_yStart[i] = 65 - service_sub_div[i].h;
service_sub_div[i].moveTo(service_xStart+1,service_sub_yStart[i]);
}
if (is.ie4) service_div[i].w = document.all["servTab"+i].offsetWidth;
service_xStart += (service_div[i].w + 30);
}
fensterbreite = controlbreite = bodyAttrib(null,0);
fensterhoehe = controlhoehe = bodyAttrib(null,1);
generateObject();
service_init(); // Service-Menue-rechts initialisieren
var i=0;
while (activeItem != main[i] && i< main.length) {i++;}
activeItem_num = (i==main.length) ? -1 : i;
for (i = 0; i < m.length; i++) {
drawMenue(s[i].id, i);
clipMenue(i,s[i].l,subbreite,s[i].y,s[i].w,s[i].h,s.length,i);
}
leftedge = fensterbreite-130;
rightedge = fensterbreite-20;
drawHeadline();
// showLogin();
drawTrenner();
if ( activeSubItem == "Sitemap" ) {drawSitemap();}
drawSondernavigation();
document.onmousemove = mousePosition;
if (is.ns) document.captureEvents( Event.MOUSEMOVE );
// zusaetzliche onload-funktionen wenn noetig in den ensprechenden seiten definiert
// die variable "onloadAction" auf true setzen, die Funktion muss zwingend "onloadExtras" benannt werden!!!
if (onloadAction == true) {onloadExtras();}
if (activeItem_num > -1) {restoreNav();} //Navigation ausfahren, wenn aktiv
setInterval("control();",50);
}
// da netscape bis zur v4.7 alle layer-eigenschaften bei einem resize des fensters verliert
// eine kleine sicherung. diese laedt nach einem resize die ganze seite einfach neu
function resizeCheck() {
resizer();
}
//---------------------------sondernavigationen in der rechten spalte ----------------------------------------------------
function SplitThirdlevelMenue( which ) {
splitname = which.split('$')
}
function SplitThridlevelLink( which ) {
splitlink = which.split('$')
}
var thirdlevelMenue = "";
function drawThirdlevel ( token,link ) {
SplitThirdlevelMenue( token );
SplitThridlevelLink( link );
for (i = 0; i < splitname.length; i++) {
TargetRightSubmenue();
if (secondlevel == rightflag) {
thirdlevelMenue += ''+splitname[i]+'
';
}
else {
thirdlevelMenue += ''+splitname[i]+'
';
}
}
checkExtralevel();
thirdlevelMenue += extra;
}
//---------------------------sondernavigation zweite tiefe in der rechten spalte
var extra = "";
function makeExtramenue ( token, link ) {
SplitThirdlevelMenue( token );
SplitThridlevelLink( link );
for (i = 0; i < splitname.length; i++) {
TargetRightSubmenue();
if (thirdlevel == rightflag) {
extra += ' '+splitname[i]+'
';
}
else {
extra += ''+splitname[i]+'
';
}
}
}
function drawSondernavigation () {
checkThirdlevel();
var sondernavigation_div = new Layer("SondernavigationDiv");
sondernavigation_div.write(thirdlevelMenue);
sondernavigation_div.moveTo(leftedge,null);
sondernavigation_div.show();
}
var serv_active = -1;
function service_init()
{
for (var i=0; i-1 && !someActive) {
if (mouse_posX > mainende &&
mouse_posX >= service_sub_div[serv_active].x &&
mouse_posX <= (service_sub_div[serv_active].x+140) &&
mouse_posY > 50 &&
mouse_posY < (70+service_sub_div[serv_active].h))
{}
else
serviceMenue(serv_active,-1);
}
}
function serviceMenue( which, onOff) {
if (onOff == 1) {
service_sub_div[which].slideTo(null,71,servMenu_steps-2,1,"");
serv_active = which;
} else {
service_sub_div[which].slideTo(null,service_sub_yStart[which],servMenu_steps,1,"");
serv_active = -1;
}
}
SplitStyles(mymaindiv);
SplitMainMenue(mymainmenue);
if (is.pf == "Mac" && is.ie) {mainhoehe = 21;}
/*
*/
//
| 
');
// document.write('');
document.write('