var veredelung = new Array();
var articleData = new Array();
var sizeTable = new Array();
var sizeTableAll = new Array();
var colorTable = new Array();
var colorTableAll = new Array();
var colorselected = -1;
var sizeselected = -1;
var selartikelid  = -1;
//var aktartikelid  = -1;
var artviewid = 0;
var delinhopper = true;
var delArray = new Array();
var	lastlineid = 1;
var copieddata = false;
var copiecolor = true;
//SalesArticleVariant ID to disable Mengen Input
var promotionArticleId = "B1A12494-8F45-4F3E-9EF3-E98A3816D5A5";
var addedlines = 0;
var Combinations;
var singleVariant = false;

function trim(s) {
  while (s.substring(0,1) == ' ') {
    s = s.substring(1,s.length);
  }
  while (s.substring(s.length-1,s.length) == ' ') {
    s = s.substring(0,s.length-1);
  }
  return s;
}


var IE  = false;
if( navigator.appName=="Microsoft Internet Explorer")
	IE = true;


function onFilmClick()
{
	if (document.getElementById("flashfilm").style.display == "none")
	{
		document.getElementById("flashfilm").style.display = "block";
		flashcontent2html = document.getElementById("flashfilm").innerHTML;
		swfobject.embedSWF("/static/flash/emirates.swf", "flashcontent2", "460", "259", "8.0.0", "/images/templates/swf/expressInstall.swf");
	}
	else
	{
		document.getElementById("flashfilm").style.display = "none";
		document.getElementById("flashfilm").innerHTML = flashcontent2html;
	}
}

function onPopupFilmClick(id, SDVideoFile, HDVideoFile)
{
	var movieParamValue = "/bilderpool/flash/esplayer.swf?theflv=";
	movieParamValue += "/bilderpool/flash/products/" + SDVideoFile;
	movieParamValue += "&theskin=/bilderpool/flash/esskin";

	var htmlText;
		htmlText = '<div style="height:405px; width:640px;" id="movie-'+id+'">\
							<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="640" height="405" align="middle" name="esplayer">\
		<param name="allowScriptAccess" value="sameDomain" />\
		<param name="allowFullScreen" value="false" />\
		<param name="movie" value="'+movieParamValue+'" />\
		<param name="quality" value="high" />\
		<param name="bgcolor" value="#ffffff" />\
		<param name="align" value="l,t" />\
		<param name="scale" value="default" />\
		<embed src="'+movieParamValue+'" quality="high" bgcolor="#ffffff" width="640" height="405" name="esplayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\
	</object>\
</div>\
	';
	openPopUpDialog('BMI', $('#bmiBox-'+id).attr("title") , '405', '645', '', htmlText, '', '', 'white', true, 'medium', 'right', false);
}

function onPopupFilmClick2(productname){
	openPopUpDialog('NewVideoPlayer', productname, '480', '685', '', '', '', '', 'white', true, 'medium', 'right', '');
	$("#videoplayerdivNewVideoPlayer").html('<b>Sie benötigen mindestens den Adobe Flash Player Version 9 als ActiveX oder Plugin für Ihren Browser, um diese Seite korrekt darstellen zu können.</b>\
								<br /><br />\
								Leider verwenden Sie eine veraltete oder gar keine Version des Adobe Flash Player,\
								weshalb die Webseite nicht richtig funktioniert. Den aktuellsten\
								Adobe Flash Player können Sie sich <b><a href="http://get.adobe.com/de/flashplayer/" target="_blank">hier</a></b> kostenlos herunterladen. ');
	swfobject.embedSWF("/motion/Videoplayer/VideoPlayer.swf?v=1.1", "videoplayerdivNewVideoPlayer", "640", "400", "9.0.0", "js/express_install.swf", flashvars, params, attributes );
}

function update_form()
{
	document.millieuform.submit()
}

function in_hopper()
{
	var StickArticleID = "";
	var menge = 0;

	for (i=0;i < document.millieuform.length;i++)
	{
		var myName=document.millieuform.elements[i].name
		if (myName.indexOf("anr_") > -1)
		{
			if(document.getElementById("StickArticleID"+myName.substring(4,myName.length)) )
			{
				StickArticleID = myName.substring(4,myName.length);
			}

			if (isNaN(document.millieuform.elements[i].value))
				document.millieuform.elements[i].value="0"
			else
				document.millieuform.elements[i].value=Math.abs(document.millieuform.elements[i].value);

			menge = document.millieuform.elements[i].value;
		}
	}


	if(StickArticleID == "")
	{
	document.millieuform.ac.value="in_hopper";
	document.millieuform.submit();
}
	else
	{
		window.setTimeout("stick_inHopper('"+StickArticleID+"','"+menge+"')", 500);
	}
}

function stick_inHopper(StickArticleID,menge)
{
		$("#backgroundPopup").css({
			"height": $("#MainBody")[0].clientHeight
		});
		$("#backgroundPopup").css({
			"width": $("#MainBody")[0].clientWidth - 2
		});

		$("#backgroundPopup").css({
			"opacity": "0.7"
		});

		$("#backgroundPopup").fadeIn("slow");

		if(document.getElementById("StickArticleID"+StickArticleID) )
		{
			SelectedArticleColorCode = 0;
			for(i in articleData)
			{
				if(articleData[i]["artikelid"] == StickArticleID)
				{
					SelectedArticleColorCode = articleData[i]["colorCode"];
					thumbnail = articleData[i]["thumbnail"];
					zoom = articleData[i]["zoom"];
				}
			}

			sessionid = ""
			if(document.getElementsByName("sid")[0])
			    sessionid = document.getElementsByName("sid")[0].value;

			if(document.getElementById("hopperzusatz"))
				if(document.getElementById("hopperzusatz").value != "")
					document.getElementById("hopperZusatzData").value = document.getElementById("hopperzusatz").value;

			document.getElementById("ZusatzSID").value = sessionid ;
			document.getElementById("SelectedArticleID").value = StickArticleID;
			document.getElementById("SelectedArticleColorCode").value = SelectedArticleColorCode;
			document.getElementById("TextStickMenge").value = menge;
			document.getElementById("StitchingArt").value = "TextStick";
			document.getElementById("StickTask").value = "DisplayStichingForm";
			document.getElementById("Thumbnail").value = thumbnail;
			document.getElementById("Zoom").value = zoom;
			document.hopperZusatzForm.submit();

			document.getElementById("StitchingFrame").style.display = "block";

	}
	}

