// copyright by dq 180;
// autor heiko goeb 
//----------------------------------------------------------------------------------------------------

//----------------------------------------------------------------------------------------------------
//Bilder vorladen (optional)

//Blaetterpfeile
emptyimg= new Image();			emptyimg.src="img/pic_transparent.gif";
bl_vor0 = new Image();			bl_vor0.src="img/pic_pfeilbasic_vor.gif";
bl_vor1 = new Image();			bl_vor1.src="img/pic_pfeilevent_vor.gif";

bl_zur0 = new Image();			bl_zur0.src="img/pic_pfeilbasic_zurueck.gif";
bl_zur1 = new Image();			bl_zur1.src="img/pic_pfeilevent_zurueck.gif";

bl_str0 = new Image();			bl_str0.src="img/pic_strichbasic.gif";
bl_str1 = new Image();			bl_str1.src="img/pic_strichevent.gif";
bl_str2 = new Image();			bl_str2.src="img/pic_strichdoppel.gif";

scrbut_l0 = new Image();		scrbut_l0.src="img/pic_buttonscroll_lbasic.gif";
scrbut_l1 = new Image();		scrbut_l1.src="img/pic_buttonscroll_levent.gif";
scrbut_r0 = new Image();		scrbut_r0.src="img/pic_buttonscroll_rbasic.gif";
scrbut_r1 = new Image();		scrbut_r1.src="img/pic_buttonscroll_revent.gif";



// Globale System-Konstanten und Variablen
plattformPC = navigator.platform;
browserName = navigator.appName;


//----------------------------------------------------------------------------------------------------
//Funktionen fuer Bitmap-Bilder
//----------------------------------------------------------------------------------------------------
//Bilder tauschen
	function swapImage(where, to, ebene) { 
		if ((ebene) && (document.layers))	{eval('window.document.' + ebene + '.document.' + where + '.src=' + to + '.src');} // Netscape 4.x und bild in layer
		else 								{eval('window.document.' + where + '.src=' + to + '.src');}
	}

//Browseruebergreifendes Einsetzen von transparenten PNGs (Besser als GIF, da PNG farbunabh?gig ist)
	//Fuer die Darstellung im IE unter Windows, wird das Bild ueber eine CSS-Klassse und Filtern generiert
	function insertPNGPicture(dateiName,altText,hoehe,breite){
		if(navigator.appName!="Microsoft Internet Explorer" || plattformPC.substr(0,3)=="Mac"){
			document.write("<IMG src='" +dateiName+ "' alt='" +altText+ "' height='" +hoehe+ "' width='" +breite+ "' border='0'>");
		} 
	}
	
//----------------------------------------------------------------------------------------------------	
// Ebenenkontrolle 
//----------------------------------------------------------------------------------------------------
// Styleswitch und LayerRef ermoeglichen cross-browser objekt-referenz
// Funktionsaufruf fuer NS 4-Reload-Bug
	function initBrowser(){
		if (document.layers) { //NS 4.x
			layerStyleRef="layer.";
			layerRef="document.layers";
			styleSwitch="";
			ns6="";
		}
		else if (document.getElementById) { //NS 6, IE 5.x
			layerStyleRef="layer.";
			layerRef="document.getElementById(";
			styleSwitch=").style";
			ns6=")";
		}
		else {  //IE 4.x
			layerStyleRef="layer.style.";
			layerRef="document.all";
			styleSwitch=".style";
			ns6="";
		}
	}
	

// Netscape Layer Bug (Dreamweaver-Loesung)
	function MM_reloadPage(init) {  file:
	  if (init==true) with (navigator) {
		  	if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
		    	document.MM_pgW=innerWidth; 
				document.MM_pgH=innerHeight; 
				onresize=MM_reloadPage; 
			}
		}
	  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
	}
	//MM_reloadPage(true);


//-------------------------------------------------------------------------------------------------------
// Layer Funktionen - hide show relocate
//-------------------------------------------------------------------------------------------------------

