function mode_wechseln(modenr, set) {
// 1: linie, 2: muster, 3: blume, 4: bommel
	if (set==false){mode = modenr;}
	
	if (mode == 1) {
		document.getElementById("werkzeugkasten_linie").style.backgroundImage="url(img/sidebar_werkzeuge_linie_all.png)";
		document.getElementById("werkzeugkasten_muster").style.backgroundImage="url(img/sidebar_werkzeuge_muster.png)";
		document.getElementById("werkzeugkasten_blume").style.backgroundImage="url(img/sidebar_werkzeuge_blume.png)";
		document.getElementById("werkzeugkasten_bommel").style.backgroundImage="url(img/sidebar_werkzeuge_bommel.png)";
		document.getElementById("auswahlfarbe").style.display="inline";
		document.getElementById("auswahlfarbe_1").style.display="none";
		document.getElementById("auswahlfarbe_2").style.display="none";
		document.getElementById("musterkasten").style.display="none";
		picked_active_color_feld = 1;
		
	}
	if (mode == 2) {
		document.getElementById("werkzeugkasten_linie").style.backgroundImage="url(img/sidebar_werkzeuge_linie.png)";
		document.getElementById("werkzeugkasten_muster").style.backgroundImage="url(img/sidebar_werkzeuge_muster_all.png)";
		document.getElementById("werkzeugkasten_blume").style.backgroundImage="url(img/sidebar_werkzeuge_blume.png)";
		document.getElementById("werkzeugkasten_bommel").style.backgroundImage="url(img/sidebar_werkzeuge_bommel.png)";
		document.getElementById("auswahlfarbe").style.display="none";
		document.getElementById("auswahlfarbe_1").style.display="inline";
		document.getElementById("auswahlfarbe_2").style.display="inline";
		document.getElementById("musterkasten").style.display="inline";
	}
	if (mode == 3) {
		document.getElementById("werkzeugkasten_linie").style.backgroundImage="url(img/sidebar_werkzeuge_linie.png)";
		document.getElementById("werkzeugkasten_muster").style.backgroundImage="url(img/sidebar_werkzeuge_muster.png)";
		document.getElementById("werkzeugkasten_blume").style.backgroundImage="url(img/sidebar_werkzeuge_blume_all.png)";
		document.getElementById("werkzeugkasten_bommel").style.backgroundImage="url(img/sidebar_werkzeuge_bommel.png)";
		document.getElementById("auswahlfarbe").style.display="none";
		document.getElementById("auswahlfarbe_1").style.display="inline";
		document.getElementById("auswahlfarbe_2").style.display="inline";
		document.getElementById("musterkasten").style.display="none";
	}
	if (mode == 4) {
		document.getElementById("werkzeugkasten_linie").style.backgroundImage="url(img/sidebar_werkzeuge_linie.png)";
		document.getElementById("werkzeugkasten_muster").style.backgroundImage="url(img/sidebar_werkzeuge_muster.png)";
		document.getElementById("werkzeugkasten_blume").style.backgroundImage="url(img/sidebar_werkzeuge_blume.png)";
		document.getElementById("werkzeugkasten_bommel").style.backgroundImage="url(img/sidebar_werkzeuge_bommel_all.png)";		
		document.getElementById("auswahlfarbe").style.display="inline";
		document.getElementById("auswahlfarbe_1").style.display="none";
		document.getElementById("auswahlfarbe_2").style.display="none";
		document.getElementById("musterkasten").style.display="none";
	}
}

function zeichne_farbkasten() {
	farbenanzahl = 24;
	zeilenanzahl = 6;
	spaltenzahl= 4;
		
	document.writeln('<div style="position: absolute; width: 100%; height: 100%;">')
	for (var i = 0; i < zeilenanzahl; i++) {
		document.writeln('<div class="farblinie">');
		for (var j = 0; j < spaltenzahl; j++) {
			document.writeln('<div class="farbe" style="background-color: #' + farbcode[(i*4+j)] + ';"></div>');
		}
		document.writeln('</div>');		
	}
	document.writeln('</div>');
	
	document.writeln('<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/sidebar_farbkasten.png)"></div>');
	
	document.writeln('<div style="position: absolute; width: 100%; height: 100%;">')
	for (var i = 0; i < zeilenanzahl; i++) {
		document.writeln('<div class="farblinie">');
		for (var j = 0; j < spaltenzahl; j++) {
		
		document.writeln('<div class="farbe"><img alt="" title="' + farbname[(i*4+j)] + '" onClick ="return picked_color_aktivieren(' + (i*4+j) + ');" src="farben/transparent.png" width="24" height="24"></div>');

		}
		document.writeln('</div>');		
	}
	document.writeln('</div>');
}

