/* KONSTANTEN fuer Klappboxen: */
//var TITLEW_L = 190;						//Breite der Ueberschriften-Boxen links;
//var TITLEW_R = 326;						//Breite der Ueberschriften-Boxen; bei Aenderung auch tablistitem und tablistend aendern
var SPEED = 15;							//Geschwindigkeit der Slides; kleiner ist schneller
var TITLEH_L = 25;						//Hoehe der Ueberschriften-Boxen links plus Border
var TITLEH_R = environment.ie?25:25;				//Hoehe der Ueberschriften-Boxen rechts plus Border
var BOXBORDER_L = 0;						//Border der umschreibenden Boxen links
var BOXBORDER_R = 0;						//Border der umschreibenden Boxen rechts
var STARTGAP = 0;						//Abstand am Anfang
var SETGAP = 10;						//Abstand zwischen Sets
/* FARBEN (auch in .css aendern!): */
var COL_BG_CONTENT = '#0000ff';					//Klappboxen: Hintergrundfarbe Inhalt
var COL_BG_CONTENT_TITLE = '#333333';				//Klappboxen: Hintergrundfarbe Ueberschrift (wenn kein HG-Bild)
var COL_BG_CONTENT_TITLE_ACTIVE_L = '#333333';			//Klappboxen links: Hintergrundfarbe aktivierte Ueberschrift (wenn kein HG-Bild)
var COL_BG_CONTENT_TITLE_ACTIVE_R = '#333333';			//Klappboxen rechts: Hintergrundfarbe aktivierte Ueberschrift (wenn kein HG-Bild)
/* GRAFIKEN: */
var PIC_DIR = 'fileadmin/tanquid/images/';
var PIC_BG_TITLE_L = PIC_DIR+'hg_kopf.gif';			//Titelleiste links: Hintergrund, in x-Richtung gekachelt
var PIC_BG_TITLE_R = PIC_DIR+'hg_kopf.gif';			//Titelleiste: Hintergrund, in x-Richtung gekachelt
var PIC_BG_TITLE_ACTIVE_L = PIC_DIR+'hg_kopf.gif';		//Titelleiste links: Hintergrund bei aufgeklapptem Inhalt, in x-Richtung gekachelt
var PIC_BG_TITLE_ACTIVE_R = PIC_DIR+'hg_kopf.gif';		//Titelleiste: Hintergrund bei aufgeklapptem Inhalt, in x-Richtung gekachelt
var PIC_ARROW_L = PIC_DIR+'kopf_oeffnen.gif';			//Titelleiste links: Pfeil bei zugeklapptem Inhalt
var PIC_ARROW_R = PIC_DIR+'kopf_oeffnen.gif';			//Titelleiste: Pfeil bei zugeklapptem Inhalt
var PIC_ARROW_ACTIVE_L = PIC_DIR+'kopf_schliessen.gif';		//Titelleiste links: Pfeil bei aufgeklapptem Inhalt
var PIC_ARROW_ACTIVE_R = PIC_DIR+'kopf_schliessen.gif';		//Titelleiste: Pfeil bei aufgeklapptem Inhalt
/* ARRAYS: */
/* muessen auf der jeweiligen HTML-Seite stehen */
/* fuer unabhaengige Sets von Klappboxen;
   array[0] ist aktive/geoeffnete Box des Sets, bei array[0]=0 alle geschlossen:
var c1set1 = new Array(1,"inhalt");
var c1set2 = new Array(1,"schnellsuche");
var c2set1 = new Array(1,"container_1","container_2");
var c2set2 = new Array(0,"container_3");
var c2set3 = new Array(1,"container_4");
 */
/* fuer Spalte 1 (HG orange) und Spalte 2 (HG blau):
var col1 = new Array(0, c1set1, c1set2);
var col2 = new Array(0, c2set1, c2set2, c2set3);
 */

function main() {
	/* Start: */
	if (getE('popfBerlin')) {  //nur wenn Startseite
	
		init();       	//Klappboxen
		aktualisiereinhalt('tm',0);
		setTimeout("showE(getE('tm'))",1000);
		c2set1[0]=1;
		setTimeout("aktualisiereinhalt('tm',1)",2000);
		
		init_tanknav()	//fuer onMouseovers der TankMap
		initTonnen();
		zeigePop();
	}
}

/* Funktionen fuer Popups */
/* ************************************************************ */
var orte = new Array	("Berlin"		// 0
			,"Duisburg"		// 1
			,"Essen"		// 2
			,"HannoverLetter"	// 3
			,"Huenxe"		// 4
			,"Muenchen"		// 5
			,"Regensburg"		// 6
			,"Speyer"		// 7
					
			,"Salzgitter"		// 8
			,"Neuss"		//9
			,"Koblenz"		//10
			,"Lahnstein"		//11
			,"Plochingen"		//12
			,"Koeln"		//13
			,"Mainz"		//14
			
			,"DuisburgHeadquarter"	//15
			,"HamburgOffice"	//16
			
			,"Radzionkow"	//17      
      ,"Bremen"	//18						
      ,"Marbach"	//19			
      ,"Oberhausen"	//20			
      );