// Layer zeigen - verbergen
	function showLayer(layerName) {
		initBrowser();  
		if(eval(layerRef + '["'+layerName+'"]' + ns6)) eval(layerRef + '["'+layerName+'"]' + styleSwitch + '.visibility="visible"');
	}
	function hideLayer(layerName) {
		initBrowser();
	   	if(eval(layerRef + '["'+layerName+'"]' + ns6)) eval(layerRef + '["'+layerName+'"]' + styleSwitch +'.visibility="hidden"');
	}

//alle Layer einer Gruppe verbergen
	function hideAll(bereich) {
		initBrowser();
		for(i=0; i<50; i++){		
			if (eval(layerRef + '["'+ bereich + i + '"]' + ns6)) {eval(layerRef + '["' + bereich + i + '"]' + styleSwitch +'.visibility="hidden"');}
		}	
	}
	
// Layer auf andere Position setzen
	function relocate(layerName,nach,richtung){
		initBrowser();
		if (richtung == 0)	{eval(layerRef + '["'+layerName+'"]' + styleSwitch + '.top=' + nach);}
		else 				{eval(layerRef + '["'+layerName+'"]' + styleSwitch + '.left=' + nach);}
	}


//-------------------------------------------------------------------------------------------------------
// STYLE SHEETS DYNAMISCH AENDERN
//-------------------------------------------------------------------------------------------------------

//StyleSheet-Kontrolle: Genaues Aendern einer CSS-Angabe, Tag mit ID
	function switchCSS(refTag, welchesAttr, neuerWert) {
		if (document.all) {
			//alert("all");
			eval("document.all."+ refTag +".style."+ welchesAttr + "='"+ neuerWert +"'");
		}
		else { 
	
			eval("document.getElementById('"+ refTag +"').style." + welchesAttr + "='"+ neuerWert +"'");
		}
	}

// Style Sheets nach Klassennamen aendern, Tag mit ID
	function switchClass(refTag,newClassName){
		initBrowser();
		if (document.getElementById(refTag)){
		 	eval(layerRef + '["'+refTag+'"]' + ns6+ ".className = '"+ newClassName +"'");
		} 
	}

//Schleife zum Aendern von mehreren gleichlautenden Id-Tags
function switchAllClass(refTag,newClassName){
	initBrowser();
	for (x=0;x<30;x++){
		target = refTag + x;
		if (eval(layerRef + '["'+refTag+x+'"]' + ns6)){
			eval(layerRef + '["'+refTag+x+'"]' + ns6+ ".className = '"+ newClassName +"'");
		}
	}
}

//Klasse aendern mit Tag-Name name='' 
function switchTagClass(refTag,newClassName,index){
		document.getElementsByName(refTag)[index].className = newClassName;
}

//Klasse aendern mit von allen Tag-Name name='' 
function switchTagAllClass(refTag,newClassName){
	initBrowser();
	for (x=0;x<=30;x++){
		if(document.getElementsByName(refTag)[x]){
			document.getElementsByName(refTag)[x].className = newClassName;
		}
	}
}

//-----------------------------------------------------------------------------------------------
// Fenster oeffnen
	function openWindow(neueURL,fenName) { //v2.0
 		 var mywin = window.open(neueURL,fenName,"width=578,height=451,top=10,left=30,resizable=no, scrollbars=no");
		 mywin.focus()
	}

// Spezielle Druckvorschau
// Auslesen des innerHTML von 'grund' - oeffnen eines neuen Fensters und einfuegen in das neue Fenster
function seiteDrucken(textRef){
	eval("fenster('../00_home/00_05_druckvorschau.html?"+textRef+"',550,0,0,3)");		
}


//-------------------------------------------------------------------------------------------------	
// Variable Blaetterfunktion
// Bilder fuer Blaetter-Pfeile muessen noch richtig beannt werden
//
// pfeilVor 		= 	Textvariable; HTML-Tag fuer Vorwaertspfeil
// pfeilZur 		= 	Textvariable; HTML-Tag fuer Zurueckspfeil
// scrollTarget		=	Textvariable;Textebene die gescrollt wird
// scrollCode		=	Textvariable; HTML-Code fuer die Seitenbuttons
// aktiveSeite		=	Nummer; Speicher fuer aktuell angezeigte Textseite; Standardwert 0
// maxSeiten		=	Nummer; Anzahl der anzuzeigenden Seitenbuttons; Standardwert 0; wird dyn. generiert
//-------------------------------------------------------------------------------------------------