function displayBackgroundPopUp(display)
{
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var scrollHeight = document.documentElement.scrollHeight;

	document.getElementById("backgroundPopup").style.opacity = "0.7";
	document.getElementById("backgroundPopup").style.mozOpacity =  "0.7";
	document.getElementById("backgroundPopup").style.height =  scrollHeight;
	document.getElementById("backgroundPopup").style.height =  windowWidth;
	document.getElementById("backgroundPopup").style.display =  display;

}

function displayVeredelung(StickArticleID)
{
	SelectedArticleColorCode = 0;
	for(i in articleData)
	{
		if(articleData[i]["artikelid"] == StickArticleID)
		{
			SelectedArticleColorCode = articleData[i]["colorCode"];
		}
	}

	var menge = 0;

	for (i=0;i < document.millieuform.length;i++)
	{
		var myName=document.millieuform.elements[i].name
		if (myName.indexOf("anr_") > -1)
		{
			if(document.getElementById("StickArticleID"+myName.substring(4,myName.length)) )
			{
				StickArticleID = myName.substring(4,myName.length);
			}

			if (isNaN(document.millieuform.elements[i].value))
				document.millieuform.elements[i].value="0"
			else
				document.millieuform.elements[i].value=Math.abs(document.millieuform.elements[i].value);

			menge = document.millieuform.elements[i].value;
		}
	}

	window.setTimeout("stick_inHopper('"+StickArticleID+"','"+menge+"')", 500);

}

function displayElement(id,display)
{
	if(document.getElementById(id))
	{
		document.getElementById(id).style.display = display;
	}
}


function changePriceMode(mode)
{
	var str = new String(document.millieuform.p.value);
	var pricemodestring = "<ac command='in_session'><formfield name='session_pricemode'>"+mode+"</formfield><formfield name='session_selectedPricemode'>"+mode+"</formfield><formfield name='session_pricemodechange'>"+1+"</formfield></ac>";
	document.millieuform.p.value=str.replace(/<ac command=.+ac>/,pricemodestring);
	document.millieuform.ac.value="in_session";
	document.millieuform.submit();
}

function pictureGallery()
{
	if(document.getElementById('pictureGallery'))
	{
		if(document.getElementById('pictureGallery').style.display == 'none')
		{
			centerPictureGallery();
			disableFSI();

			document.getElementById('imageview').style.display = 'block';
			document.getElementById('pictureGallery').style.display = 'block';
		}
		else
		{
			enableFSI();
			document.getElementById('pictureGallery').style.display = 'none';

		}
	}
}

