// JavaScript Document
function tab1()
	{

		document.getElementById("symTab1").className="tabNavContent green show";
		document.getElementById("symTab2").className="tabNavContent green hide";
		document.getElementById("symTab3").className="tabNavContent green hide";
		document.getElementById("symTab4").className="tabNavContent green hide";
		
		document.getElementsByName("tabButton1")[0].className="waschen active";		
		document.getElementsByName("tabButton2")[0].className="trocknen";		
		document.getElementsByName("tabButton3")[0].className="bleichen";		
		document.getElementsByName("tabButton4")[0].className="chemisch";				
	}

	function tab2()
	{
		document.getElementById("symTab1").className="tabNavContent green hide";
		document.getElementById("symTab2").className="tabNavContent green show";
		document.getElementById("symTab3").className="tabNavContent green hide";
		document.getElementById("symTab4").className="tabNavContent green hide";
		
		document.getElementsByName("tabButton1")[0].className="waschen";		
		document.getElementsByName("tabButton2")[0].className="trocknen active";		
		document.getElementsByName("tabButton3")[0].className="bleichen";		
		document.getElementsByName("tabButton4")[0].className="chemisch";		
	}

	function tab3()
	{
		document.getElementById("symTab1").className="tabNavContent green hide";
		document.getElementById("symTab2").className="tabNavContent green hide";
		document.getElementById("symTab3").className="tabNavContent green show";
		document.getElementById("symTab4").className="tabNavContent green hide";
		
		document.getElementsByName("tabButton1")[0].className="waschen";		
		document.getElementsByName("tabButton2")[0].className="trocknen";		
		document.getElementsByName("tabButton3")[0].className="bleichen active";			
		document.getElementsByName("tabButton4")[0].className="chemisch";		
	}
	
	
	function tab4()
	{
		document.getElementById("symTab1").className="tabNavContent green hide";
		document.getElementById("symTab2").className="tabNavContent green hide";
		document.getElementById("symTab3").className="tabNavContent green hide";
		document.getElementById("symTab4").className="tabNavContent green show";
		
		document.getElementsByName("tabButton1")[0].className="waschen";		
		document.getElementsByName("tabButton2")[0].className="trocknen";		
		document.getElementsByName("tabButton3")[0].className="bleichen";		
		document.getElementsByName("tabButton4")[0].className="chemisch active";			
	}	
	
	function iconDef(tabId,iconDef)
	{
	
/*		document.getElementById(tabId).innerHTML = "<strong style='color:#f00;'>Pflegesymbol Bedeutung: </strong>" + iconDef;*/
		document.getElementById(tabId).innerHTML = "<strong style='color:#f00;'> "+ iconDef + "</strong>";
	
	}
	
	/* -- Washicon Toy -- */
	
	var NUMBER_OF_WASH_ICONS = 5;
	
	var washIconSelection = new Array();
	
	var washIconTexts = new Array();
	
	washIconTexts['symTab1Icon1'] = '...im Normalwaschgang bis zu einer Temperatur von 95° gewaschen werden.';
	washIconTexts['symTab1Icon2'] = '...im Normalwaschgang bis zu einer Temperatur von 60° gewaschen werden.';
	washIconTexts['symTab1Icon3'] = '...im Normalwaschgang bis zu einer Temperatur von 40° gewaschen werden.';
	washIconTexts['symTab1Icon4'] = '...im Spezial-Schonwaschgang bis zu einer Temperatur von 40° gewaschen werden.';
	washIconTexts['symTab1Icon5'] = '...per Hand bis maximal 40° gewaschen werden.';
	washIconTexts['symTab1Icon6'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 95° gewaschen werden.';
	washIconTexts['symTab1Icon7'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 60° gewaschen werden.';
	washIconTexts['symTab1Icon8'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 40° gewaschen werden.';
	washIconTexts['symTab1Icon9'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 30° gewaschen werden.';
	washIconTexts['symTab1Icon10'] = '...nicht gewaschen, aber chemisch gereinigt werden.';
	washIconTexts['symTab1Icon11'] = '...im Normalwaschgang bis zu einer Temperatur von 20° gewaschen werden.';
	washIconTexts['symTab1Icon12'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 20° gewaschen werden.';
	washIconTexts['symTab1Icon13'] = '...im Normalwaschgang bis zu einer Temperatur von 30° gewaschen werden.';	
	washIconTexts['symTab1Icon14'] = '...im Spezialschonwaschgang bis zu einer Temperatur von 30° gewaschen werden.';	
	washIconTexts['symTab1Icon15'] = '...im Spezialschonwaschgang bis zu einer Temperatur von 40° gewaschen werden.';	
	
	washIconTexts['symTab2Icon1'] = '...heiß, d.h. bis maximal 200°C, gebügelt werden.';
	washIconTexts['symTab2Icon2'] = '...mäßig heiß, d.h. bis maximal 150°C, gebügelt werden.';
	washIconTexts['symTab2Icon3'] = '...nicht heiß, d.h. bis maximal 110°C, und besser ohne Dampf, gebügelt werden.';
	washIconTexts['symTab2Icon4'] = '...nicht gebügelt werden.';
	washIconTexts['symTab2Icon5'] = '...ganz normal im Wäschetrockner getrocknet werden.';
	washIconTexts['symTab2Icon6'] = '...im Schonprogramm des Wäschetrockners getrocknet werden.';
	washIconTexts['symTab2Icon7'] = '...nicht im Trockner getrocknet werden.';
	
	washIconTexts['symTab3Icon1'] = '...sowohl mit Chlor- als auch mit Sauerstoffbleiche (beispielsweise Universalwaschmittel) behandelt werden.';
	washIconTexts['symTab3Icon2'] = '...mit Sauerstoffbleiche (beispielsweise Universalwaschmittel) behandelt werden.';
	washIconTexts['symTab3Icon3'] = '...nicht mit Bleiche behandelt werden, d.h. mit Color- und Feinwaschmittel gewaschen werden.';

	washIconTexts['symTab4Icon4'] = '...Kleidungsstücke mit dem Kreissymbol dürfen nur in einer Reinigung gereinigt werden.';
	washIconTexts['symTab4Icon5'] = '...nicht chemisch gereinigt werden.';
	washIconTexts['symTab4Icon6'] = '...nicht einer "Nassreinigung" unterzogen werden.';

	washIconTexts['symTab4Icon7'] = '...mit den L&ouml;sungsmitteln R113 und Kohlenwasserstoff gereinigt werden.';
	washIconTexts['symTab4Icon8'] = '...mit den L&ouml;sungsmitteln R113 und Kohlenwasserstoff gereinigt werden, mit Einschr&auml;nkungen bei Temperatur und Feuchtigkeitszugabe.';
	washIconTexts['symTab4Icon9'] = '...mit den L&ouml;sungsmitteln Perchlorethylen, Kohlenwasserstoff, R113 und R11 gereinigt werden.';
	washIconTexts['symTab4Icon10'] = '...mit den L&ouml;sungsmitteln Perchlorethylen, Kohlenwasserstoff, R113 und R11 gereinigt werden, mit Einschr&auml;nkungen bei Temperatur und Feuchtigkeitszugabe.';
	washIconTexts['symTab4Icon11'] = '...im Nassreinigungsverfahren behandelt werden.';
	washIconTexts['symTab4Icon12'] = '...im Nassreinigungsverfahren mit einer Beschr&auml;nkung der mechanischen Beanspruchung behandelt werden.';


	function getWashIcon(index) {
		var elm = document.getElementById('washIcon' + index);
		if(elm != null) {
			return elm;
		}
		return null;
	}
	
	function removeFromWashIconSelection(className) {
		var tmpArray = new Array();
		
		for(var i in washIconSelection) {
			if(washIconSelection[i] != className) {
				tmpArray.push(washIconSelection[i]);
			}
		}
		
		washIconSelection = tmpArray;	
		buildWashIcons();
	}
	
 	function addToWashIconSelection(className)
 	{
 		if(washIconSelection.length < NUMBER_OF_WASH_ICONS) {
 			washIconElement = getWashIcon(washIconSelection.length);
 			if(washIconElement != null && !isAlreadySelected(className)) { 				
 				washIconSelection.push(className);
 				buildWashIcons(); 		
 			}
 		}
 	}
  
  	function isAlreadySelected(className)
  	{
  		for(var key in washIconSelection) {
  			if(washIconSelection[key] == className) {
  				return true;
  			}
  		}
  		return false;
  	}
  	
  	function isEmpty() {
  		return (washIconSelection.length == 0);
  	}
  	
  	function buildWashIcons()
  	{
  		for(var i=0;i<NUMBER_OF_WASH_ICONS;i++) {
			var washIconElement = getWashIcon(i);
			if(washIconElement != null) {
				if(washIconSelection[i] != null) {
					washIconElement.innerHTML = '<a class="' + washIconSelection[i] + '" href="#" onclick="removeFromWashIconSelection(this.className)"><img src="/pics/blind.gif" width="46" height="40" /></a>';
				}else{
					washIconElement.innerHTML = '<img src="/pics/pi_washicon_empty.gif" width="46" height="40" />'; 	
				}
			}
		}	
  	}
  	
  	function buildOracleText()
  	{
  		var text = '';
  		
  		if(isEmpty()) {
  			text += '<h3>Pflegeanleitung:</h3>';
			text += '<p>Stellen Sie sich eine persönliche Pflegeanleitung für Ihre Kleidungsstücke zusammen, indem Sie links unten die Symbole auswählen, die Sie auf den eingenähten Etiketten in Ihrer Wäsche finden und anschließend den Button "Anzeigen" anklicken.</p>';
			text += '<p>Unser Waschsymbol-Orakel verrät Ihnen dann die optimale Pflegeanleitung für Ihr Wäschestück.</p>';
		} else {
	  		text = '<h3>Das Textil kann...<br /></h3>';
	  		
	  		for(var i in washIconSelection) {
				if(washIconTexts[washIconSelection[i]] != null) {
					text += '<p>' + washIconTexts[washIconSelection[i]] + '</p>';
				}
			}
			
			text += '<ul class="moreLnk"><li><a href="#" onclick="window.print();">Drucken</a><!--&nbsp;<a href="javascript:hilfe();" class="noPic"><img src="/pics/ico_info.gif" /></a>--></li><li><a href="#" onclick="resetWashIcon()">Das Wasch-Orakel erneut befragen</a></li></ul>';
		}
		
		washIconResultElement = document.getElementById('washiconColFoot');
			
		washIconResultElement.innerHTML = text;
		//washIconResultElement.style.height = 'auto';
  	}
  	
  	function resetWashIcon()
  	{
  		washIconSelection = new Array();  		
  		buildWashIcons();
  		buildOracleText();
  	}
	
	function hilfe() {
		var width  = 400;
		var height = 130;
		var y = (screen.availHeight - height) /2;
		var x = (screen.availWidth - width) /2;
		var micro = window.open('03_03_hilfe.php','micro','resizable=0,scrollbars=0,status=0,location=0,width='+width+',height='+height+', top='+y+',left='+x);
		micro.focus();
	}