function AnzPlusAkt () {
	xForm = document.forms.DetailForm;
	xMenge = xForm.menge;
	
	nStueckzahlAkt = Number(xMenge.value);
	nStueckzahlNeu = nStueckzahlAkt + 1;
	
	if (nStueckzahlNeu > 99) nStueckzahlNeu = 99;
	xMenge.value = nStueckzahlNeu;
}

function AnzMinusAkt () {
	xForm = document.forms.DetailForm;
	xMenge = xForm.menge;
	
	nStueckzahlAkt = Number(xMenge.value);
	nStueckzahlNeu = nStueckzahlAkt - 1;
	
	if (nStueckzahlNeu <= 0) nStueckzahlNeu = 1;
	xMenge.value = nStueckzahlNeu;
}


function ProduktFarben(element, strAktion) {
	strElID = element.id;
	strElID2 = strElID.replace("F", "");
	
	nCheckID = Number(strElID2);
	nCheckID = nCheckID-1;
	
	if (nAktFarbe == nCheckID) { 
		
	} else {
			nMaxAnzahl = nMaxFarbe;
			
			strImageID = "FI" + strElID2;
			xImgPri = document.getElementById(strImageID);
			xImgSecL = null;
			xEleSecL = null;
			xImgSecR = null;
			xEleSecR = null;
			strDefPath = "images/produktseiten/farbwelt/";
			nIndex = strElID2;
			
			strOldSrcPR = xImgPri.src;
			arrOldSrcPR = strOldSrcPR.split("/");
			strOldSrcPRImg = arrOldSrcPR[arrOldSrcPR.length-1];
			strOldSrcPRImg = strOldSrcPRImg.replace("-middle", "");
			
			var strOldSrcPRR = "", strOldSrcPRRImg = "";
			var strOldSrcPRL = "", strOldSrcPRLImg = "";
			var nTempIndexL = -1, nTempIndexR = -1;
			if (nIndex == 1) {
				strSecR = "FI" + (Number(nIndex)+1);
				xImgSecR = document.getElementById(strSecR);
				
				strOldSrcPRR = xImgSecR.src;
				arrOldSrcPRR = strOldSrcPRR.split("/");
				strOldSrcPRRImg = arrOldSrcPRR[arrOldSrcPRR.length-1];
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-middle", "");
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-top", "");
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-aktiv", "");
				
				strSecR = "F" + (Number(nIndex)+1);
				xEleSecR = document.getElementById(strSecR);
				
				nTempIndexR = String(xImgSecR.id)
				nTempIndexR = nTempIndexR.replace("FI", "");
			} 
			if (nIndex == nMaxAnzahl) {
				strSecL = "FI" + (Number(nIndex)-1);
				xImgSecL = document.getElementById(strSecL);
				strSecL = "F" + (Number(nIndex)-1)
				xEleSecL = document.getElementById(strSecL)
				
				strOldSrcPRL = xImgSecL.src;
				arrOldSrcPRL = strOldSrcPRL.split("/");
				strOldSrcPRLImg = arrOldSrcPRL[arrOldSrcPRL.length-1];
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-middle", "");
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-top", "");
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-aktiv", "");
				
				nTempIndexL = String(xImgSecL.id).replace("FI", "");
			}
			if (nIndex > 1 && nIndex < nMaxAnzahl) {
				strSecR = "FI" + (Number(nIndex)+1)
				xImgSecR = document.getElementById(strSecR);
				strSecR = "F" + (Number(nIndex)+1);
				xEleSecR = document.getElementById(strSecR);
				
				strOldSrcPRR = xImgSecR.src;
				arrOldSrcPRR = strOldSrcPRR.split("/");
				strOldSrcPRRImg = arrOldSrcPRR[arrOldSrcPRR.length-1];
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-middle", "");
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-top", "");
				strOldSrcPRRImg = strOldSrcPRRImg.replace("-aktiv", "");
				
				nTempIndexR = String(xImgSecR.id).replace("FI", "");
				
				strSecL = "FI" + (Number(nIndex)-1)
				xImgSecL = document.getElementById(strSecL);
				strSecL = "F" + (Number(nIndex)-1)
				xEleSecL = document.getElementById(strSecL)
				
				strOldSrcPRL = xImgSecL.src;
				arrOldSrcPRL = strOldSrcPRL.split("/");
				strOldSrcPRLImg = arrOldSrcPRL[arrOldSrcPRL.length-1];
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-middle", "");
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-top", "");
				strOldSrcPRLImg = strOldSrcPRLImg.replace("-aktiv", "");
				
				nTempIndexL = String(xImgSecL.id).replace("FI", "");
			}
			// console.log(nAktFarbe + "..." + nTempIndexL + ":.:" + nTempIndexR);
			if (strAktion == "over") {
				if (xImgSecL != null && xImgSecR != null) {
					arrTemp = strOldSrcPRImg.split(".");
					strNewSrc = arrTemp[0] + "-top." + arrTemp[1];
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-oben-31.gif) no-repeat";
					
					if (nTempIndexL != (nAktFarbe+1) ) {
						arrTemp = strOldSrcPRLImg.split(".");
						strNewSrc = arrTemp[0] + "-middle." + arrTemp[1];
						xImgSecL.src = strDefPath + strNewSrc;
						xEleSecL.style.background = "url(images/startseite/schatten-mitte-31.gif) no-repeat";
					}
					
					if (nTempIndexR != (nAktFarbe+1) ) {
						arrTemp = strOldSrcPRRImg.split(".");
						strNewSrc = arrTemp[0] + "-middle." + arrTemp[1];
						xImgSecR.src = strDefPath + strNewSrc;
						xEleSecR.style.background = "url(images/startseite/schatten-mitte-31.gif) no-repeat";
					}
				}
				
				if (xImgSecL != null && xImgSecR == null) {
					arrTemp = strOldSrcPRImg.split(".");
					strNewSrc = arrTemp[0] + "-top." + arrTemp[1];
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-oben-31.gif) no-repeat";
					
					if (nTempIndexL != (nAktFarbe+1) ) {
						arrTemp = strOldSrcPRLImg.split(".");
						strNewSrc = arrTemp[0] + "-middle." + arrTemp[1];
						xImgSecL.src = strDefPath + strNewSrc;
						xEleSecL.style.background = "url(images/startseite/schatten-mitte-31.gif) no-repeat";
					}			
				}
				
				if (xImgSecL == null && xImgSecR != null) {
					arrTemp = strOldSrcPRImg.split(".");
					strNewSrc = arrTemp[0] + "-top." + arrTemp[1];
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-oben-31.gif) no-repeat";
					
					if (nTempIndexR != (nAktFarbe+1) ) {
						arrTemp = strOldSrcPRRImg.split(".");
						strNewSrc = arrTemp[0] + "-middle." + arrTemp[1];
						xImgSecR.src = strDefPath + strNewSrc;
						xEleSecR.style.background = "url(images/startseite/schatten-mitte-31.gif) no-repeat";
					} 
				}
			}
			if (strAktion == "out") {
				if (xImgSecL != null && xImgSecR != null) {
					strNewSrc = strOldSrcPRImg;
					strNewSrc = strNewSrc.replace("-top", "");
					strNewSrc = strNewSrc.replace("-middle", "");
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";

					if (nTempIndexL != (nAktFarbe+1) ) {
						strNewSrc = strOldSrcPRLImg;
						strNewSrc = strNewSrc.replace("-middle", "");
						xImgSecL.src = strDefPath + strNewSrc;
						xEleSecL.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					} 
					
					if (nTempIndexR != (nAktFarbe+1) ) {
						strNewSrc = strOldSrcPRRImg;
						strNewSrc = strNewSrc.replace("-middle", "");
						xImgSecR.src = strDefPath + strNewSrc;
						xEleSecR.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					} 
				}
				
				if (xImgSecL != null && xImgSecR == null) {
					strNewSrc = strOldSrcPRImg;
					strNewSrc = strNewSrc.replace("-top", "");
					strNewSrc = strNewSrc.replace("-middle", "");
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					
					if (nTempIndexL != (nAktFarbe+1) ) {
						strNewSrc = strOldSrcPRLImg;
						strNewSrc = strNewSrc.replace("-middle", "");
						xImgSecL.src = strDefPath + strNewSrc;
						xEleSecL.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					}
				}
				
				if (xImgSecR != null) {
					strNewSrc = strOldSrcPRImg;
					strNewSrc = strNewSrc.replace("-top", "");
					strNewSrc = strNewSrc.replace("-middle", "");
					xImgPri.src = strDefPath + strNewSrc;
					element.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					
					if (nTempIndexR != (nAktFarbe+1) ) {
						strNewSrc = strOldSrcPRRImg;
						strNewSrc = strNewSrc.replace("-middle", "");
						xImgSecR.src = strDefPath + strNewSrc;
						xEleSecR.style.background = "url(images/startseite/schatten-unten-31.gif) no-repeat";
					}
				}
			}
	}
}