aktiveSeite=0;
maxSeiten=1;

pfeilVor = "<a href='#' onmouseup='blaetternButtons(1);' onmouseover='changePfeil(0,1);' onmouseout='changePfeil(0,0);' onfocus='blur();'><img src='img/pic_pfeilbasic_vor.gif' name='pfeil_vor' width='12' height='10' alt='eine Seite vor' border='0'></a>";

pfeilZur = "<a href='#' onmouseup='blaetternButtons(0);' onmouseover='changePfeil(1,1);' onmouseout='changePfeil(1,0);' onfocus='blur();'><img src='img/pic_pfeilbasic_zurueck.gif' name='pfeil_zur' width='12' height='10' alt='eine Seite zurueck' border='0'></a>";

scrollTarget="scroller";

scrollCode = "<a id='blat0' style='display:none;' href='#' onmouseover='swapStrich(0,1);' onmouseout='swapStrich(0,0);' onmouseup='showPage(scrollTarget,0);' class='blaettern-aktiv' onfocus='blur();'><img src='img/pic_strichdoppel.gif' name='strich0' width='13' height='10' alt='Seite' border='0'></a><a id='blat1' style='display:none;' href='#' onmouseover='swapStrich(1,1);' onmouseout='swapStrich(1,0);' onmouseup='showPage(scrollTarget,1);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich1' width='13' height='10' alt='Seite' border='0'></a><a id='blat2' style='display:none;' href='#' onmouseover='swapStrich(2,1);' onmouseout='swapStrich(2,0);' onmouseup='showPage(scrollTarget,2);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich2' width='13' height='10' alt='Seite' border='0'></a><a id='blat3' style='display:none;' href='#' onmouseover='swapStrich(3,1);' onmouseout='swapStrich(3,0);' onmouseup='showPage(scrollTarget,3);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich3' width='13' height='10' alt='Seite' border='0'></a><a id='blat4' style='display:none;' href='#' onmouseover='swapStrich(4,1);' onmouseout='swapStrich(4,0);' onmouseup='showPage(scrollTarget,4);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich4' width='13' height='10' alt='Seite' border='0'></a><a id='blat5' style='display:none;' href='#' onmouseover='swapStrich(5,1);' onmouseout='swapStrich(5,0);' onmouseup='showPage(scrollTarget,5);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich5' width='13' height='10' alt='Seite' border='0'></a><a id='blat6' style='display:none;' href='#' onmouseover='swapStrich(6,1);' onmouseout='swapStrich(6,0);' onmouseup='showPage(scrollTarget,6);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich6' width='13' height='10' alt='Seite' border='0'></a><a id='blat7' style='display:none;' href='#' onmouseover='swapStrich(7,1);' onmouseout='swapStrich(7,0);' onmouseup='showPage(scrollTarget,7);' class='blaettern' onfocus='blur();'><img src='img/pic_strichbasic.gif' name='strich7' width='13' height='10' alt='Seite' border='0'></a>";

// Funktion zum highlighten der Striche
function swapStrich(ref,zustand){
	if (ref!=aktiveSeite)
	swapImage("strich"+ref,"bl_str"+zustand);
}


//Funktion fuer dynamisches Wechseln der Pfeilfarbe
function changePfeil(pfeilNr,imgRef){
	if (pfeilNr==0){
		swapImage("pfeil_vor","bl_vor"+imgRef)
	}
	if (pfeilNr==1){
		swapImage("pfeil_zur","bl_zur"+imgRef)
	}
}
//Blaettern mit Pfeilen
function blaetternButtons(wohin){
	if (wohin==1 && aktiveSeite<maxSeiten-1){
		neu = aktiveSeite+1;	
		for (x=0;x<=7;x++){		//switchAllClass("blat","blaettern");
			swapImage("strich"+x,"bl_str0");
		}		
		swapImage("strich"+neu,"bl_str2"); //switchClass("blat"+neu,"blaettern-aktiv");
		aktiveSeite = neu;
		showPage("scroller",aktiveSeite);	
		
	} else if (wohin==0 && aktiveSeite>0) {
		neu = aktiveSeite-1;
		for (x=0;x<=7;x++){		//switchAllClass("blat","blaettern");
			swapImage("strich"+x,"bl_str0");
		}
		swapImage("strich"+neu,"bl_str2"); //switchClass("blat"+neu,"blaettern-aktiv");
		aktiveSeite = neu;
		showPage("scroller",aktiveSeite);
	}
}