function zeigePop(thisPop) {
	for (i=0; i<orte.length; i++) {
		if(orte[i] == 'DuisburgHeadquarter' || orte[i] == 'HamburgOffice') {
			hideE(getE('popf'+orte[i]));
			getE('tn'+orte[i]).src="clear.gif";
			getE('to'+orte[i]).src="clear.gif";				  	
		} else {
			hideE(getE('popf'+orte[i]));
			getE('tn'+orte[i]).src="fileadmin/tanquid/images/tonne-braun.gif";
			getE('to'+orte[i]).src="fileadmin/tanquid/images/tonne-lila.gif";
		}
    }
    if (thisPop) {
	    	if(thisPop == 'DuisburgHeadquarter' || thisPop == 'HamburgOffice') {
			showE(getE('popf'+thisPop));
			getE('tn'+thisPop).src="clear.gif";
			getE('to'+thisPop).src="clear.gif";
			showE(getE('iim'));
			setZ(getE('iim'),100);		    		
	    	} else {
	    		showE(getE('popf'+thisPop));
			getE('tn'+thisPop).src="fileadmin/tanquid/images/tonne-lila_aktiv.gif";
			getE('to'+thisPop).src="fileadmin/tanquid/images/tonne-braun_aktiv.gif";
			showE(getE('iim'));
			setZ(getE('iim'),100);

	    	}
    }
}
function zeigePop2(thisPop) {
	zeigePop(thisPop);
	return;
	for (i=0; i<orte.length; i++) {
		hideE(getE('popf'+orte[i]));
		getE('to'+orte[i]).src="fileadmin/tanquid/images/tonne-braun.gif";
    }
    if (thisPop) {
		showE(getE('popf'+thisPop));
		getE('to'+thisPop).src="fileadmin/tanquid/images/tonne-lila_braun.gif";
	}
}

/* Funktionen fuer Navigations-Mouseover */
/* ************************************************************ */
//var tanknavi = new Array("t1", "t2", "t3", "t4", "t5");
var tanknavi = new Array("vt", "kapaz", "pt", "aus", "ser");
var tanknavi_haekchen = new Array();
tanknavi_haekchen["vt"]=0;
tanknavi_haekchen["kapaz"]=0;
tanknavi_haekchen["pt"]=0;
tanknavi_haekchen["aus"]=0;
tanknavi_haekchen["ser"]=0;

function zeigTanknav() {
	getE('start_inh').style.display="none";
}

function init_tanknav() {
    for (i=0; i<tanknavi.length; i++) {
		addEV(getE(tanknavi[i]),'mouseover',tanknavover,null);
		addEV(getE(tanknavi[i]),'click',tanknavclick,null);
		getE(tanknavi[i]+'_inh').style.display="none";
	    addEV(getE(tanknavi[i]),'mouseout',tanknavout,null);
    }
	//getE(tanknav_aktiv).className="tabaktiv";
	if(tanknavi_haekchen[tanknav_aktiv]==0){
		getE(tanknav_aktiv).src="fileadmin/tanquid/images/"+tanknav_aktiv+"_o.gif";
	}else{
		getE(tanknav_aktiv).src="fileadmin/tanquid/images/"+tanknav_aktiv+"_ouh.gif";
	}
	getE(tanknav_aktiv+'_inh').style.display="block";
}

function getTarget(e) {
	if (environment.ns6 || environment.opera) {
		e.cancelBubble=true;
		var thisTarget = e.currentTarget.id;
	}
	if (environment.ie) {
		if (!e) e = window.event; /* fuer MSIE4 */
		e.cancelBubble=true;
		var thisTarget = e.srcElement.id;
			var bTarget = e.srcElement.parentNode.getAttribute("id");
			if (thisTarget == '') {
				/* Sicherheitsabfrage fuer IE: Sieht Unterelement (z.B. <span> in Titelleiste) als eigenes Target */
				/* Hack fuer IE: nimm Eltern-Element */
				thisTarget = bTarget;
			}
	}
	if (environment.ie) {
		e.returnValue=false; /* fuer MSIE4 */
	}
	//alert(thisTarget);
	return thisTarget;
}

