if(document.getElementById("artcount"))
{
	for (i=0;i < document.millieuform.length;i++)
	{

		var myName=document.millieuform.elements[i].name
		if (myName.indexOf("anr_") > -1)
		{
			if (!isNaN(document.millieuform.elements[i].value))
			{
				artviewid = myName.substring(4,myName.length);
			}
		}
	}

	for(i = 0;i <= document.getElementById("artcount").value;i++)
	{
		if(document.getElementById("upgradeId"+i))
		{
			pos = veredelung.length;
			veredelung[pos] = document.getElementById("upgradeId"+i).value;
			if(veredelung[pos] == artviewid)
			{
				if(document.getElementById("upgradediv"))
					document.getElementById("upgradediv").style.display = "block";
			}

		}

		if(document.getElementById("artikelData"+i))
		{
			pos = articleData.length;

			var artstring = document.getElementById("artikelData"+i).value;
			var regex = new RegExp("<zusatz.*zusatz>", "g")
			var zusatzXMLString = artstring.match(regex);

			if(zusatzXMLString != null)
			{
				zusatzXMLString = zusatzXMLString[0].replace(/\|/g, "#pipe#");
				artstring = artstring.replace(regex,zusatzXMLString);

			}
			var dataArray = artstring.split("|");

			if(dataArray.length == 38)
			{

				var colorCode = dataArray[1];
				if(colorCode == "")
					colorCode = 0;
				var sizeCode  = dataArray[3];
				if(sizeCode == "")
					sizeCode = 0;

				var menge = dataArray[20];
				if(menge == 0)
					menge = 1;
				articleData[pos] = new Object();
				articleData[pos]["artikelid"] = dataArray[0];
				articleData[pos]["colorCode"] = colorCode;

				articleData[pos]["colorName"] = dataArray[2];
				articleData[pos]["sizeCode"]  = sizeCode;
				articleData[pos]["sizeName"]  = dataArray[4];

				articleData[pos]["grundpreis"]  = dataArray[5];

				articleData[pos]["schwelle"]  = dataArray[6];
				articleData[pos]["preis"]  = dataArray[7];

				articleData[pos]["artikelnr"] = dataArray[18];
				articleData[pos]["verfuegbar"] = dataArray[19];

				articleData[pos]["menge"] = menge;
				articleData[pos]["selected"] = dataArray[21];

				articleData[pos]["pictureFile"] = dataArray[22];
				articleData[pos]["thumbnail"] = dataArray[23];
				articleData[pos]["sizetypecode"] = dataArray[24];
				articleData[pos]["zusatz"] = dataArray[25].replace(/#pipe#/g,"|");
				articleData[pos]["linked"] = dataArray[26];

				articleData[pos]["description1"] = dataArray[27];
				articleData[pos]["description2"] = dataArray[28];

				articleData[pos]["rabatt"] = dataArray[29];
				articleData[pos]["originalPrice"] = dataArray[30];

				articleData[pos]["bruttonetto"] = dataArray[31];
				articleData[pos]["SizeAcquisitionCode"] = dataArray[32];
				articleData[pos]["zoom"] = dataArray[33];
				articleData[pos]["currencymode"] = dataArray[34];
				articleData[pos]["baseCUR"] = dataArray[35];
				articleData[pos]["targetCUR"] = dataArray[36];
				articleData[pos]["LongDeliveryTime"] = dataArray[37];

			}
		}
	}

	if(document.getElementById("mengendiv"))
		document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_' value='1' disabled='disabled' datatype='numeric'/>";


	// Farben ermitteln (alle/verfuegbare) / Groessen ermitteln (alle/verfuegbare)
	for(i = 0; i < articleData.length; i++)
	{
		newcolor = true;
		for(c = 0; c < colorTableAll.length; c++)
			if(colorTableAll[c] == articleData[i]["colorCode"])
				newcolor = false;
		if(newcolor)
			colorTableAll[colorTableAll.length] = articleData[i]["colorCode"];

		newcolor = true;
		for(c = 0; c < colorTable.length; c++)
			if(colorTable[c] == articleData[i]["colorCode"])
				newcolor = false;
		if(newcolor && articleData[i]["verfuegbar"] != "3" && articleData[i]["colorName"]!="")
			colorTable[colorTable.length] = articleData[i]["colorCode"];

		newsize = true;
		for(s = 0; s < sizeTableAll.length; s++)
			if(sizeTableAll[s] == articleData[i]["sizeCode"])
				newsize = false;
		if(newsize)
			sizeTableAll[sizeTableAll.length] = articleData[i]["sizeCode"];

		newsize = true;
		for(s = 0; s < sizeTable.length; s++)
			if(sizeTable[s] == articleData[i]["sizeCode"])
				newsize = false;
		if(newsize && articleData[i]["verfuegbar"] != "3" && articleData[i]["sizeName"]!="" && !singleVariant)
			sizeTable[sizeTable.length] = articleData[i]["sizeCode"];
	}

	// vorselektierten Artikel finden
	selectedartikel = -1;
	if(sizeTableAll.length <= 1 && colorTableAll.length <= 1)
	{
		selectedartikel = 0;
		articleData[selectedartikel]["selected"] = 1;
	}
	if (selectedartikel == -1)
	{
		for(i = 0; i < articleData.length; i++)
		{
			if(articleData[i]["selected"] == 1 && articleData[i]["verfuegbar"] != "3")
			{
				selectedartikel = i;
				break;
			}
		}
	}
	if (selectedartikel == -1)
	{
		for(i = 0; i < articleData.length; i++)
		{
			if(articleData[i]["verfuegbar"] != "3")
			{
				selectedartikel = i;
				if(document.getElementById("sizeCat1"))
				{
					if( articleData[selectedartikel]["sizetypecode"] == 1)
					{
				articleData[i]["selected"] = 1;
				break;
					}
				}
				else
				{
					articleData[i]["selected"] = 1;
					break;
				}
			}
		}
	}
	if(selectedartikel == -1)
	{
		selectedartikel = 0;
		articleData[selectedartikel]["selected"] = 1;
	}


	// selektierte Initialwerte setzen
	colorselected = articleData[selectedartikel]["colorCode"];
	sizeselected = articleData[selectedartikel]["sizeCode"];
	selartikelid  = articleData[selectedartikel]["artikelid"];
	aktartikelid  = articleData[selectedartikel]["artikelid"];


	// selektierte Farbe und Groessen hervorheben
	if(document.getElementById("colordiv"+articleData[selectedartikel]["colorCode"]))
		document.getElementById("colordiv"+articleData[selectedartikel]["colorCode"]).className = "colorcodeselected";
	if(document.getElementById("sizediv"+articleData[selectedartikel]["sizeCode"]))
		document.getElementById("sizediv"+articleData[selectedartikel]["sizeCode"]).className = "sizecodeselected";

	// hier auch bei schrauben selectbox auswahl vorselektieren

	if(document.getElementById("DropDownSizeType"))
	{
		for(z = 0; z < document.getElementById("DropDownSizeType").options.length; z++)
		{
			var SizeOption = document.getElementById("DropDownSizeType").options[z];
			if(SizeOption.value == articleData[selectedartikel]["sizetypecode"])
				document.getElementById("DropDownSizeType").selectedIndex = z;
		}
	}

	// alle Farben ausblenden, die komplett ausverkauft sind
	for (i = 0; i < colorTableAll.length; i++)
		document.getElementById("colordiv" + colorTableAll[i]).style.display = "none";
	for (i = 0; i < colorTable.length; i++)
		document.getElementById("colordiv" + colorTable[i]).style.display = "block";


	// alle Groessen ausblenden, die komplett ausverkauft sind
	for (i = 0; i < sizeTableAll.length; i++)
	{

		if(document.getElementById("sizediv" + sizeTableAll[i]))
		document.getElementById("sizediv" + sizeTableAll[i]).style.display = "none";
	}

	for (i = 0; i < sizeTable.length; i++)
	{
		if(document.getElementById("sizediv" + sizeTable[i]))
		{
		document.getElementById("sizediv" + sizeTable[i]).style.display = "block";
			$('#sizetext').css('display','block');
			$('#sizeTabs').css('display','block');
		}
	}
	// Farbtext und Farbe ausblenden, wenn es immer nur 1 Farbe gibt
	if(colorTableAll.length <= 1)
	{
		document.getElementById("colortext").style.display = "none";
		if (document.getElementById("colordiv"+colorTableAll[0]))
			document.getElementById("colordiv"+colorTableAll[0]).style.display = "none";
	}

	// Groessen ausblenden, die es in der gewaehlten Farbe nicht gibt
	var tmpArray = new Array();
	for(i = 0;i < articleData.length;i++)
	{
		if(articleData[i]["colorCode"] == articleData[selectedartikel]["colorCode"])
		{
			pos = tmpArray.length;
			newsize = true;
			for(s = 0;s <= tmpArray.length;s++)
				if(tmpArray[s] == articleData[i]["sizeCode"])
					newsize = false;
			if(newsize && articleData[i]["verfuegbar"] != '3')
				tmpArray[pos] = articleData[i]["sizeCode"];
		}
	}
	for(y = 0; y < sizeTable.length; y++)
	{
		sizeExists = false;
		for(x = 0; x < tmpArray.length; x++)
		{
			if(sizeTable[y] == tmpArray[x])
				sizeExists = true;
		}

		if(!sizeExists && document.getElementById("sizediv"+sizeTable[y]))
		{
			if(document.getElementById("sizediv"+sizeTable[y]).className != "sizecodeselected")
				document.getElementById("sizediv"+sizeTable[y]).className = "sizecodesold";
		}
	}

    var sizecodesold;
	for(i = 0;i < articleData.length;i++)
	{
		sizecodesold = 1;
		for(y = 0; y < sizeTable.length; y++)
		{
			if  (sizeTable[y] == articleData[i]["sizeCode"])
			{
				sizecodesold = 0;
			}
		}

		if (sizecodesold == 1)
		{
			document.getElementById("sizediv"+articleData[i]["sizeCode"]).className = "sizecodesold";
		}
	}


	// Farbtext und -name anzeigen, wenn selektierter Farbname nicht leer und insgesamt mehr als 1 Farbe
	if(articleData[selectedartikel]["colorName"] != "" && colorTableAll.length > 1)
	{
		if(IE)
		{
			document.getElementById("colorpreview").innerText = "Farbe: "+articleData[selectedartikel]["colorName"];
			if(document.getElementById("chosencolor"))
				document.getElementById("chosencolor").innerText = articleData[selectedartikel]["colorName"];
		}
		else
		{
			document.getElementById("colorpreview").textContent = "Farbe: "+articleData[selectedartikel]["colorName"];
			if(document.getElementById("chosencolor"))
				document.getElementById("chosencolor").textContent = articleData[selectedartikel]["colorName"];
		}
		$("#colorCode").text(articleData[selectedartikel]["colorCode"]);
	}


	// Groessentext und -name anzeigen, wenn selektierter Groessenname nicht leer und insgesamt mehr als 1 Groesse
	if(articleData[selectedartikel]["sizeName"] != "" && sizeTableAll.length > 1)
	{
		if(IE)
		{
			if(document.getElementById("chosensize"))
				document.getElementById("chosensize").innerText = articleData[selectedartikel]["sizeName"];
			document.getElementById("sizepreview").innerText = document.getElementById("sizetext").innerText;
		}
		else
		{
			if(document.getElementById("chosensize"))
				document.getElementById("chosensize").textContent = articleData[selectedartikel]["sizeName"];
			document.getElementById("sizepreview").textContent = document.getElementById("sizetext").textContent;
		}
	}


	// Menge anzeigen bei Warenkorbbestaetigung
	if(document.getElementById("summpreview"))
		if(IE)
			document.getElementById("summpreview").innerText = "Menge: "+articleData[selectedartikel]["menge"];
		else
			document.getElementById("summpreview").textContent = "Menge: "+articleData[selectedartikel]["menge"];

		if($("#flashplayer").length > 0)
		{
	// Flash Color Change
			$(window).load(function()
	{
				showFSI({ProductCode: ProductCode, ColorCode:  articleData[selectedartikel]["colorCode"]});
			});
	}


	// selektiertes Artikelbild anzeigen
	if (articleData[selectedartikel]["pictureFile"] != "")
	{
		document.getElementById("imageviewImg").src = "/bilderpool/activeTrade/images/products/" + articleData[selectedartikel]["pictureFile"];
		if(articleData[selectedartikel]["thumbnail"] != "")
		{
			document.getElementById("orderInfoImg").src = "/bilderpool/activeTrade/images/products/" + articleData[selectedartikel]["thumbnail"];
			document.getElementById("orderInfoImg").style.display = "inline";

			document.getElementById("merkerInfoImg").src = "/bilderpool/activeTrade/images/products/" + articleData[selectedartikel]["thumbnail"];
			document.getElementById("merkerInfoImg").style.display = "inline";
		}
	}

	setPrices(articleData[selectedartikel]["artikelid"]);

	document.getElementById("prod_id").name = articleData[selectedartikel]["artikelid"];
	document.getElementById("hopperzusatz").name = "zus_"+articleData[selectedartikel]["artikelid"];

	document.getElementById("inhopper").style.disabled = false;
}


if(document.getElementById("sizeCat1") || document.getElementById("sizeCat2") || document.getElementById("sizeCat3"))
{
	var show = false;
	sizetypecode = articleData[selectedartikel]["sizetypecode"];


	var sizeCatArray = new Array();
	if(sizetypecode != 0)
	{
		var scid = 0;
		var count = 0;
		for(var i = 1; i < 4; i++)
		{
			if(sizeCatExists.search(i) != -1)
			{
				if(i != scid)
				{
					scid = i;
					sizeCatArray[count] = i;
					count++;

				}
			}
		}
		if(sizetypecode == 1 && count > 1)
		{	if (document.getElementById("sizeCat1"))
				document.getElementById("sizeCat1").style.display = "block";
			if (document.getElementById("sizeCat2"))
				document.getElementById("sizeCat2").style.display = "none";
			if (document.getElementById("sizeCat3"))
				document.getElementById("sizeCat3").style.display = "none";

			if(sizeCatArray.length > 0)
				for(i = 0; i < sizeCatArray.length; i++)
				{
					if(sizeCatArray[i] != 1)
					{
						if (document.getElementById("sizecatreiter"+sizeCatArray[i]))
						{
							var sizeCatObj = document.getElementById("sizeCat"+sizeCatArray[i]);
							if(sizeCatObj != undefined)
							{
								var sizeDivs = sizeCatObj.getElementsByTagName("div");
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
								for(sizeDivCount = 0; sizeDivCount < sizeDivs.length-1; sizeDivCount++)
								{
									if(sizeDivs[sizeDivCount].className != "sizecodesold")
									{
							document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "block";
									}
								}
							}
							else
							{
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
							}
						}
						if (document.getElementById("sizecatreiter"+sizeCatArray[i]+"a"))
							document.getElementById("sizecatreiter"+sizeCatArray[i]+"a").style.display = "none";
					}
					else
					{	if (document.getElementById("sizecatreiter1"))
							document.getElementById("sizecatreiter1").style.display = "none";
						if (document.getElementById("sizecatreiter1a"))
							document.getElementById("sizecatreiter1a").style.display = "block";
					}
				}

			show = true;

		}
		else if(sizetypecode == 2 && count > 1)
		{	if (document.getElementById("sizeCat2"))
				document.getElementById("sizeCat2").style.display = "block";
			if (document.getElementById("sizeCat1"))
				document.getElementById("sizeCat1").style.display = "none";
			if (document.getElementById("sizeCat3"))
				document.getElementById("sizeCat3").style.display = "none";
			if(sizeCatArray.length > 1)
				for(i = 0; i < sizeCatArray.length; i++)
				{
					if(sizeCatArray[i] != 2)
					{
						if (document.getElementById("sizecatreiter"+sizeCatArray[i]))
						{
							var sizeCatObj = document.getElementById("sizeCat"+sizeCatArray[i]);
							if(sizeCatObj != undefined)
							{
								var sizeDivs = sizeCatObj.getElementsByTagName("div");
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
								for(sizeDivCount = 0; sizeDivCount < sizeDivs.length-1; sizeDivCount++)
								{
									if(sizeDivs[sizeDivCount].className != "sizecodesold")
									{
							document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "block";
									}
								}
							}
							else
							{
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
							}
						}
						if (document.getElementById("sizecatreiter"+sizeCatArray[i]+"a"))
							document.getElementById("sizecatreiter"+sizeCatArray[i]+"a").style.display = "none";

					}
					else
					{	if (document.getElementById("sizecatreiter2"))
							document.getElementById("sizecatreiter2").style.display = "none";
						if(document.getElementById("sizecatreiter2a"))
							document.getElementById("sizecatreiter2a").style.display = "block";
					}
				 }

			show = true;
		}
		else if(sizetypecode == 3 && count > 1)
		{	if (document.getElementById("sizeCat3"))
				document.getElementById("sizeCat3").style.display = "block";
			if (document.getElementById("sizeCat1"))
				document.getElementById("sizeCat1").style.display = "none";
			if (document.getElementById("sizeCat2"))
				document.getElementById("sizeCat2").style.display = "none";

			if(sizeCatArray.length > 1)
				for(i = 0; i < sizeCatArray.length; i++)
				{
					if(sizeCatArray[i] != 3)
					{
						if (document.getElementById("sizecatreiter"+sizeCatArray[i]))
						{
							var sizeCatObj = document.getElementById("sizeCat"+sizeCatArray[i]);
							if(sizeCatObj != undefined)
							{
								var sizeDivs = sizeCatObj.getElementsByTagName("div");
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
								for(sizeDivCount = 0; sizeDivCount < sizeDivs.length-1; sizeDivCount++)
								{
									if(sizeDivs[sizeDivCount].className != "sizecodesold")
									{
							document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "block";
									}
								}
							}
							else
							{
								document.getElementById("sizecatreiter"+sizeCatArray[i]).style.display = "none";
							}
						}
					}
					else
					{	if (document.getElementById("sizecatreiter3"))
							document.getElementById("sizecatreiter3").style.display = "none";
						if (document.getElementById("sizecatreiter3a"))
							document.getElementById("sizecatreiter3a").style.display = "block";
					}
				}

			show = true;
		}
	}

	if(!show)
	{
	for(i = 1; i < 4; i++)
	{
		if(sizeCatExists.search(i) != -1 && !show)
		{
			document.getElementById("sizeCat"+i).style.display = "block";
				if(sizeCatArray.length > 0)
				{	if (document.getElementById("sizecatreiter"+i+"a"))
						document.getElementById("sizecatreiter"+i+"a").style.display = "block";
					if (document.getElementById("sizecatreiter"+i))
						document.getElementById("sizecatreiter"+i).style.display = "none";
				}
			show = true;

			}
			else
			{	if (document.getElementById("sizecatreiter"+i))
					document.getElementById("sizecatreiter"+i).style.display = "none";
				if (document.getElementById("sizecatreiter"+i+"a"))
					document.getElementById("sizecatreiter"+i+"a").style.display = "none";
				if (document.getElementById("sizeCat"+i))
					document.getElementById("sizeCat"+i).style.display = "none";

			}
		}

	}

}

// init FSI HTML viewer if mobile device
$().ready(function(){
	if($("#flashplayer").length > 0)
	{
		var platform = navigator.platform.toLowerCase();

		if(platform.match(/ipad|iphone|ipod|android/))
		{
			if(!!document.createElement('canvas').getContext)
			{
				fsiInit();
			}
		}
	}
});