//Funktion zum dyn. Anpassen der angezeigten Blaettermenues
//Wird auch ueber fensterAnpassen() augerufen
function initBlaettern(){
	document.getElementById("blaettermenue").innerHTML="";
	aktiveSeite=0;
	//Blaettermenues anpassen
	if (document.getElementById("blaettermenue")){
		//Wenn blaettermenue vorhanden, dann ermittle Hoehe des dazugehoerigen Textes
		textHoehe = document.getElementById('scroller').scrollHeight;
		textBreite = document.getElementById('scroller').scrollWidth;
		//Berechung der Button-Anzahl und Anzeige der Buttons 
		anzahl = Math.ceil(textHoehe/242); //Zahl gibt die maximal angezeigte Texthoehe an
		
		maxSeiten = anzahl;		
		breiteSpalte = (13*anzahl)+1;
//alert(textHoehe+"-"+anzahl);	
		if (anzahl>1){
			document.getElementById("blaettermenue").innerHTML = "<table cellspacing='0' cellpadding='0' border='0'><tr><td style='padding-top:8;width:11px;'>" + pfeilZur + "</td><td style='padding-top:8;' width='"+breiteSpalte+"'>"+scrollCode+"</td><td style='padding-top:8;'>"+ pfeilVor+"</td></tr></table>";
			
			for (y=0;y<=7;y++){
				if(document.getElementById("blat"+y) && y<anzahl){
					switchCSS("blat"+y,"display","");
				} else if (document.getElementById("blat"+y) && y>=anzahl){
					switchCSS("blat"+y,"display","none");
				}
			}
		} else {
			document.getElementById("blaettermenue").innerHTML="";
		}
	}
}

//Blaettern ohne Layer ein-ausblenden, einfachste Variante
//Text kann innerhalb einer Ebene geschrieben werden
function showPage(wo,index){
	positionNeu = -242 * index; //Abstand muss noch genau gemessen werden
	relocate(wo,positionNeu,0);
	if (maxSeiten>1){
		for (x=0;x<=7;x++){		//switchAllClass("blat","blaettern");
			swapImage("strich"+x,"bl_str0");
		}
		swapImage("strich"+index,"bl_str2");//switchClass("blat"+index,"blaettern-aktiv");
	}
	aktiveSeite = index;
}



//--------------------------------------------------------------------------------------------------------
//Menuefunktionen
//--------------------------------------------------------------------------------------------------------

// Javascript gesteuerter Hover-Effekt fuer Menues mit definiertem name-Attribut
// nameDef		=	Wert des name-Attributs
// button-Ref	=	Indizierung des angesprochenen Buttons
// zustand		=	Event ein-, ausschalten
// buttonAktiv	= 	aktuell gewaehlter Hauptbutton
// naviebene	=	Hierarchie in der Navigation

var buttonAktiv0 = -1;
var buttonAktiv1 = -1;
var buttonAktiv2 = -1;
var picAktiv 	= -1;
var picTarget	= "";
var logosOnOff  = 0;

