// ---------------------------------------------------------------------------------------	
// scripte fuer www.westcoastvideo.de
// author michael schulze, www.jms-design.de, 2009-2010
// ---------------------------------------------------------------------------------------	

	
//---------------------------------------------------------------------------------------	
// Ebenenfunktionen
	// Layer zeigen - verbergen
	function showLayer(layerName) {
		if (eval('document.getElementById("'+ layerName + '")')) {eval('document.getElementById("'+layerName+'").style.visibility="visible"');}
	}
	function hideLayer(layerName) {
		if (eval('document.getElementById("'+ layerName + '")')) {eval('document.getElementById("'+layerName+'").style.visibility="hidden"');}
	}
	function dispLayer(layerName) {
		if (eval('document.getElementById("'+ layerName + '")')) {eval('document.getElementById("'+layerName+'").style.display="block"');}
	}
	function nodispLayer(layerName) {
		if (eval('document.getElementById("'+ layerName + '")')) {eval('document.getElementById("'+layerName+'").style.display="none"');}
	}
	
	//alle Layer einer Gruppe verbergen
	function hideAll(bereich,anzahl) {
		for(count=1; count <= anzahl; count++){
			eval('nodispLayer("' + bereich + count + '");');
		}	
	}
	
	function showAll(bereich,anzahl) {
		for(count=1; count <= anzahl; count++){
			eval('dispLayer("' + bereich + count + '");');
		}	
	}
	
	// Style setzen
	function setStyle(layerName,stil,wert) {
		if (eval('document.getElementById("'+ layerName + '")')) {eval('document.getElementById("'+layerName+'").style.' + stil + '="' + wert + '"');}
	}
	
		
	
//---------------------------------------------------------------------------------------	
// Schutzfunktionen
	// E-Mail-Adresse sichern
	var domains = new Array();
	domains[0] = 'westcoastvideo.de';
	
	function writeMail(dom,pre,klasse){
		document.write("<a ");
		if (klasse!='') document.write("class='" + klasse + "' ");
		document.write("href='mailto:" + pre + "@" + domains[dom] + "'>" + pre + "@" + domains[dom] + "</a>");
	}
	
	