function tanknavover(e) {
	setMP(getE(getTarget(e)),'pointer');
	//getE(getTarget(e)).className="tabaktiv";
	if(tanknavi_haekchen[getTarget(e)]==0){
		getE(getTarget(e)).src="fileadmin/tanquid/images/"+getTarget(e)+"_o.gif";
	}else{
		getE(getTarget(e)).src="fileadmin/tanquid/images/"+getTarget(e)+"_ouh.gif";
	}
}
function tanknavout(e) {
	//getE(getTarget(e)).className="tab";
	if ( getTarget(e)!= tanknav_aktiv ) {
		if(tanknavi_haekchen[getTarget(e)]==0){
			getE(getTarget(e)).src="fileadmin/tanquid/images/"+getTarget(e)+"_n.gif";
		}else{
			getE(getTarget(e)).src="fileadmin/tanquid/images/"+getTarget(e)+".gif";
		}
	}
	//alert("getTarget:"+getTarget(e)+" tanknav_aktiv: "+tanknav_aktiv);
}
function tanknavrefresh() {
	for (i=0; i<tanknavi.length; i++) {
		if ( tanknavi[i] != tanknav_aktiv ) {
			if(tanknavi_haekchen[tanknavi[i]]==0){
				getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+"_n.gif";
			}else{
				getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+".gif";
			}
		}else{
			if(tanknavi_haekchen[tanknavi[i]]==0){
				getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+"_o.gif";
			}else{
				getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+"_ouh.gif";
			}
		}
	}
}
function tanknavclick(e) {
	for (i=0; i<tanknavi.length; i++) {
		getE(tanknavi[i]+'_inh').style.display="none";
	}
	getE(getTarget(e)+'_inh').style.display="block";
	for (i=0; i<tanknavi.length; i++) {
		if(tanknavi_haekchen[tanknavi[i]]==0){
			getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+"_n.gif";
		}else{
			getE(tanknavi[i]).src="fileadmin/tanquid/images/"+tanknavi[i]+".gif";
		}
	}
	tanknav_aktiv=getTarget(e);
	if(tanknavi_haekchen[tanknav_aktiv]==0){
		getE(tanknav_aktiv).src="fileadmin/tanquid/images/"+tanknav_aktiv+"_o.gif";
	}else{
		getE(tanknav_aktiv).src="fileadmin/tanquid/images/"+tanknav_aktiv+"_ouh.gif";
	}
}

/* Funktionen fuer Klappboxen (Titelleisten und Inhaltskaesten) */
/* ************************************************************ */
function spalte(thisset) {
	//noch nicht verwendet
	/* findet heraus, in welchem Spalten-Array thisset ist
	   Rueckgabe: Array */
	var col=0;
	for (n=1; n<col2.length; n++) {
		for (c=1; c<col2[n].length; c++) {
			//alert(col2[n][c] +"=="+ thisset[c]);
			if (col2[n][c] == thisset[c]) { col = col2; }
		}
	}
	for (n=1; n<col1.length; n++) {
		for (c=1; c<col1[n].length; c++) {
			if (col1[n][c] == thisset[c]) { col = col1; }
		}
	}
	return col;
}
function set(thisbox) {

	/* findet heraus, in welchem Set-Array thisbox ist
	   Rueckgabe: Array */
	var set=0;

	for (n=1; n<col2.length; n++) {
		var thisset = col2[n];
		for (m=1; m<thisset.length; m++) {
		
			if (thisset[m] == thisbox) { set = thisset; }
		}
	}
	for (n=1; n<col1.length; n++) {
		var thisset = col1[n];
		for (m=1; m<thisset.length; m++) {
			if (thisset[m] == thisbox) { set = thisset; }
		}
	}
	return set;
}
function seti(thisset, thisbox) {
	/* findet heraus, welchen Index thisbox im Set-Array hat
	   Rueckgabe: Integer */
	var index=-1;
	for (n=1; n<thisset.length; n++) {
		if (thisset[n] == thisbox) { index = n; }
	}
	return index;
}

function init() {
	var thiscol=col2;
	setMP(getE('mapreset'),'pointer');
	for ( j=1; j<thiscol.length; j++ ) {
		var thisset = thiscol[j];
		for ( i=1; i<thisset.length; i++ ) {
			//alert("z "+yPos);
			if ( getE(thisset[i]) ) {
				//getE(thisset[i]).style.position="absolute";
				setMP(getE(thisset[i]+'_title'),'pointer');
				addEV(getE(thisset[i]+'_title'),'click',clickTitel,null);
				setMP(getE(thisset[i]+'_content'),'default');
			}
		}
	}
}