function buttonOnOff(nameDef,buttonRef,zustand,naviebene){
	if (naviebene == 0){ // Hauptmenue
		if (zustand==0 && buttonRef!=buttonAktiv0){
			switchTagClass(nameDef,"mOff",buttonRef);
		}
		else if (zustand==1 && buttonRef!=buttonAktiv0){
			switchTagClass(nameDef,"mOn",buttonRef);
		}
	} else if (naviebene == 1){ //Subnavigation
		if (zustand==0 && buttonRef!=buttonAktiv1){
			switchTagClass(nameDef,"mOff1",buttonRef);
		}
		else if (zustand==1 && buttonRef!=buttonAktiv1){
			switchTagClass(nameDef,"mOn1",buttonRef);
		}
	} else if (naviebene == 2){ //Subnavigation
		if (zustand==0 && buttonRef!=buttonAktiv2){
			switchClass("sbut"+nameDef+"_"+buttonRef,"mOff1");
		}
		else if (zustand==1 && buttonRef!=buttonAktiv2){
			switchClass("sbut"+nameDef+"_"+buttonRef,"mOn1");
			//switchTagClass(nameDef,"mOn1",buttonRef);
		}
	} 
}

// Liest den aktuellen Text ein, zeigt Blaettermenue
// ref 		=	Referenz fuer Hauptmenue und Untermenue
// tagsID	=	'name'-Bezeichnung
// subnavIndex	=	Untermenue oeffnen oder nicht: ja = 1; nein = 0 oder keine Angabe im HTML
function openChapter(ref,tagsID,subnavIndex){	
	switchCSS("mengentext", "height", 239);
	switchCSS("mengentext_tab", "width", 380);  
	switchTagAllClass("hauptbut","mOff");
	//switchTagAllClass("subbut2","mOff1");
	switchTagAllClass("subbut3","mOff1");
	switchTagAllClass("subbut5","mOff1");
	hideLayer("karte");
	hideLayer("bildposition");
	hideLayer("bildmenue");
	hideLayer("back_referenz");
	hideLayer("ref_infotext");
	hideLayer("pfeilscroller");
	document.getElementById("infotext").innerHTML="";
	

	//Refpicture-Buttons resetten
	switchAllClass("pbutton","versteckt");
	
	picAktiv = -1;
	picTarget = "";
	
	//Welcher Button wurde in der Navigation gewaehlt, andere resetten
	buttonAktiv0 = ref;
	buttonAktiv1 = -1;
	buttonAktiv2 = -1;
	
	hideAll("subnav");
	hideAll("subsubnav5");
	swapImage("pic_ref","rp_");	

	//Texte einbauen allgemein
	document.getElementById("copytext").innerHTML= "";
	document.getElementById("headline").innerHTML= "<h1>"+headText[ref]+"</h1>";


	//Hauptbutton auf Weiss setzen
	switchTagClass("hauptbut","mOn",ref);
	
	
		// Texte einblenden
		document.getElementById("copytext").innerHTML= copyText[ref];
		initBlaettern();
		showPage("scroller",0)
		
		//Referenz-Abdeckung
		if (ref==5){
			showLayer("back_referenz");
			showLayer("ref_infotext");
		} 

	
	//Anzeigen von Unterbuttons
	aktuellesSubnav = ref;
	if (subnavIndex==1){
	   hideAll("subnav");
	   showLayer ("subnav"+ref);
	}	
	
	//Hintergrundbild wechseln
	//spaeter auf Flash pruefen
	//swapImage("image_bgr","pic_back_"+ref,"flash");
}

// Oeffnet Anfrageformular in neuem Fenster
 function showForm(ref){
 	if (ref==0){
		openWindow("doc_kontaktformular.html","fenster1");
	} else {
		openWindow("doc_kontaktformular_en.html","fenster1");
	}
 }

// Oeffnet Bewertungsformular in neuem Fenster
 function showFormDQ(){
	openWindow("doc_bewertungsformular.php","fenster1");
 }


//----------------------------------------------------------------
// Anzeigen der Referenzen
//----------------------------------------------------------------

function openRefsmenue(index){
	switchTagAllClass("subbut5","mOff1");
	switchTagAllClass("subbut50","mOff1");
	switchTagAllClass("subbut51","mOff1");
	switchTagAllClass("subbut52","mOff1");
	hideAll("subsubnav5");
	showLayer("subsubnav5"+index);
	buttonAktiv1 = index;
	buttonAktiv2 = -1;
	logosOnOff = 0;
	//Button auf Weiss setzen
	switchTagClass("subbut5","mOn1",index);	
}