//---------------------------------------------------------------------------------------	
// Seitenspezifische Funktionen
	
	// Navigations-Animation
	// init
	var gesamtBreiteE2 = 0;
	var zielPos = 0;
	var posAlt = 0;
	var breiteKorrektur = 0;
		
	// 1. init Stufe
	function initSlide(navnr,modus){
		
		// A. Spacerbreite E2 auf Breite E1 setzen
		setStyle('spacer' + navnr,'width',(eval('document.getElementById("E1v' + navnr + '").offsetWidth')-6) + 'px');
		
		// B. Gesamtbreite der Unternav ermitteln
		getGesamtBreite(navnr);

		// C. E2 auf Startposition und Startwert setzen
		if ((navnr!=1)&&(navnr!=5)) breiteKorrektur = 200; else breiteKorrektur = 100;
		setStyle('E2v' + navnr,'width',(gesamtBreiteE2+breiteKorrektur) + 'px'); // feste Breite um Umbruch zu verhindern
		gesamtBreiteE2 = -gesamtBreiteE2;
		// Navigation 1 und 5 ohne Slide direkt anzeigen
		if ((navnr==5) || (navnr==1)) posAlt=0;
		else {
			setStyle('E2v' + navnr,'left',(gesamtBreiteE2-50) + 'px');
			posAlt=gesamtBreiteE2;
		}
		setStyle('E2v' + navnr,'visibility','visible');
		
		// D. Unterscheidung: Modus 1-stufig, 2-stufig
		if (modus==2) zielPos = gesamtBreiteE2 + eval('document.getElementById("E2v' + navnr + 'last").offsetWidth');
		else		  zielPos = 0;
		
		// F. Slide starten
		slideE2(navnr,1);
	}
	
	// 2. init Stufe (bei Klick auf "Projekte")	
	function initSlide2(navnr){
		zielPos = gesamtBreiteE2;
		slideE2(navnr,2);
	}
	
	// Projekte Direkt-Oeffnung (kein Slide)
	function initNavPj(navnr){
		getGesamtBreite(navnr);
		gesamtBreiteE2 = -gesamtBreiteE2;
		zielPos = 0;
		setStyle('spacer' + navnr,'width',(eval('document.getElementById("E1v' + navnr + '").offsetWidth')-6) + 'px');
		setStyle('E2v' + navnr + 'last','display','none');
		setStyle('E2v' + navnr,'width','auto');
	}
	
	// Gesamtbreite der Unternav ermitteln, bei 2-stufiger Nav: letzten Punkt hinzuzählen
	function getGesamtBreite(navnr){
		for (i=1; i<100; i++){
			if (i < 10) tmp = '0' + i;	else tmp = i;
			if (eval('document.getElementById("E2v' + navnr + tmp + '")')) gesamtBreiteE2 = gesamtBreiteE2 + eval('document.getElementById("E2v' + navnr + tmp + '").offsetWidth');
			else break;
		}
		if (eval('document.getElementById("E2v' + navnr + 'last")')) gesamtBreiteE2 = gesamtBreiteE2 + eval('document.getElementById("E2v' + navnr + 'last").offsetWidth');	
	}
	
	function slideE2(navnr,step){
		// neuen Abstand berechnen
		abstand=(zielPos-posAlt)/3;
			
		// Abbruchbedingung
		if  ((Math.ceil(posAlt)!=zielPos) && 
			((Math.ceil(posAlt)-1)!=zielPos) && 
			((Math.ceil(posAlt)+1)!=zielPos) &&
			((Math.ceil(posAlt)-2)!=zielPos) && 
			((Math.ceil(posAlt)+2)!=zielPos)){ 	
				slidePos=posAlt + abstand;
				setStyle('E2v' + navnr,'left',slidePos + 'px');
				posAlt=posAlt + abstand;
				setTimeout("slideE2(" + navnr + "," + step + ")",40);
			}
		
		// auf exakten Wert Einrasten
		else {
			setStyle('E2v' + navnr,'left',zielPos + 'px');
			// Fehlerkorrektur IE7
			setStyle('E2v' + navnr,'display','none');
			setStyle('E2v' + navnr,'display','block');
			
			// falls 2-stufig, zweite Bewegung starten
			if (step==2){
				setStyle('E2v' + navnr + 'last','display','none');
				setStyle('E2v' + navnr,'width','auto');
				zielPos = 0;
				slideE2(navnr,1);
			}
		}
		
	}
	
	// -------------------------------------------------------------
	// Navigation Collapse/Expand
		
		var zielPosSave = 0;
		var navColl = 0;
	
		// Navigation ausblenden
			function collapseNav(navnr){
				
				// A. aktuelle Zielposition speichern (für Re-Expand)
				zielPosSave = zielPos;
				
				// B. E2 ausblenden
				setStyle('spacer' + navnr,'width','0px');
				zielPos = gesamtBreiteE2;
				slideE2(navnr,1);
				
				// C. E1 ausblenden
				for (i=1; i<6; i++){
					setStyle('E1v' + i,'width','0px');
					setStyle('E1v' + i + 'txt','display','none');
				}
				
				// D. Button tauschen
				setStyle('linkHideNav','display','none');
				setStyle('linkShowNav','display','inline');
				
				// E. selected Button einblenden
				setStyle('E2sel','display','block');
				
				// F. Marker für eingeklappte Nav setzen (über Seitensprung merken)
				navColl = 1;
			}
			
			
		// Navigation einblenden
			function expandNav(navnr){
				
				// A. selected Button ausblenden
				setStyle('E2sel','display','none');
				
				// B. E1 einblenden
				for (i=1; i<6; i++){
					setStyle('E1v' + i + 'txt','display','inline');
					setStyle('E1v' + i,'width','auto');
				}
				
				// C. E2 einblenden
				if (eval('document.getElementById("E1v' + navnr + '")')) setStyle('spacer' + navnr,'width',(eval('document.getElementById("E1v' + navnr + '").offsetWidth')-6) + 'px');
				zielPos = zielPosSave;
				slideE2(navnr,1);
				
				// D. Button tauschen
				setStyle('linkHideNav','display','inline');
				setStyle('linkShowNav','display','none');
				
				// E. Reset Marker
				navColl = 0;
			}
			
			
	// -------------------------------------------------------------
	// Team-Einträge aufziehen
		
		var teamTextsMax = new Array();
		var teamTextsNow = new Array();
		var teamcount = 1;
		var teamItems = 0;
		
		function initTeam(){
			while (eval('document.getElementById("tt' + teamcount + '")')){
				teamTextsMax[teamcount] = eval('document.getElementById("tt' + teamcount + '").offsetHeight');
				teamTextsNow[teamcount] = 0;
				setStyle('tt' + teamcount,'height','0px');
				teamItems = teamcount;
				teamcount++;
			}
		}
		
		function openTeam(nr){
			slideTeam(nr,1);
			document.getElementById("th" + nr).className = "teamheadSel";
			for (i=1; i<=teamItems; i++){
				if ((teamTextsNow[i]!=0)&&(i!=nr)){
					document.getElementById("th" + i).className = "teamhead";
					slideTeam(i,0);
				}
			}
		}
		
		function slideTeam(nr,direct){
			// öffnen
			if (direct==1){
				if (teamTextsNow[nr] < teamTextsMax[nr]){
					teamTextsNow[nr] = teamTextsNow[nr] + 20;
					setStyle('tt' + nr,'height', teamTextsNow[nr] + 'px');
					setTimeout("slideTeam(" + nr + "," + direct + ")",35);
				}
				else teamTextsNow[nr]=teamTextsMax[nr]; 
			}
			
			// schliessen
			else {
				if (teamTextsNow[nr] > 0){
					teamTextsNow[nr] = teamTextsNow[nr] - 20;
					setStyle('tt' + nr,'height', teamTextsNow[nr] + 'px');
					setTimeout("slideTeam(" + nr + "," + direct + ")",35);
				}
				else teamTextsNow[nr]=0; 
			}
		}
