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="active";		
	document.getElementsByName("tabButton2")[0].className="";		
	document.getElementsByName("tabButton3")[0].className="";		
	document.getElementsByName("tabButton4")[0].className="";				
}

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="";		
	document.getElementsByName("tabButton2")[0].className="active";		
	document.getElementsByName("tabButton3")[0].className="";		
	document.getElementsByName("tabButton4")[0].className="";		
}

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="";		
	document.getElementsByName("tabButton2")[0].className="";		
	document.getElementsByName("tabButton3")[0].className="active";			
	document.getElementsByName("tabButton4")[0].className="";		
}


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="";		
	document.getElementsByName("tabButton2")[0].className="";		
	document.getElementsByName("tabButton3")[0].className="";		
	document.getElementsByName("tabButton4")[0].className="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&deg; gewaschen werden';
washIconTexts['symTab1Icon2'] = '...im Normalwaschgang bis zu einer Temperatur von 60&deg; gewaschen werden';
washIconTexts['symTab1Icon3'] = '...im Normalwaschgang bis zu einer Temperatur von 40&deg; gewaschen werden';
washIconTexts['symTab1Icon4'] = '...im Spezial-Schonwaschgang bis zu einer Temperatur von 40&deg; gewaschen werden';
washIconTexts['symTab1Icon5'] = '...per Hand bis maximal 40&deg; gewaschen werden';
washIconTexts['symTab1Icon6'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 95&deg; gewaschen werden';
washIconTexts['symTab1Icon7'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 60&deg; gewaschen werden';
washIconTexts['symTab1Icon8'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 40&deg; gewaschen werden';
washIconTexts['symTab1Icon9'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 30&deg; gewaschen werden';
washIconTexts['symTab1Icon10'] = '...kann nicht gewaschen, aber chemisch gereinigt werden.';
washIconTexts['symTab1Icon11'] = '...im Normalwaschgang bis zu einer Temperatur von 20&deg; gewaschen werden';
washIconTexts['symTab1Icon12'] = '...im Schonwaschgang, z.B. Fein- oder Pflegeleichtprogramm, bis zu einer Temperatur von 20&deg; gewaschen werden.';

washIconTexts['symTab2Icon1'] = '...heiß, d.h. bis maximal 200&deg;C, geb&uuml;gelt werden';
washIconTexts['symTab2Icon2'] = '...m&auml;ßig heiß, d.h. bis maximal 150&deg;C, geb&uuml;gelt werden';
washIconTexts['symTab2Icon3'] = '...nicht heiß, d.h. bis maximal 110&deg;C, und besser ohne Dampf, geb&uuml;gelt werden';
washIconTexts['symTab2Icon4'] = '...nicht geb&uuml;gelt werden';
washIconTexts['symTab2Icon5'] = '...ganz normal im W&auml;schetrockner getrocknet werden';
washIconTexts['symTab2Icon6'] = '...im Schonprogramm des W&auml;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&uuml;cke mit dem Kreissymbol d&uuml;rfen nur in einer Reinigung gereinigt werden.';
washIconTexts['symTab4Icon5'] = '...der durchgestrichene leere Kreis bedeutet, dass Chemischreinigung nicht m&ouml;glich ist.';
washIconTexts['symTab4Icon6'] = '...der durchgestrichene gef&uuml;llte Kreis heißt "Keine Nassreinigung m&ouml;glich".';

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="http://www.meinshop15.de/images/blind.gif" width="46" height="40" /></a>';
			}else{
				washIconElement.innerHTML = '<img src="http://www.meinshop15.de/images/pi_washicon_empty.gif" width="46" height="40" />'; 	
			}
		}
	}	
}

function buildOracleText()
{
	var text = '';
	
	if(isEmpty()) {
		text += '<strong>Ihre Pflegeanleitung:</strong>';
		text += '<p>Individuelle Informationen zur Pflege Ihrer Kleidungsst&uuml;cke. W&auml;hlen Sie oben die Symbole aus, die Sie auf den eingen&auml;hten Etiketten in Ihrer W&auml;sche finden und klicken Sie anschließend den Button "Anzeigen".</p>';
		text += '<p>Die Erkl&auml;rung der ausgew&auml;hlten Waschsymbole erscheint in dieser Box.</p>';
	} else {
  		text = '<strong>Ihr Kleidungsst&uuml;ck kann...<br /></strong>';
  		
  		for(var i in washIconSelection) {
			if(washIconTexts[washIconSelection[i]] != null) {
				text += '<p>' + washIconTexts[washIconSelection[i]] + '</p>';
			}
		}
		
		text += '<ul class="verteiler"><li><a href="#" onclick="window.print();">Drucken</a>&nbsp;<a href="javascript:hilfe();"><img src="pics/ico_info.gif" /></a></li><li><a href="#" onclick="resetWashIcon()">Neue Eingabe</a></li></ul>';
	}
	
	washIconResultElement = document.getElementById('washiconColRight');
		
	washIconResultElement.innerHTML = text;
}

function resetWashIcon()
{
	washIconSelection = new Array();  		
	buildWashIcons();
	buildOracleText();
}