function openPicturemenue(navindex,buttonindex,referenzindex,bildanzahl,wwwlink,wwwadresse){
	switchAllClass("pbutton","versteckt");
	relocate("bildscroller",0,1);
	
	koord = 0;
	scrollSperre = 1;
	
	//alle Subbuttons zuruecksetzen name="subbut4"+navindex
	if(navindex!=3){
		switchTagAllClass("subbut5"+navindex,"mOff1");
	}
	showLayer("bildposition");
	showLayer("bildmenue");
	
	//Button auf Weiss setzen
	buttonAktiv2 = buttonindex;
	if(navindex!=3){
		//switchTagClass("subbut4"+navindex,"mOn1",buttonindex);	
		switchClass("sbut5"+navindex+"_"+buttonindex, "mOn1")
	}
	
	//Zielvariable 
	if (referenzindex<10){
		picTarget = "0"+navindex+"_0"+referenzindex+"_0";
	} else {
		picTarget = "0"+navindex+"_"+referenzindex+"_0";
	}
	
	//Erstes Bild einsetzen
	if (referenzindex<10){
		swapImage("pic_ref","rp_0"+navindex+"_0"+referenzindex+"_00");	
	} else {
		swapImage("pic_ref","rp_0"+navindex+"_"+referenzindex+"_00");	
	}		
	picAktiv = 0;
	
	//Menue aufbauen
	for (x=0;x<bildanzahl;x++){
		swapImage('button_'+x,'picbut0');
		switchClass("pbutton"+x,"anzeige");
	}
	swapImage('button_0','picbut2');

	//Verlinkung zu Website einsetzen
	if (wwwlink==0){
		switchClass("verlinkung","versteckt");
		document.getElementById("verlinkung").innerHTML="";
		//Infotext zu Referenz einbauen	
		textaktuell = eval("text_ref"+navindex)[referenzindex];
		document.getElementById("infotext").innerHTML=textaktuell;
		//alert(textaktuell);
		logosOnOff = 0;
	} else if (wwwlink==1){
		//Infotext zu Referenz einbauen	
		textaktuell = eval("text_ref"+navindex)[referenzindex];
		document.getElementById("infotext").innerHTML=textaktuell;
		switchClass("verlinkung","anzeige");
		document.getElementById("verlinkung").innerHTML="&nbsp;<a href='http://"+wwwadresse+"' target='_blank' class='textlink' onfocus='blur();' style='font-weight:bold; line-height:17px;'>"+wwwadresse+"</a><br><br>";
		logosOnOff = 0;
	} else if (wwwlink==2) { //Sonderfall fuer Logos; aendert Beschreibungstext; navindex=0; buttonindex=10;
		switchClass("verlinkung","versteckt");
		document.getElementById("verlinkung").innerHTML="";
		document.getElementById("infotext").innerHTML=text_logos[0];	
		logosOnOff = 1;
	}	
	
}

function picbuttonOnOff(bildref,zustand){
	if (zustand==0 && bildref!=picAktiv){
		swapImage('button_'+bildref,'picbut0');
	}
	else if (zustand==1 && bildref!=picAktiv){
		swapImage('button_'+bildref,'picbut1');
	}
}

function wechselRefbilder(welchesBild){
	swapImage('button_'+picAktiv,'picbut0');
	swapImage('button_'+welchesBild,'picbut2');
	picAktiv = welchesBild;
	swapImage("pic_ref","rp_"+picTarget+welchesBild);			
	relocate("bildscroller",0,1);
	koord = 0;
	scrollSperre = 1;
	
	//Beschreibungstext fuer Bereich Schrift
	if (buttonAktiv1==3){
		textaktuell = text_ref3[welchesBild];
		document.getElementById("infotext").innerHTML=textaktuell;	
	}
	
	if (logosOnOff==1){
		textaktuell = text_logos[welchesBild];
		document.getElementById("infotext").innerHTML=textaktuell;	
	}
}