function aktualisiereinhalt(thisBox, up) {
	/* stellt alle Titelleisten und ausgewaehlten Inhaltskasten des Sets (set[0]) dar */
	if (spalte(set(thisBox)) == col1) {
		TITLEH = TITLEH_L;
		BOXBORDER = BOXBORDER_L;
		PIC_BG_TITLE = PIC_BG_TITLE_L;
		PIC_BG_TITLE_ACTIVE = PIC_BG_TITLE_ACTIVE_L;
		COL_BG_CONTENT_TITLE_ACTIVE = COL_BG_CONTENT_TITLE_ACTIVE_L;
		PIC_ARROW = PIC_ARROW_L;
		PIC_ARROW_ACTIVE = PIC_ARROW_ACTIVE_L;
	} else {
		TITLEH = TITLEH_R;
		BOXBORDER = BOXBORDER_R;
		PIC_BG_TITLE = PIC_BG_TITLE_R;
		PIC_BG_TITLE_ACTIVE = PIC_BG_TITLE_ACTIVE_R;
		COL_BG_CONTENT_TITLE_ACTIVE = COL_BG_CONTENT_TITLE_ACTIVE_R;
		PIC_ARROW = PIC_ARROW_R;
		PIC_ARROW_ACTIVE = PIC_ARROW_ACTIVE_R;
	}

	/* Layout fuer Inhaltskaesten */

	//Decide: Show or Hide Content
	
	var curr_set = set(thisBox);
//show
	//alert (curr_set[curr_set[0]]);
	if (thisBox == curr_set[curr_set[0]] || up==1) { 		
	//if (thisset[0] == i) {
		//Adjust Y and H
		//ACHTUNG! HIER WIRD EIN JS-API-BUG ausgebügelt!
		//getCH liefert die Hoehe + Margin (hier: 2)!
		if((getH(getE(thisBox))-(2*BOXBORDER))!=getCH(getE(thisBox))){
			slideH(getE(thisBox),getCH(getE(thisBox)),SPEED,null);
			slideY(getE(thisBox),getY(getE(thisBox))-getCH(getE(thisBox))+TITLEH,SPEED,null);
		}
		//Set BGI, color and Arrow
		setBGI(getE(thisBox+'_title'),PIC_BG_TITLE_ACTIVE);
		getE(thisBox+'_title').style.color=COL_BG_CONTENT_TITLE_ACTIVE;
		getE(thisBox+'_arrow').src=PIC_ARROW_ACTIVE;
		//Calc yPos
		//yPos += getCH(getE(thisBox));
		//ACHTUNG! HIER WIRD EIN JS-API-BUG ausgebügelt!
		//Dies hier faellt etwas aus der Reihe, aber die JS-API
		//hat einen Bug. Wenn irgendwas auf Hoehe 0 gesetzt wird,
		//wird es ausgeblendet, leider aber nicht mehr eingeblendet
		//wenn es groesser wird!
		showE(getE(thisBox));
//hide				
	} else {	
		//Adjust Y and H
		slideH(getE(thisBox),TITLEH,SPEED,null);
		slideY(getE(thisBox),getY(getE(thisBox))+getCH(getE(thisBox))-TITLEH,SPEED,null);
		//slideY(getE(thisBox),getCH(getE(thisBox)),SPEED,null);
		//Set BGI, color and Arrow
		setBGI(getE(thisBox+'_title'),PIC_BG_TITLE);
		getE(thisBox+'_title').style.color=COL_BG_CONTENT_TITLE;
		getE(thisBox+'_arrow').src=PIC_ARROW;
		//Calc yPos
		//yPos += TITLEH;
	}
	getE(thisBox).style.overflow="hidden";

	slStart("");
}

function clickTitel(e) {

	/* onClick: schliesse alle Inhalts-Boxen, starte Sliding
	   und zeige Inhalts-Box des gewaehlten Punktes */
	if (environment.ns6 || environment.opera) {
		e.cancelBubble=true;
		var thisTarget = e.currentTarget.id;
	}
	if (environment.ie) {
		if (!e) e = window.event; /* fuer MSIE4 */
		e.cancelBubble=true;
		var thisTarget = e.srcElement.id;
						var bTarget = e.srcElement.parentNode.getAttribute("id");
			if (thisTarget == '') {
				/* Sicherheitsabfrage fuer IE: Sieht z.B. <span> in Titelleiste als eigenes Target */
				/* Hack fuer IE: nimm Eltern-Element */
				thisTarget = bTarget;
			}
	}
	
	thisTarget = thisTarget.substring(0,thisTarget.length-6);

	var curr_set = set(thisTarget);
	
	if (thisTarget != curr_set[curr_set[0]]) {
		curr_set[0] = seti(curr_set,thisTarget);
	} else {
		curr_set[0] = 0;
	}
	
	if ( spalte(set(thisTarget)) == col1 ) { aktualisiereinhalt(thisTarget); }
	if ( spalte(set(thisTarget)) == col2 ) { aktualisiereinhalt(thisTarget); }


	if (environment.ie) {
		e.returnValue=false; /* fuer MSIE4 */
	}

	return false;
}