bMoveFarb = false;
function FarbweltOver(element, strAktion) {
	strElID = element.id;
	strElID2 = strElID.replace("F", "");
	i=1;
	while (bMoveFarb && i < 25) { i++; }
	
	strImageID = "FI" + strElID2;
	
	xImgPri = document.getElementById(strImageID);
	xImgSecL = null;
	xEleSecL = null;
	xImgSecR = null;
	xEleSecR = null;
	
	arrElID = strElID2.split("-");
	nIndex = arrElID[1];
	
	if (nIndex == 1) {
		strSecR = "FI" + arrElID[0] + "-" + (Number(nIndex)+1);
		xImgSecR = document.getElementById(strSecR);
		strSecR = "F" + arrElID[0] + "-" + (Number(nIndex)+1);
		xEleSecR = document.getElementById(strSecR);
	} 
	if (nIndex == 5) {
		strSecL = "FI" + arrElID[0] + "-" + (Number(nIndex)-1);
		xImgSecL = document.getElementById(strSecL);
		strSecL = "F" + arrElID[0] + "-" + (Number(nIndex)-1)
		xEleSecL = document.getElementById(strSecL)
	}
	
	if (nIndex > 1 && nIndex < 5) {
		strSecR = "FI" + arrElID[0] + "-" + (Number(nIndex)+1)
		xImgSecR = document.getElementById(strSecR);
		strSecR = "F" + arrElID[0] + "-" + (Number(nIndex)+1);
		xEleSecR = document.getElementById(strSecR);
		
		strSecL = "FI" + arrElID[0] + "-" + (Number(nIndex)-1)
		xImgSecL = document.getElementById(strSecL);
		strSecL = "F" + arrElID[0] + "-" + (Number(nIndex)-1)
		xEleSecL = document.getElementById(strSecL)
	}
	bMoveFarb = true;
	if (strAktion == "over") {
		if (xImgSecL != null && xImgSecR != null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, { y: 0, mode: 'absolute', afterFinish : function() { bMoveFarb = false; } }),
				new Effect.Move(xImgSecL, { y: 9, mode: 'absolute' }),
				new Effect.Move(xImgSecR, { y: 9, mode: 'absolute' })
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-oben.png) 5px 2px no-repeat";
			xEleSecL.style.background = "url(images/startseite/schatten-mitte.png) 5px 2px no-repeat";
			xEleSecR.style.background = "url(images/startseite/schatten-mitte.png) 5px 2px no-repeat";
		}
		
		if (xImgSecL != null && xImgSecR == null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, { y: 0, mode: 'absolute', afterFinish : function() { bMoveFarb = false; }  }),
				new Effect.Move(xImgSecL, { y: 9, mode: 'absolute' })
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-oben.png) 5px 2px no-repeat";
			xEleSecL.style.background = "url(images/startseite/schatten-mitte.png) 5px 2px no-repeat";
		}
		
		if (xImgSecR != null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, { y: 0, mode: 'absolute', afterFinish : function() { bMoveFarb = false; }  }),
				new Effect.Move(xImgSecR, { y: 9, mode: 'absolute' })
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-oben.png) 5px 2px no-repeat";
			xEleSecR.style.background = "url(images/startseite/schatten-mitte.png) 5px 2px no-repeat";
		}
	}
	
}