function displayCrossSelling()
{
	if(document.getElementById('addonDiv'))
	{
		if(document.getElementById('addonDiv').style.display == 'none')
		{
			document.getElementById('addonDiv').style.display = 'block';
			document.getElementById('addonImg').src = '/images/templates/zubehoer-active.jpg';
			document.getElementById('addonImg').style.display = "inline";
			if(document.getElementById('moreOfRubricDiv'))
			{
				document.getElementById('moreOfRubricDiv').style.display = 'none';
				document.getElementById('moreOfRubricLeftImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-left.jpg)';
				document.getElementById('moreOfRubricMiddleImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-middle.jpg)';
				document.getElementById('moreOfRubricRightImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-right.jpg)';
			}
		}
	}
}

function displayMoreRubric()
{
	if(document.getElementById('moreOfRubricDiv'))
	{
		if(document.getElementById('moreOfRubricDiv').style.display == 'none')
		{
			document.getElementById('moreOfRubricDiv').style.display = 'block';
			document.getElementById('moreOfRubricLeftImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-active-left.jpg)';
			document.getElementById('moreOfRubricMiddleImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-active-middle.jpg)';
			document.getElementById('moreOfRubricRightImg').style.backgroundImage = 'url(/images/templates/andere-rubriken-active-right.jpg)';
			if(document.getElementById('addonDiv'))
			{
				document.getElementById('addonDiv').style.display = 'none';
				document.getElementById('addonImg').src = '/images/templates/zubehoer.jpg';
				document.getElementById('addonImg').style.display = "inline";
			}
		}
	}
}


function changeSize(id)
{
	if(document.getElementById("sizediv"+id))
	{
		if(document.getElementById("sizediv"+id).className != "sizecodesold")
		{
			var colorArray = new Array();

			for(i = 0;i < articleData.length;i++)
			{
				if(articleData[i]["sizeCode"] == id)
				{
					pos = colorArray.length;
					newcolor = true;
					for(s = 0;s <= colorArray.length;s++)
						if(colorArray[s] == articleData[i]["colorCode"])
							newcolor = false;
					if(newcolor && articleData[i]["verfuegbar"] != '3')
						colorArray[pos] = articleData[i]["colorCode"];
				}
			}

			for(i = 0;i < articleData.length;i++)
			{
				if(articleData[i]["sizeCode"] == id)
				{
					document.getElementById("sizediv"+id).className = "sizecodeselected";

					if(colorTable.length > 1)
					{
						for(x = 0; x < colorTable.length;x++)
						{
							existingColor = -1;
							for(z = 0; z < colorArray.length;z++)
							{
								if(colorArray[z] == colorTable[x])
								{
									existingColor = colorTable[x];
								}
							}
							if(existingColor != -1 && document.getElementById("colordiv"+colorTable[x]).className != "colorcodeselected")
							{
								document.getElementById("colordiv"+existingColor).className = "colorcode";
							}
						}
					}

					if(selartikelid != 0 && colorselected != -1)
					{
						aktartikelid = 0;
						artikelcolor = 0;
						for(z = 0; z < articleData.length;z++)
						{
							if(articleData[z]["sizeCode"] == id && articleData[z]["colorCode"] == colorselected)
							{
								aktartikelid = articleData[z]["artikelid"];
								sizeselected = articleData[z]["sizeCode"];
								artikelcolor = articleData[z]["colorName"];
							}
						}


						if(aktartikelid != 0)
						{
							document.getElementById("prod_id").name = aktartikelid;
							if(IE)
							{
								document.getElementById("chosensize").innerText = articleData[i]["sizeName"];
								document.getElementById("chosencolor").innerText = artikelcolor;
							}
							else
							{
								document.getElementById("chosensize").textContent = articleData[i]["sizeName"];
								document.getElementById("chosencolor").textContent = artikelcolor;
							}
							document.getElementById("hopperzusatz").name = "zus_"+aktartikelid;
							document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+aktartikelid+"' value='1' datatype='numeric'/>";

							setVeredelung(aktartikelid);
							setPrices(aktartikelid);

							document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon.png' width='110' height='42' border='0'/>"
						}
						else
						{
							document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_' value='1' disabled='disabled'  datatype='numeric'/>";
							document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon_disable.png' width='110' height='42' border='0'/>"
						}

					}
					else if(selartikelid == 0 && sizeTable.length == 1 || colorTable.length == 1)
					{
						aktartikelid = articleData[i]["artikelid"];
						sizeselected = articleData[i]["sizeCode"];
						if(sizeTable.length != 1)
							if(IE)
								document.getElementById("chosensize").innerText = articleData[i]["sizeName"];
							else
								document.getElementById("chosensize").textContent = articleData[i]["sizeName"];

						document.getElementById("prod_id").name = aktartikelid;
						if(IE)
							document.getElementById("chosensize").innerText = articleData[i]["sizeName"];
						else
							document.getElementById("chosensize").textContent = articleData[i]["sizeName"];

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

						setVeredelung(aktartikelid);
						setPrices(aktartikelid);

						document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon.png' width='110' height='42' border='0'/>"

					}
					else
					{
						selartikelid = articleData[i]["artikelid"];
						sizeselected = articleData[i]["sizeCode"];
					}
				}

			}

			for(i = 0;i < articleData.length;i++)
			{
				if(articleData[i]["sizeCode"] != id)
					if(document.getElementById("sizediv"+articleData[i]["sizeCode"]))
					if(document.getElementById("sizediv"+articleData[i]["sizeCode"]).className != "sizecodesold")
						document.getElementById("sizediv"+articleData[i]["sizeCode"]).className = "sizecode";
			}
		}
	}

}

function setVeredelung(id)
{

	for(ArticleIndex in articleData)
	{
		if(articleData[ArticleIndex]["artikelid"] == id)
			document.getElementById("hopperzusatz").value = articleData[ArticleIndex]["zusatz"];
	}

	for(index=0;index < veredelung.length;index++)
	{
		if(veredelung[index] == id)
			document.getElementById('upgradediv').style.display = 'block';
	}
}

function hasStickVeredelung(id)
{
	if(document.getElementById("StickArticleID"+id))
		return true;
	return false;
}

function setPrices(id)
{
	for(i=0;i < articleData.length;i++)
	{
		if(articleData[i]["artikelid"] == id)
		{
			var rabatt= articleData[i]["rabatt"];
			var origpreis = articleData[i]["originalPrice"];
			var grpreis = articleData[i]["grundpreis"];
			var bruttonetto =  articleData[i]["bruttonetto"];
			var bruttonettorabatt;
			if (bruttonetto == "netto")
			{
				bruttonetto = "ohne&nbsp;MwSt.";
				bruttonettorabatt = "o.&nbsp;MwSt."
			}
			else
			{
				bruttonetto = "mit&nbsp;MwSt.";
				bruttonettorabatt = "m.&nbsp;MwSt."
			}



			var Preisanzeige;

			if (rabatt != "0")
			{
				origpreis = origpreis.replace(/^\s+/,"")
				PriceToCheck = origpreis.replace(".","")
				rabatt= rabatt.replace(/^\s+/,"")
				grpreis = grpreis.replace(/^\s+/,"")

				Preisanzeige=
				'<div style="position:relative; width:178px; height:55px; background-repeat:no-repeat; background-image:url(../images/templates/rabatt.gif);">' +
				'<table cellpadding="0" cellspacing="0" border="0" width="168" style="position: relative; left: 6px; top: 7px;">'+
				'<tr height="24">'+
				'<td align="left" valign="top" width="73" style="font-weight: bold; font-size: 12.5pt;">-' + rabatt  + '%</td>'+
				'<td align="left" valign="bottom" >nur</td>'+
				'<td  valign="bottom"  align="right" style="font-weight: bold; font-size: 12pt;">'+grpreis+'</td>'+
				'</tr>'+
				'<tr>'+
				'<td  valign="bottom" align="left" style="padding-left: 5px; font-size: 9pt;  color: white; ">'+
					'<table cellpadding="0" cellspacing="0" border="0">'+
						'<tr>'+
							'<td>'+
								'<div style="float:left; position:relative; font-size: 9pt;  color: white;">'+
									origpreis +
									'<img src="../images/templates/querstrich.gif" style="height:9px; width: 100%; position: absolute; left:0px; margin-top:3px;" />'+
								'</div>'+
							'</td>'+
							'<td style="font-size: 9pt;  color: white;">&#160;€</td>'+
						'</tr>'+
					'</table>'+
				'</td><td valign="top" style="font-size: 10pt;">EUR</td>'+
				'<td valign="top" align="right">('+bruttonettorabatt +')</td>'+
				'</tr>'+
				'</table>'
				$('#CornerRabatt').css("display", "block")
				document.getElementById("grundpreis").innerHTML = Preisanzeige;

			}
			else
			{

				Preisanzeige= '<span class="millieuprice">' + grpreis+" EUR </span>  ("+bruttonetto+')' ;
				document.getElementById("grundpreis").innerHTML = Preisanzeige;
				$('#CornerRabatt').css("display", "none")
			}

			if(isScrew == "1")
			{
				$("#Description1").html(articleData[i]["description1"]);
				$("#Description2").html(articleData[i]["description2"]);
			}

			var articlePreis = articleData[i]["preis"].split("-");
			var articleSchwelle = articleData[i]["schwelle"].split("-");


			for (var j = 1; j <= 17; j++)
			{
				if(document.getElementById("Preis"+j))
				{
					if(articleSchwelle[j] > 0)
					{
						$("#Preis" + j).css("display", "block");
						if(isScrew == "1")
						{
							$("#Preis" + j).html("(ab "+articleSchwelle[j]+" Pack: "+articlePreis[j]+")");
						}
						else
							$("#Preis" + j).html("(ab "+articleSchwelle[j]+" Stück: "+articlePreis[j]+")");
					}
					else
					{
						$("#Preis" + j).css("display", "none");
						$("#Preis" + j).html("");
					}
				}
			}

			if(articleData[i]["artikelnr"] != 0)
			{
				document.getElementById("artnumber").innerHTML = "<span id='anr_"+id+"'>"+articleData[i]["artikelnr"]+"</span><input type='hidden' id='prodvar' name='prodvar' value='"+id+"' selected='true'>";
			}

			if(articleData[i]["verfuegbar"] >= 0 && articleData[i]["verfuegbar"] < 3)
			{
				if(articleData[i]["verfuegbar"] == 0)
				{
					document.getElementById("verfuegbarimg").src = "/static/images-new/smiley_gruen.gif";
					document.getElementById("verfuegbarimg").style.paddingRight = "5px";
					if(IE)
						document.getElementById("verfuegbartxt").innerText = "(sofort lieferbar)";
					else
						document.getElementById("verfuegbartxt").textContent = "(sofort lieferbar)";
				}
				if(articleData[i]["verfuegbar"] == 1 && articleData[i]["LongDeliveryTime"].length == 0 )
				{
					document.getElementById("verfuegbarimg").src = "/static/images-new/smiley_gelb.gif";
					document.getElementById("verfuegbarimg").style.paddingRight = "5px";
					if(IE)
						document.getElementById("verfuegbartxt").innerText = "(Lieferbar in Kürze)";
					else
						document.getElementById("verfuegbartxt").textContent = "(Lieferbar in Kürze)";
				}
				if(articleData[i]["verfuegbar"] == 2 && articleData[i]["LongDeliveryTime"].length == 0)
				{
					document.getElementById("verfuegbarimg").src = "/static/images-new/smiley_rot.gif";
					document.getElementById("verfuegbarimg").style.paddingRight = "5px";
					if(IE)
						document.getElementById("verfuegbartxt").innerText = "(ausverkauft)";
					else
						document.getElementById("verfuegbartxt").textContent = "(ausverkauft)";
				}

				if((articleData[i]["verfuegbar"] == 1 || articleData[i]["verfuegbar"] == 2) && articleData[i]["LongDeliveryTime"].length > 0)
				{
					document.getElementById("verfuegbarimg").src = "/static/images-new/smiley_gelb.gif";
					document.getElementById("verfuegbarimg").style.paddingRight = "5px";
					if(IE)
						document.getElementById("verfuegbartxt").innerText = "(Lieferbar ab ca. KW "+articleData[i]["LongDeliveryTime"]+")";
					else
						document.getElementById("verfuegbartxt").textContent = "(Lieferbar ab ca. KW "+articleData[i]["LongDeliveryTime"]+")";
				}

				document.getElementById("verfuegbarimg").style.display = "inline";

			}
			else
			{
				document.getElementById("verfuegbarimg").src = "/static/images-new/smiley_rot.gif";
				document.getElementById("verfuegbarimg").style.paddingRight = "5px";
				if(IE)
					document.getElementById("verfuegbartxt").innerText = "(ausverkauft)";
				else
					document.getElementById("verfuegbartxt").textContent = "(ausverkauft)";
				document.getElementById("verfuegbarimg").style.display = "inline";

			}

			if(document.getElementById("mengendiv"))
			{
				if(articleData[i]["menge"] != 0 && id != 0)
				{
					if(id == promotionArticleId)
					{
						document.getElementById("mengendiv").innerHTML = "<input style='color:#808080;' size='3' maxlength='4' id='mengeninput' name='anr_"+id+"' value='"+articleData[i]["menge"]+"' readonly='readonly' datatype='numeric'/>";
					}
					else
					{
						if(!hasStickVeredelung(id))
							document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+id+"' value='"+articleData[i]["menge"]+"' datatype='numeric'/>";
						else
						{
							if(articleData[i]["zusatz"] != "")
							{
								if(articleData[i]["zusatz"].indexOf("StitchingArt") > 0 && articleData[i]["linked"] == "1")
									document.getElementById("mengendiv").innerHTML = "<input style='border:1px solid #d9131d;' size='3' maxlength='4' id='mengeninput' name='anr_"+id+"' value='"+articleData[i]["menge"]+"' datatype='numeric'/>";
								else
									document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+id+"' value='"+articleData[i]["menge"]+"' datatype='numeric'/>";
							}
							else
								document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+id+"' value='"+articleData[i]["menge"]+"' datatype='numeric'/>";

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

		}
	}

	if(document.getElementsByName("veredelbutton").length > 0)
	{
		for(x = 0; x < document.getElementsByName("veredelbutton").length; x++)
			if(document.getElementsByName("veredelbutton")[x].parentNode)
			{
				document.getElementsByName("veredelbutton")[x].parentNode.style.display = "none";
			}

		if(document.getElementById("veredelbutton"+id))
			document.getElementById("veredelbutton"+id).style.display = "block";
	}
}

function colorInHover(id)
{
	if(document.getElementById("colordiv"+id).className != "colorcodesold")
	{
		document.getElementById("colordiv"+id).className = "colorcodehover";
	}
}

function colorOutHover(id)
{
	if(document.getElementById("colordiv"+id).className != "colorcodesold")
	{
		if(colorselected != id)
		{
			document.getElementById("colordiv"+id).className = "colorcode";
		}
		else
		{
			document.getElementById("colordiv"+id).className = "colorcodeselected";
		}
	}
}

function sizeInHover(id)
{
	if(document.getElementById("sizediv"+id).className != "sizecodesold")
		document.getElementById("sizediv"+id).className = "sizecodehover";
}

function sizeOutHover(id)
{
	if(document.getElementById("sizediv"+id).className != "sizecodesold")
	{
		if(sizeselected != id)
		{
			document.getElementById("sizediv"+id).className = "sizecode";
		}
		else
			document.getElementById("sizediv"+id).className = "sizecodeselected";
	}
}

function displayBasketPreview()
{
	$().ready(function() {
		if($('#combinations').length > 0)
		{
				var availableCombinations = 0;
			$.ajax({
					type: "POST",
					url: '/OnlineFiguratorService/Recommendations.asmx/getRecommendations',
					data: "{productCode:"+$('#productCode').text()+", colorCode:"+$('#colorCode').text()+",layer: "+$('#layer').text()+", mandantToken:'"+$("#OnlineFiguratorMandantToken").text()+"', numberOfResults:3, pricemode:'"+$("#OnlineFiguratorPriceMode").text()+"', priceNo:"+$("#OnlineFiguratorPriceNo").text()+"}",
					contentType: "application/json; charset=utf-8",
					dataType: "json",
					success:	function(data){
						Combinations = data.d;
					},
					error: function(err){
					},
					async: false
			});
			if(Combinations != null && Combinations.length > 0)
			{
				if(Combinations.length < 3)
				{
					for(i = 3; i > Combinations.length; i--)
					{
						$("#OnlineFiguratorPicture0"+i).remove();
						$("#OnlineFiguratorDescription0"+i).remove();
						$("#OnlineFiguratorSeparator"+i).remove();
					}
				}
			for(i = 0; i < Combinations.length; i++)
			{
				var params="products=";
				var products="products=";
						var imageAvailable = false;
						var zoomImageAvailabel = false;
						$("#OnlineFiguratorDescription0"+(i+1)+"> div:first-child").css("display","none");
				for(j = 1; j < Combinations[i].ProductList.length; j++)
				{
					params		+= Combinations[i].ProductList[j].ProductCode;
					products	+= Combinations[i].ProductList[j].ProductCode;
					params		+= ".";
					products	+= "-";
					params		+= Combinations[i].ProductList[j].ColorCode;
					products	+= Combinations[i].ProductList[j].ColorCode;
					params		+= ".";
					params		+= Combinations[i].ProductList[j].Layer;

					if(j < (Combinations[i].ProductList.length - 1) )
					{
						params		+= ",";
						products	+= ",";
					}

							if(!(Combinations[i].ProductList[j].Layer == $('#layer').text() || Combinations[i].ProductList[j].Layer == "-1")){
									$("#OnlineFiguratorDescription0"+(i+1)).append("<div>"+$("#OnlineFiguratorDescription0"+(i+1)+"> div:first-child").html()+"</div>");
							$("#OnlineFiguratorDescription0"+(i+1)+"> div:last-child").find(".OnlineFiguratorProductName").text(Combinations[i].ProductList[j].Name);
							$("#OnlineFiguratorDescription0"+(i+1)+"> div:last-child").find(".OnlineFiguratorPrice").text(Combinations[i].ProductList[j].MinPriceWQuantity.MinPrice +" EUR");
							if(Combinations[i].ProductList[j].MinPriceWQuantity.MinPriceQuantity > 1)
							$("#OnlineFiguratorDescription0"+(i+1)+"> div:last-child").find(".OnlineFiguratorPriceQuantity").text(Combinations[i].ProductList[j].MinPriceWQuantity.MinPriceQuantity);
							else
								$("#OnlineFiguratorDescription0"+(i+1)+"> div:last-child").find(".OnlineFiguratorPriceQuantity").parent().remove()
									$("#OnlineFiguratorDescription0"+(i+1)+"> div:last-child").css("display","block");
					}

				}
					$.ajax({
						type: "GET",
						url: '/OnlineFiguratorService/OnlineFiguratorImage.aspx?'+params,
						success:	function(){
							imageAvailable = true;
				$("#OnlineFiguratorPicture0"+(i+1)+" > .OnlineFiguratorImage > .OnlineFiguratorImageRegular > img").attr("src","/OnlineFiguratorService/OnlineFiguratorImage.aspx?"+params);
						},
						error: function(err){
							$("#OnlineFiguratorPicture0"+(i+1)).css("display","none");
							$("#OnlineFiguratorDescription0"+(i+1)).css("display","none");
							$("#OnlineFiguratorSeparator"+(i+1)).css("display","none");
						},
						async: false
					});

					$.ajax({
						type: "GET",
						url: '/OnlineFiguratorService/OnlineFiguratorImage.aspx?'+params+"&zoom=yes",
						success:	function(){
							zoomImageAvailabel = true;
				$("#OnlineFiguratorPicture0"+(i+1)+" > .OnlineFiguratorImage > .OnlineFiguratorImageZoom > img").attr("src","/OnlineFiguratorService/OnlineFiguratorImage.aspx?"+params+"&zoom=yes");
						},
						error: function(err){
							$("#OnlineFiguratorPicture0"+(i+1)).css("display","none");
							$("#OnlineFiguratorDescription0"+(i+1)).css("display","none");
							$("#OnlineFiguratorSeparator"+(i+1)).css("display","none");
						},
						async: false
					});
				$("#OnlineFiguratorPicture0"+(i+1)+" > .OnlineFiguratorImage > .products").append(products);
					if(imageAvailable && zoomImageAvailabel)
					{
						availableCombinations++;
					}
				}
				if(availableCombinations > 0)
				{
						$("#combinations").css("display","block");
					$("#OnlineFiguratorTracker").attr("src","/common/statistik/ActiveStatsPageView.asp?sid="+$("input^[name='sid']").val()+"&FolderName=OnlineFIGURATOR%20Combinations");
				}
			}


			}

		openPopUpDialog('orderInformation', 'Warenkorb', '500', '550', '/images/templates/warenkorb-logo.png', $('#orderInformation').html(), '', '', 'white', true, 'dark', 'right', false);
	});
}

function zoomIn(obj)
{
	if(typeof document.body.style.maxHeight == "undefined")
	{
		$(obj).find(".OnlineFiguratorImageZoom").css({position: 'absolute',	bottom: 0,left: '24px'});
	}

				$(obj).find(".OnlineFiguratorImageRegular").css("display","none");
	$(obj).find(".OnlineFiguratorImageZoom").css("display","block")
	.stop()
	.animate({
			left: '0px'
	}, 300);
				$(obj).find(".OnlineFiguratorImageZoom > img").css("display","block")
					.stop()
					.animate({
						width: '105px',
						height: '300px',
						left: '0px'
						}, 300);

}


function zoomOut(obj)
{
	$(obj).find(".OnlineFiguratorImageZoom").css("display","block")
	.stop()
	.animate({
			left: '24px'
	}, 300);
	$(obj).find(".OnlineFiguratorImageZoom > img").css("display","none")
		.stop()
		.animate({
			width: '58px',
			height: '165px'
			,left: '24px'
			},
			400,
			function(){
				$(obj).find(".OnlineFiguratorImageRegular").css("display","block")
				$(obj).find(".OnlineFiguratorImageZoom").css("display","none");
			}
		);
}

function clickCombination(obj)
{
			window.open("/onlinefigurator.asp?"+$(obj).find(".products").text()+"&sid="+$("input^[name='sid']").val(), "es2onlinefigurator", "width=1050,height=700,menubar=no,status=no,locationbar=no,scrollbars=yes,resizable=yes");
}

function tobasket()
{
	self.location.href = document.getElementById("basketLink").href;
}


function checkSizeCursor(id)
{
	if(sizeCatExists.search(id) == -1)
	{
		document.getElementById("reiterimage").style.cursor = "default";
	}
	else
	{
		document.getElementById("reiterimage").style.cursor = "pointer";
	}
}

function changeColor(id)
{
	if(document.getElementById("colordiv"+id))
	{
		/* Flash Color Change */
		if(document.getElementById("flashplayer") != null)
		{
			showFSI({ProductCode:ProductCode, ColorCode: id});
		}
		else
		{
			showStaticImage(id)
		}

		var sizeArray = new Array();
		for(i = 0;i < articleData.length;i++)
		{
			if(articleData[i]["colorCode"] == id)
			{

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

				if(newsize && articleData[i]["verfuegbar"] != "3")
				{
					sizeArray[pos] = articleData[i]["sizeCode"];
				}
			}
		}

		for(x = 0; x < sizeTable.length; x++)
		{
			if(document.getElementById("sizediv"+sizeTable[x]))
			{
					document.getElementById("sizediv"+sizeTable[x]).className = "sizecodesold";
			}
		}

		for(i = 0;i < articleData.length;i++)
		{
			if(articleData[i]["colorCode"] == id)
			{
				document.getElementById("colordiv"+id).className = "colorcodeselected";
				newsize = true;
				newsizeid = -1;

				if(sizeTable.length > 1)
				{
					for(x = 0; x <= sizeTable.length;x++)
					{
						existingSize = -1;
						for(z = 0; z < sizeArray.length;z++)
						{
							if(sizeArray[z] == sizeTable[x])
							{
								existingSize = sizeTable[x];
								if(existingSize == sizeselected)
									newsize = false;
							}
						}

						if(existingSize != -1)
						{
							if(document.getElementById("sizediv"+existingSize))
							document.getElementById("sizediv"+existingSize).className = "sizecode";
							if(newsize)
							{
								if(document.getElementById("sizeCat1") || document.getElementById("sizeCat2") || document.getElementById("sizeCat3"))
								{
									newSizeType = "";
									for(y = 0; y < articleData.length; y++)
									{
										if(articleData[y]["sizeCode"] == existingSize)
											newSizeType = articleData[y]["sizetypecode"]
									}

									if(document.getElementById("sizeCat1").style.display == "block")
									{
										if(newsizeid==-1 || newSizeType == 1)
										{
									newsizeid = existingSize;
										}
									}
									else if(document.getElementById("sizeCat2").style.display == "block")
									{
										if(newsizeid==-1 || newSizeType == 2)
										{
											newsizeid = existingSize;
										}
									}
									else if(document.getElementById("sizeCat3").style.display == "block")
									{
										if(newsizeid==-1 || newSizeType == 3)
										{
                                           newsizeid = existingSize;
										}
									}
								}
								else
									if(newsizeid == -1 || newsizeid*100 > existingSize*100)
									{
										newsizeid = existingSize;
									}
							}
						}

					}

					if(newsize)
					{
						document.getElementById("sizediv"+newsizeid).className = "sizecodeselected"
						sizeselected = newsizeid;
					}
					else
						document.getElementById("sizediv"+sizeselected).className = "sizecodeselected"

				}

				if(selartikelid != 0 && sizeselected != -1)
				{
					artikelsize = 0;
					artikelsizetype = 0;
					aktartikelid = 0;
					for(z = 0; z < articleData.length;z++)
					{
						if(articleData[z]["sizeCode"] == sizeselected && articleData[z]["colorCode"] == id)
						{
							aktartikelid = articleData[z]["artikelid"];
							colorselected = articleData[z]["colorCode"];
							artikelsize = articleData[z]["sizeName"];
							artikelsizetype = articleData[z]["sizetypecode"];
						}
					}

					if(aktartikelid != 0)
					{
						document.getElementById("prod_id").name = aktartikelid;
						document.getElementById("sizediv"+sizeselected).className = "sizecodeselected";

						if(document.getElementById("sizeCat1"))
						{
							if(artikelsizetype != "")
							{
								count = 0;

								for(y = 1; y < 4; y++)
								{
									if(sizeCatExists.search(y) != -1 )
										count++;
								}

								if(sizeCatExists.search('1') != -1 && count > 1)
								{
                                    if (document.getElementById("sizeCat1"))
										document.getElementById("sizeCat1").style.display = "none";
									if (document.getElementById("sizecatreiter1a"))
										document.getElementById("sizecatreiter1a").style.display = "none";
									if (document.getElementById("sizecatreiter1"))
										document.getElementById("sizecatreiter1").style.display = "block";
								}
								if(sizeCatExists.search('2') != -1 && count > 1)
								{
									if (document.getElementById("sizeCat2"))
										document.getElementById("sizeCat2").style.display = "none";
									if (document.getElementById("sizecatreiter2a"))
										document.getElementById("sizecatreiter2a").style.display = "none";
									if (document.getElementById("sizecatreiter2"))
										document.getElementById("sizecatreiter2").style.display = "block";
								}
								if(sizeCatExists.search('3') != -1 && count > 1)
								{	if (document.getElementById("sizeCat3"))
										document.getElementById("sizeCat3").style.display = "none";
									if (document.getElementById("sizecatreiter3a"))
										document.getElementById("sizecatreiter3a").style.display = "none";
									if (document.getElementById("sizecatreiter3"))
										document.getElementById("sizecatreiter3").style.display = "block";
								}

								if(artikelsizetype == 1 && count > 1)
								{	if (document.getElementById("sizeCat1"))
										document.getElementById("sizeCat1").style.display = "block";
									if(sizeCatArray.length > 0)
									{	if (document.getElementById("sizecatreiter1a"))
											document.getElementById("sizecatreiter1a").style.display = "block";
										if (document.getElementById("sizecatreiter1"))
											document.getElementById("sizecatreiter1").style.display = "none";

									}
								}
								else if(artikelsizetype == 2 && count > 1)
								{	if (document.getElementById("sizeCat2"))
										document.getElementById("sizeCat2").style.display = "block";
									if(sizeCatArray.length > 0)
									{	if (document.getElementById("sizecatreiter2a"))
											document.getElementById("sizecatreiter2a").style.display = "block";
										if (document.getElementById("sizecatreiter2"))
											document.getElementById("sizecatreiter2").style.display = "none";
									}
								}
								else if(artikelsizetype == 3 && count > 1)
								{	if (document.getElementById("sizeCat3"))
										document.getElementById("sizeCat3").style.display = "block";
									if(sizeCatArray.length > 0)
									{	if (document.getElementById("sizecatreiter3a"))
											document.getElementById("sizecatreiter3a").style.display = "block";
										if (document.getElementById("sizecatreiter3"))
											document.getElementById("sizecatreiter3").style.display = "none";
									}
								}

								$('div[id*="sizeCat"]').each(function(index){
									if($(this).find('div[name*="sizediv"]').length == $(this).find('.sizecodesold').length)
									{
										$(this).css({display: 'none'});
										var h = $(this).attr("id").substring(7);
										$('#sizecatreiter' + h ).css({display: 'none'});
										$('#sizecatreiter' + h + 'a').css({display: 'none'});
									}

								});
							}
						}
						if(IE)
						{
							document.getElementById("chosensize").innerText = artikelsize;
							document.getElementById("chosencolor").innerText = articleData[i]["colorName"];
						}
						else
						{
							document.getElementById("chosensize").textContent = artikelsize;
							document.getElementById("chosencolor").textContent = articleData[i]["colorName"];
						}
						document.getElementById("hopperzusatz").name = "zus_"+aktartikelid;
						document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+aktartikelid+"' value='1' disabled='disabled' datatype='numeric'/>";
						setVeredelung(aktartikelid);
						setPrices(aktartikelid);

						document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon.png' width='110' height='42' border='0'/>"

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

						document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon_disable.png' width='110' height='42' border='0'/>"
					}
				}
				else if(selartikelid == 0 && sizeTable.length == 1 || colorTable.length == 1)
				{

					aktartikelid = articleData[i]["artikelid"];
					colorselected = articleData[i]["colorCode"];
					if(colorTable.length != 1)
						if(IE)
							document.getElementById("chosencolor").innerText = articleData[i]["colorName"];
						else
							document.getElementById("chosencolor").textContent = articleData[i]["colorName"];


					document.getElementById("prod_id").name = aktartikelid;
					document.getElementById("hopperzusatz").name = "zus_"+aktartikelid;
					document.getElementById("mengendiv").innerHTML = "<input size='3' maxlength='4' id='mengeninput' name='anr_"+aktartikelid+"' value='1' datatype='numeric'/>";
					setVeredelung(aktartikelid);
					setPrices(aktartikelid);

					document.getElementById("inhopper").innerHTML = "<img src='/images/templates/wk_icon.png' width='110' height='42' border='0'/>"
				}
				else
				{
					selartikelid = articleData[i]["artikelid"];
					colorselected = articleData[i]["colorCode"];
				}
			}
		}
		for(i = 0;i < articleData.length;i++)
		{
			if(articleData[i]["colorCode"] != id)
				if(document.getElementById("colordiv"+articleData[i]["colorCode"]).className != "colorcodesold")
				{
					document.getElementById("colordiv"+articleData[i]["colorCode"]).className = "colorcode";
				}
		}

		$("#colorCode").text(id);
	}
}


function toMerker()
{
	if (document.getElementById("merkerLink")) {
	self.location.href = document.getElementById("merkerLink").href;
}
}

function displayMerkerPreview()
{
	//document.getElementById("merkerInformation").style.display = "block";
	if(document.getElementById("Merkzettel"))
	{
		if (document.getElementById("merkerLink")) {
		openPopUpDialog('Merkzettel', 'Merkerliste', '200', '600', '', $('#Merkzettel').html(), '', '', 'white', true, 'dark', 'right', false);
		} else {
			openPopUpDialog('MerkzettelLogin', 'Merkerliste', '200', '400', '', $('#MerkzettelLogin').html(), '', '', 'white', true, 'dark', 'right', false);
		}
	}
}


function closeBasketDiv()
{
	disablePopup("orderInformation");
	enableFSI();

}

function closeMerkerDiv()
{
	disablePopup("Merkzettel");
}

function closeMerkerLoginDiv()
{
	disablePopup("MerkzettelLogin");
}

function closeStitchingDiv()
{
	$("#backgroundPopup").fadeOut("slow");
	if(!IE)
		document.getElementById("backgroundPopup").style.display = "none";

	document.getElementById("StitchingFrame").style.display = "none";
}

function putToMerkerList(folderid,id)
{
	window.setTimeout("putToMerkerListDelay('"+folderid+"','"+id+"')", 300);
}

function putToMerkerListDelay(folderid,id)
{
	var str = new String(document.millieuform.p.value);

	if(document.getElementById("prodvar"))
	{
		var selartikelid =  document.getElementById("prodvar").value;

		if( selartikelid !=  "")
		{
			document.getElementById("merkernumber").innerHTML = "<input type='hidden' id='merkervar' name='merkervar' value='"+selartikelid+"'>";
			var merkerstring = "<ac command='in_merker'><item anr='"+id+"'>"+folderid+"</item></ac>";
			document.millieuform.p.value=str.replace(/<ac command=.+ac>/,merkerstring);
			document.millieuform.submit();
		}
	}
}


function changeSizeCat(id)
{
	if(document.getElementById("sizeCat"+id))
	{
		if(sizeCatExists.search(id) != -1)
		{
			for(i=1; i<100; i++)
			{
				if(document.getElementById("sizeCat"+i))
				{
					document.getElementById("sizeCat"+i).style.display = "none";
				}
			}
			document.getElementById("sizeCat"+id).style.display = "block";

			var obj = document.getElementById("sizeCat"+id);
			var selsizecode = 0;
			var selsizename = 0;
			var newsizecode = 0;


			for( var x = 0; x < obj.getElementsByTagName("div").length-1; x++ )
			{
				var childid = obj.getElementsByTagName("div")[x].attributes['id'].nodeValue;
				var childtitle = obj.getElementsByTagName("div")[x].attributes['title'].nodeValue;
				if(childid != "")
				{
				if(obj.getElementsByTagName("div")[x].className != "sizecodesold")
					{
						selsizecode = childid.replace(/^[^0-9]*/,"");
					}
				}

				if(childtitle != "" && selsizecode != 0)
				{
				  	if(selsizename == 0)
					{
				  		selsizename = childtitle;
						newsizecode = selsizecode;
					}
					if(selsizename*10 >= childtitle*10) // Achtung! Problematisch bei alphanumerischen strings
					{
						selsizename = childtitle;
						newsizecode = selsizecode;
					}
				}
			}

   		    if(selsizename != "" && newsizecode != "")
			{
				changeSize(newsizecode);
}

			for(var i = 1; i < 100; i++)
			{
				if(sizeCatExists.search(i) != -1)
				{
					if(i != id)
					{
						var sizeCat = document.getElementById("sizeCat"+i);
						var sizeCodeElements = sizeCat.getElementsByTagName("div");
						var sizeCodeExists = false;
						for(var j = 0; j < sizeCodeElements.length; j++)
						{
							if(sizeCodeElements[j].className == "sizecode"){
						document.getElementById("sizecatreiter"+i).style.display = "block";
						document.getElementById("sizecatreiter"+i+"a").style.display = "none";
								break;
							}
						}

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

		}
	}
}


function changeSizeCatDropDown(id, aktSizename)
{

	if(document.getElementById("sizeCat"+id))
	{
		if(sizeCatExists.search(id) != -1)
		{
			for(z = 0;z < document.getElementsByName("SizeCatDivId").length; z++)
			{
				SizeCatDivId = document.getElementsByName("SizeCatDivId")[z].value;
				if(document.getElementById("sizeCat"+SizeCatDivId))
					document.getElementById("sizeCat"+SizeCatDivId).style.display = "none";
			}
			document.getElementById("sizeCat"+id).style.display = "block";

			var newsizecode = "";
			var SizeCodeDivId = "";
			var change = true;
			for( y = 0; y < document.getElementsByName("SizeCodeDivId"+id).length; y++)
			{
				SizeCodeDivId = document.getElementsByName("SizeCodeDivId"+id)[y].value;
				//due to ie bug we need to check if its realy the right Element Name !
				valid = false;
				if(IE)
				{
					if(document.getElementsByName("SizeCodeDivId"+id)[y].name == "SizeCodeDivId"+id)
						valid = true;

					if(document.getElementById("sizediv"+SizeCodeDivId) && valid)
						if(document.getElementById("sizediv"+SizeCodeDivId).className != "sizecodesold")
							if(newsizecode == "")
								newsizecode = document.getElementsByName("SizeCodeDivId"+id)[y].value;
				}
				else
				{
				if(document.getElementById("SizeCodeDivId"+SizeCodeDivId))
				{
						if(document.getElementById("SizeCodeDivId"+SizeCodeDivId).getAttribute("name") == "SizeCodeDivId"+id)
							valid = true;
					}

				if(document.getElementById("sizediv"+SizeCodeDivId) && valid)
					if(document.getElementById("sizediv"+SizeCodeDivId).className != "sizecodesold")
						if(newsizecode == "")
							newsizecode = document.getElementById("SizeCodeDivId"+SizeCodeDivId).value;
				}


			}
			for(var position in articleData)
			{
				if (articleData[position]["SizeAcquisitionCode"] == aktSizename && articleData[position]["sizetypecode"] == id)
					newsizecode = articleData[position]["sizeCode"];
			}

  		     if(newsizecode != "")
   		    	changeSize(newsizecode);
		}
	}
}

function openOnlineFigurator()
{
	onlineKatWin = window.open("","es2onlinefigurator","width=1050,height=700,menubar=no,status=no,locationbar=no,scrollbars=no,resizable=yes");
	onlineKatWin.window.location.href = "/onlineFigurator.asp?products="+$("#productCode").text()+"-"+$("#colorCode").text()+"&sid="+$("input^[name='sid']").val();
	onlineKatWin.focus();
}



function getWidth() {
	if (window.innerWidth) {
		return window.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth){
		return document.documentElement.clientWidth;
	} else
	{
		return screen.availWidth;
	}
}


function getHeight() {
	if (window.innerHeight) {
		return window.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight){
		return document.documentElement.clientHeight;
	} else {
		return screen.availHeight;
	}
}



function centerPictureGallery(){
	//request data for centering



	var windowWidth = getWidth();
	var windowHeight = getHeight();
	var popupHeight = $("#pictureGallery").height()+30;
	var popupWidth = $("#pictureGallery").width()+30;

	var Scollheight = top.document.documentElement.scrollTop


		if (Scollheight == 0 && top.window.pageYOffset == "undefined")
		{
			Scollheight = top.window.pageYOffset;
		}

	var LeftPosition = ((windowWidth) ? windowWidth/2 - popupWidth/2 : 0) + 15;
	var TopPosition = ((windowHeight) ? windowHeight/2 - popupHeight/2 : 0)+30;
	TopPosition  = TopPosition > 30 ? TopPosition + Scollheight -30 : 0;


	//centering
	$("#pictureGallery").css({
			"position": "absolute",
			"top": TopPosition,
			"left": LeftPosition

			});

}

function enableFSI()
{
	if (document.getElementById("flashplayer"))
	{
		if(!!document.createElement('canvas').getContext || swfobject.hasFlashPlayerVersion("7.0.0"))
		{
			document.getElementById("imageview").style.display = "none";
			document.getElementById("flashplayer").style.display = "block";
			document.getElementById('flashplayer').style.width = '500px';
			document.getElementById('flashplayer').style.height = '450px';
		}
	}
}

function disableFSI()
{
	if (document.getElementById("flashplayer"))
	{
		if(!!document.createElement('canvas').getContext || swfobject.hasFlashPlayerVersion("7.0.0"))
		{
			document.getElementById('flashplayer').style.display = 'none';
			document.getElementById('imageview').style.display = 'block';
		}
	}
}

function showFSI(args)
{
	var platform = navigator.platform.toLowerCase();

	if(!platform.match(/ipad|iphone|ipod|android/))
	{
		showFlashFSI(args);
	}
	else
	{
		showHTMLFSI(args);
	}
}

function showFlashFSI(args)
{
			if (swfobject.hasFlashPlayerVersion("7.0.0"))
				{
					if (args.ColorCode != "0")
		{
			swfobject.embedSWF("http://myclip-cdn-01.imgdn.net/fsicache/myclip-cdn-01-fsi4/fsi.swf?cfg=ES/" + args.ProductCode + "-" + args.ColorCode, "fsiviewer", "500", "450", "7.0.0", "/images/templates/swf/expressInstall.swf", {}, {
					wmode:'transparent'
			});
		}
					else
		{
			swfobject.embedSWF("http://myclip-cdn-01.imgdn.net/fsicache/myclip-cdn-01-fsi4/fsi.swf?cfg=ES/" + args.ProductCode, "fsiviewer", "500", "450", "7.0.0", "/images/templates/swf/expressInstall.swf", {}, {
				wmode:'transparent'
			});
		}
	}else
	{
		showHTMLFSI(args);
	}
}

function showHTMLFSI(args)
	{
		if(!!document.createElement('canvas').getContext)
		{
			if (args.ColorCode != "0")
				FSIModule.getInstance().showFSI({id:args.ProductCode +'-' + args.ColorCode});
			else
				FSIModule.getInstance().showFSI({id:args.ProductCode});
	}else
	{
		disableFSI();
		showStaticImage(args.ColorCode);
	}
}

function showStaticImage(id)
{
	for (i=0; i < articleData.length; i++)
	{
		if(articleData[i]["colorCode"] == id)
		{
			if (articleData[i]["pictureFile"] != "")
			{
				document.getElementById("imageviewImg").src = "/bilderpool/activeTrade/images/products/" + articleData[i]["pictureFile"];
				break;
			}
		}
	}
}

function fsiInit()
{
	FSIModule.getInstance().fsiContainerWidth = 500;
	FSIModule.getInstance().fsiContainerHeight = 450;
	$('#fsiviewer').css({height: '450px', width: '500px', position: 'relative'})
	FSIModule.getInstance().init(document.getElementById("fsiviewer"), 'FSIModule');
}