function picked_color_aktivieren(fz) {
	if (picked_active_color_feld == 1) {
		if (picked_color == fz) {} else {
			picked_color = fz; 
			document.getElementById("auswahlfarbe").style.backgroundColor = '#'+farbcode[picked_color];
			document.getElementById("auswahlfarbe_1").style.backgroundColor = '#'+farbcode[picked_color];
			guardafeld(guardanr);
		}
	} else if (picked_active_color_feld == 2) {
		if (picked_color2 == fz) {} else {
			picked_color2 = fz;
			document.getElementById("auswahlfarbe_2").style.backgroundColor = '#'+farbcode[picked_color2];
			guardafeld(guardanr);
		}
	}
}

function auswahlfarbfeld_aktivieren(nr) {
	picked_active_color_feld = nr;
	if (nr == 1) {
		document.getElementById("auswahlfarbe_1").style.backgroundImage = "url(img/sidebar_auswahlfarben_aktiv.png)";
		document.getElementById("auswahlfarbe_2").style.backgroundImage = "url(img/sidebar_auswahlfarben.png)";
	} else if (nr == 2) {
		document.getElementById("auswahlfarbe_1").style.backgroundImage = "url(img/sidebar_auswahlfarben.png)";
		document.getElementById("auswahlfarbe_2").style.backgroundImage = "url(img/sidebar_auswahlfarben_aktiv.png)";
	}
}

function auswahlfarbfeld_farbe_setzen(nr) {
	if (nr == 0) {
		document.getElementById("auswahlfarbe").style.backgroundColor = '#'+farbcode[picked_color];
	} else if (nr == 1) {
		document.getElementById("auswahlfarbe_1").style.backgroundColor = '#'+farbcode[picked_color];
	} else if (nr == 2) {
		document.getElementById("auswahlfarbe_2").style.backgroundColor = '#'+farbcode[picked_color2];
	}
}

function sidebar_konfigurator_wechsel(nr) {
	
	// 1:Konfigurator, 2:Merken, 3:Bestellen
	if (nr==1) {
		document.getElementById("sidebar_konfigurator_werkzeuge").style.display="inline";
		document.getElementById("sidebar_konfigurator_merken").style.display="none";
		document.getElementById("sidebar_konfigurator_bestellen").style.display="none";
		bearbeiten=true;
	} else if (nr==2) {
		document.getElementById("sidebar_konfigurator_werkzeuge").style.display="none";
		document.getElementById("sidebar_konfigurator_merken").style.display="inline";
		document.getElementById("sidebar_konfigurator_bestellen").style.display="none";
		bearbeiten=false;
	} else if (nr==3) {
		document.getElementById("sidebar_konfigurator_werkzeuge").style.display="none";
		document.getElementById("sidebar_konfigurator_merken").style.display="none";
		document.getElementById("sidebar_konfigurator_bestellen").style.display="inline";
		preis=muetzenpreis(mp, bop, blp);
		document.getElementById("preis").innerHTML="<b>Preis: "+preis+" &euro;</b>";
		bearbeiten=false;
	}
}


function ClsVerschieben() {
this.zaehler=1;
this.fotoanzahl=7;
this.marginLeft=0;
this.verschiebebreite=115;
this.verschieben=verschieben;
}


function verschieben(richtung) {
	div=document.getElementById('modell_foto').style;
	
	if (richtung=="rechts") {
		if (this.zaehler<this.fotoanzahl-1) {
			this.marginLeft-=115;
			this.zaehler++;
		}
	} else if (richtung=="links") {
		if (this.zaehler>1) {
			this.marginLeft+=115;
			this.zaehler--;
		}
	}
	div.marginLeft=this.marginLeft+'px';
}