// Scrollen sehr breiter Bilder
//----------------------------------------------------------------------------------------------------
var koord = 0;
var scrollSperre = 1;
function scrollBild(divID,bildbreite,wohin){
	schrittweite = 15;
	if (wohin==0 && Math.abs(koord)<=(bildbreite-400) ) { //nach links bewegen
		koord = koord - schrittweite;
		relocate(divID,koord,1);
	} else if (wohin==1 && Math.abs(koord)<=bildbreite && koord!=0){ //nach rechts bewegen
		koord = koord + schrittweite;
		relocate(divID,koord,1);
	}	
	
	if (scrollSperre != 1){
		setTimeout("scrollBild('"+divID+"',"+bildbreite+","+wohin+")",100);
	}
}

function startStopScroll(divID,bildbreite,wohin,onOff){
	if (onOff==1){
		scrollSperre = 0;
		scrollBild(divID,bildbreite,wohin);
	} else {
		scrollSperre = 1;
	}
}


//	Tabellen in der Skill Uebersicht aufbauen
// ref: Verweis auf die Arrays in texte.js
// table_kopf: HTML Tags fuer die Tabelle mit colgroup
// table_fuss: HTML fuer Legende und End-Tag </table>

table_kopf =  "<table class='skills_tabelle'><colgroup><col width='121'><col width='280'></colgroup>";
table_fuss =  "<tr><td class='skills_td_head'>&nbsp; </td><td class='skills_td_value1'>0<span style='margin-left:128px;'>50</span><span style='margin-left:102px;'>100%</span></td></tr></table><br>";

function buildSkillTable(ref){
	//Button highlighten
	switchTagAllClass("subbut3","mOff1");
	buttonAktiv1 = ref;
	switchTagClass("subbut3","mOn1",ref);
		
	//Textebene ausnahmsweise vergroessern
	switchCSS("mengentext", "height", 305); 
	switchCSS("mengentext_tab", "width", 401); 
	
	//Weiche zu den Arrays
	array_ref ="";
	
	switch (ref) {	
		case 0:
			array_ref = "design";
			break;
			
		case 1:
			array_ref = "software";
			break;
			
		case 2:
			array_ref = "programm";
			break;
			
		case 3:	
			array_ref = "sprachen";
			break;
	}
	
	//Tabellenzeilen
	table_zeile = "";
	anzahl = eval("skill_"+array_ref).length;

	for (x=0; x<anzahl; x++){
		bildbreite = Math.round(273*eval("skill_"+array_ref+"_values")[x]/100);
		table_zeile += "<tr><td class='skills_td_head'>"+ eval("skill_"+array_ref)[x] + "</td><td class='skills_td_value'><img src='img/clr_cyan.png' width='" + bildbreite+ "' alt=''></td></tr>";
	}

	//Tabelle einfuegen
	document.getElementById("copytext").innerHTML = table_kopf + table_zeile + table_fuss;
}

//----------------------------------------------------------------------------------------------------
//
// Funktionen der Formulare
//
//----------------------------------------------------------------------------------------------------

//Hilfetext ein-/ausblenden
function showHilfetext(onoff,textNr){
	if (onoff==0){
		hideLayer("hilfe_flaeche");
		hideLayer("back_hilfe");
		document.getElementById("text_hilfe").innerHTML = "";
	} 
	else if (onoff==1){
		document.getElementById("text_hilfe").innerHTML = hilfetexte[textNr] + "<br><br><a class='textlink' href='#' onfocus='blur()' onmouseup='showHilfetext(0,6);'>Zur&uuml;ck</a>";
		showLayer("hilfe_flaeche");
		showLayer("text_hilfe");		
	}
}


//	Berechnen des Designquotienten
// 	Steuert das Auswahlmenue und die Kennzeichnung der vregebenen Note 
//	aktive Farbe				:	Hintergrundfarbe zur Auszeichnung
//	vergebeneNoten				:	Array als Zwischenspeicher der indiv. Noten, Position im jew. Array
//	arrayBenotung				: 	Array der Notenabstufung
//	arrayPlusMinus				: 	Array der Notenabstufung
//	Arrays der Kategoriepunkte	:	punkteK0, ... , punkteK4  (Vergabe von 1plus nach 6minus)
//----------------------------------------------------------------------------------------------------
aktiveFarbe = "#fc7b38";
vergebeneNoten = new Array(-1,-1,-1,-1,-1);
arrayPlusMinus = new Array(3,3,3,3,3);
gesamtWertDQ = 0;