function FarbweltOut(element, strAktion) {
	strElID = element.id;
	strElID2 = strElID.replace("F", "");
	
	i++;
	while (bMoveFarb && i < 25) { i++; }
	
	strImageID = "FI" + strElID2;

	xImgPri = document.getElementById(strImageID);
	xImgSecL = null;
	xEleSecL = null;
	xImgSecR = null;
	xEleSecR = null;
	
	arrElID = strElID2.split("-");
	nIndex = arrElID[1];
	
	if (nIndex == 1) {
		strSecR = "FI" + arrElID[0] + "-" + (Number(nIndex)+1);
		xImgSecR = document.getElementById(strSecR);
		strSecR = "F" + arrElID[0] + "-" + (Number(nIndex)+1);
		xEleSecR = document.getElementById(strSecR);
	} 
	if (nIndex == 5) {
		strSecL = "FI" + arrElID[0] + "-" + (Number(nIndex)-1);
		xImgSecL = document.getElementById(strSecL);
		strSecL = "F" + arrElID[0] + "-" + (Number(nIndex)-1)
		xEleSecL = document.getElementById(strSecL)
	}
	
	if (nIndex > 1 && nIndex < 5) {
		strSecR = "FI" + arrElID[0] + "-" + (Number(nIndex)+1)
		xImgSecR = document.getElementById(strSecR);
		strSecR = "F" + arrElID[0] + "-" + (Number(nIndex)+1);
		xEleSecR = document.getElementById(strSecR);
		
		strSecL = "FI" + arrElID[0] + "-" + (Number(nIndex)-1)
		xImgSecL = document.getElementById(strSecL);
		strSecL = "F" + arrElID[0] + "-" + (Number(nIndex)-1)
		xEleSecL = document.getElementById(strSecL)
	}
	bMoveFarb = true;
	if (strAktion == "out") {
		if (xImgSecL != null && xImgSecR != null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, {y: 10, mode: 'absolute', afterFinish : function() { bMoveFarb = false; }}),
				new Effect.Move(xImgSecL, {y: 10, mode: 'absolute'}),
				new Effect.Move(xImgSecR, {y: 10, mode: 'absolute'})
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
			xEleSecL.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
			xEleSecR.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
		}
		
		if (xImgSecL != null && xImgSecR == null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, {y: 10, mode: 'absolute', afterFinish : function() { bMoveFarb = false; }}),
				new Effect.Move(xImgSecL, {y: 10, mode: 'absolute'})
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
			xEleSecL.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
		}
		
		if (xImgSecR != null) {
			new Effect.Parallel([
				new Effect.Move(xImgPri, {y: 10, mode: 'absolute', afterFinish : function() { bMoveFarb = false; }}),
				new Effect.Move(xImgSecR, {y: 10, mode: 'absolute'})
			], {
				duration:0.2
			});
			element.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
			xEleSecR.style.background = "url(images/startseite/schatten-unten.png) 5px 2px no-repeat";
		}
	}
	bMoveFarb = false;
}