function sendKontaktformularToPhp() {
	res = true;
	a = document.kontaktformular;
	
	if(a.adresse_name.value == '') {
		res = false;
		a.adresse_name.style.border = "red 2px solid";
	} else {
		a.adresse_name.style.border = "";
	}
	
	if(a.adresse_strasse_nr.value == '') {
		res = false;
		a.adresse_strasse_nr.style.border = "red 2px solid";
	} else {
		a.adresse_strasse_nr.style.border = "";
	}	
	
	if(a.adresse_plz_ort.value == '') {
		res = false;
		a.adresse_plz_ort.style.border = "red 2px solid";
	} else {
		a.adresse_plz_ort.style.border = "";
	}	
	
	if(a.adresse_land.value == '') {
		res = false;
		a.adresse_land.style.border = "red 2px solid";
	} else {
		a.adresse_land.style.border = "";
	}	
	
	if (res == true) {
		self.document.kontaktformular.submit();
	}
}

function sendKontaktformularAbholungToPhp() {
	res = true;
	a = document.kontaktformular;
	
	if(a.adresse_name.value == '') {
		res = false;
		a.adresse_name.style.border = "red 2px solid";
	} else {
		a.adresse_name.style.border = "";
	}
	
	if(a.adresse_land.value == '') {
		res = false;
		a.adresse_land.style.border = "red 2px solid";
	} else {
		a.adresse_land.style.border = "";
	}	
	
	if (res == true) {
		self.document.kontaktformular.submit();
	}
}

function sendgutscheinformularToPhp() {
	res = true;
	a = document.gutscheinformular;
	
	if(a.gutscheincode.value == '') {
		res = false;
		a.gutscheincode.style.border = "red 2px solid";
	} else {
		a.gutscheincode.style.border = "";
	}
		
	if (res == true) {
		self.document.gutscheinformular.submit();
	}
}

function addStyle(rules,target) {
 var styleObj=null, styleSheetObj=null, i, j, p, selector, singleSelector, text;
 if(document.createElement && document.getElementsByTagName) {
  if(typeof(target)=="number") {
   if(target<=-1) { target=document.getElementsByTagName("style").length+Math.ceil(target); }
   target=Math.max(0,Math.min(document.getElementsByTagName("style").length-1,Math.floor(target)));
  }
  if(typeof(target)=="undefined" || typeof(target)=="string" || !document.getElementsByTagName("style")[target]) {
   if(document.createStyleSheet) {
    styleSheetObj=document.createStyleSheet();
    styleObj=styleSheetObj.owningElement || styleSheetObj.ownerNode;
   } else {
    styleObj=document.createElement("style");
    document.getElementsByTagName("head")[0].appendChild(styleObj);
   }
   styleObj.setAttribute("type","text/css");
   if(target) { styleObj.setAttribute("media",target); }
  } else if(typeof(target)=="number") {
   styleObj=document.getElementsByTagName("style")[target];
   styleSheetObj=styleObj.sheet || styleObj.styleSheet;
  }
  if(styleObj && rules) {
   /*@cc_on
   @if(@_jscript)
    rule=rules.replace(/\s+/g," ").replace(/\/\*.+?\*\//g,"").split("}");
    for(i=0;i<rule.length;i++) {
     p=rule[i].indexOf("{");
     selector=rule[i].substring(0,p).replace(/^\s+|\s+$/g,"");
     text=rule[i].substring(p+1).replace(/^\s+|\s+$/g,"");
     if(selector) {
      if(selector.indexOf(",")) {
       singleSelector=selector.split(",");
      } else {
       singleSelector=new Array(selector);
      }
      for(j=0;j<singleSelector.length;j++) { styleSheetObj.addRule(singleSelector[j].replace(/^\s+|\s+$/g,""),(text)?text:" "); }
     }
    }
   @else @*/
    if(styleObj.firstChild) { styleObj.firstChild.nodeValue=styleObj.firstChild.nodeValue.replace("<!--",""); }
    if(styleObj.lastChild) { styleObj.lastChild.nodeValue=styleObj.lastChild.nodeValue.replace("-->",""); }
    styleObj.appendChild(document.createTextNode(rules+"\n"));
   /*@end @*/
  }
 }
 return styleObj;
}