arrayBenotung = new Array("Eins Plus","Eins","Eins Minus","Zwei Plus","Zwei","Zwei Minus","Drei Plus","Drei","Drei Minus","Vier Plus","Vier","Vier Minus","F&uuml;nf Plus","F&uuml;nf","F&uuml;nf Minus","Sechs Plus","Sechs","Sechs Minus");

punkteK0 = new Array(30,29,27,26,24,23,21,20,18,17,15,14,12,10,9,8,6,0);
punkteK1 = new Array(20,19,18,17,16,15,14,13,12,11,10,9,8,7,6,5,4,0);
punkteK2 = new Array(30,29,27,26,24,23,21,20,18,17,15,14,12,10,9,8,6,0);
punkteK3 = new Array(40,38,36,34,32,30,28,26,24,22,20,18,16,14,12,10,8,0);
punkteK4 = new Array(80,76,72,68,64,60,56,52,48,44,40,36,32,28,24,20,16,0);


//	Note abgeben
//	woRef	:	Welches Kriterium
//	notePos	:	Wo im Array steht die Note
//----------------------------------------------------------------------------------------------------
function noteSetzen(index,woRef,notePos){
	
	//Note ein oder ausschalten
	for (x=0;x<=5;x++){
		switchCSS("n"+woRef+"_bt"+x,"backgroundColor","");
	}
	
	if (vergebeneNoten[woRef]==notePos || vergebeneNoten[woRef]==notePos+1 || vergebeneNoten[woRef]==notePos-1){
		//schaltet note und plus/minus aus und setzt die Werte zurueck
		for (x=0;x<=1;x++){
			switchCSS("pm"+woRef+"_bt"+x,"backgroundColor","");
		}
		vergebeneNoten[woRef]=-1;
		arrayPlusMinus[woRef]=3;
		
	} else {
		switchCSS("n"+woRef+"_bt"+index,"backgroundColor",aktiveFarbe);
		
		vergebeneNoten[woRef]=notePos;
		
	}
	gesamtWertDQ=0;
	dqBerechnen();
}

function pmSetzen(woRef,nr){
	for (x=0;x<=1;x++){
		switchCSS("pm"+woRef+"_bt"+x,"backgroundColor","");
	}
	
	if (arrayPlusMinus[woRef]==nr){
		for (x=0;x<1;x++){
			switchCSS("pm"+woRef+"_bt"+x,"backgroundColor","");
		}
		arrayPlusMinus[woRef]=3;
		
	} else {
		arrayPlusMinus[woRef]=nr;
		switchCSS("pm"+woRef+"_bt"+nr,"backgroundColor",aktiveFarbe);
	}
	
	gesamtWertDQ=0;
	dqBerechnen();
}


function dqBerechnen(){
	for (x=0;x<vergebeneNoten.length;x++)
	{
		if (vergebeneNoten[x]!=-1)
		{
			pos = vergebeneNoten[x];

			//Ist plus oder minus ein
			if (document.getElementById("pm"+x+"_bt0").style.backgroundColor == "rgb(252, 123, 56)" || document.getElementById("pm"+x+"_bt0").style.backgroundColor == "#fc7b38")
			{
				pos--;
			} 
			
			if (document.getElementById("pm"+x+"_bt1").style.backgroundColor == "rgb(252, 123, 56)" || document.getElementById("pm"+x+"_bt1").style.backgroundColor == "#fc7b38")
			{
				pos++;
			} 
			
			gesamtWertDQ = gesamtWertDQ + eval("punkteK"+x)[pos];
			//Einzelnoten einfuegen
			neueNote = arrayBenotung[pos];
			eval("document.formular.kr"+x+".value = '" + neueNote + "'");
		}
	}
	document.getElementById("ph_dq").innerHTML = "dq " + gesamtWertDQ;
	document.formular.dqwert.value = gesamtWertDQ;
}