var justClose = "false";

function closeInfoPopUp() {

	if (document.getElementById){
		document.getElementById("darkLayer").style.visibility="hidden";
		document.getElementById("infoPopup").style.visibility="hidden";
	}else{
		if (document.layers){
			document.darkLayer.visibility = "hidden";
			document.infoPopup.visibility = "hidden";
		}else {
			document.all.darkLayer.style.visibility = "hidden";
			document.all.infoPopup.style.visibility = "hidden";
		}
	}
}

function versionSelectIn(id){
	if(document.getElementById("versBox"+id).className != "versBoxAkt"){
		document.getElementById("versBox"+id).className = "versBoxHover";
	}
}

function versionSelectOut(id){
	if(document.getElementById("versBox"+id).className != "versBoxAkt"){
		document.getElementById("versBox"+id).className = "versSelectBox";
	}
}



function filterMat(matval){
	var i = 1;
	while(document.getElementById("mattab"+i)){
		if(matval == "alles"){
			document.getElementById("mattab"+i).style.display = "";
		}else{
			if(document.getElementById("mattab"+i).title == matval){
				document.getElementById("mattab"+i).style.display = "";
			}else{
				document.getElementById("mattab"+i).style.display = "none";
			}
		}
		i++;
	}
}

var xmlhttp = false; 

function check_price(uid, artikelid, menge, version, zeige_mengenreduzierung, mindestmenge){

	menge = parseInt(menge, 10);
	mindestmenge = parseInt(mindestmenge, 10);

	if(menge < mindestmenge){
		menge = mindestmenge;
	}

	if(zeige_mengenreduzierung === undefined){
  	zeige_mengenreduzierung = 0;
  }

	var url = "https://www.safetymarking.ch/ap/" + uid + "?call=get_artikel_detail&artikel_id=" + artikelid + "&menge=" + menge;
	if(version == "true"){
		var versionsel;
		if(document.getElementById("version")){
			versionsel = document.getElementById("version").value;
		}else{
			var i = 0;
			var k = 0;
			while(document.getElementById("version"+i)){
				if(document.getElementsByName("version")[i].checked == true){
					versionsel = document.getElementsByName("version")[i].value;
				}
				i++;
			}
		}
		url += "&version_auswahl=" + versionsel;
	}
		
	if(typeof pla !== "undefined" ){
		if(pla == true){
			url += "&shopping=true";
		}
	}
		
	if (window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest();
	}else if (window.ActiveXObject){
		try {
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	xmlhttp.onreadystatechange = function(){viewcheck(uid, artikelid, menge, version, zeige_mengenreduzierung);}; 
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function viewcheck(cp_uid, cp_artikelid, cp_menge, cp_version, zeige_mengenreduzierung) {

	cp_menge = parseInt(cp_menge, 10);

	if(cp_uid === undefined){
  		cp_uid = "";
  	}
	if(cp_artikelid === undefined){
  		cp_artikelid = "";
  	}
	if(cp_menge === undefined){
  		cp_menge = "";
  	}
	if(cp_version === undefined){
  		cp_version = "";
  	}
	if(zeige_mengenreduzierung === undefined){
  		zeige_mengenreduzierung = 0;
  	}

	document.getElementById("popupContent").innerHTML = "";

	if (xmlhttp.readyState == 4) {
		if (xmlhttp.status == 200) {
			var preis = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("einzelpreis")[0].firstChild.nodeValue;
			var grundpreis = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("einzelpreis2")[0].firstChild.nodeValue;
			var grundpreis_neu = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("grundpreis")[0].firstChild.nodeValue;
			var versanddat = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("lieferdatum")[0].firstChild.nodeValue;
			var artikelgewicht = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("artikelgewicht")[0].firstChild.nodeValue;
			
			
			var arr_datum = versanddat.split(".");
			var end_datum = arr_datum[2]+"/"+arr_datum[1]+"/"+arr_datum[0];
			var liefer_tag = Date.parse(end_datum);
			liefer_tag = liefer_tag/1000;
			liefer_tag = Math.round(liefer_tag);
			var d = new Date();
			var t = d.getTime();
			t= t/1000;
			t= Math.round(t);
			var waittime = liefer_tag - t;
			waittime = Math.ceil(waittime/(24*3600));

			var bestand = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("bestand")[0].firstChild.nodeValue;
			bestand = bestand.replace(".", "");
			bestand = parseInt(bestand, 10);
			var menge = parseInt(document.artikelForm.menge.value, 10);

			var positionsrabatt = xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("positionsrabatt")[0].firstChild.nodeValue;
			var rabattpreis = "";
			if(positionsrabatt != "0,00"){
				positionsrabatt = positionsrabatt.replace(".", "");
				positionsrabatt = positionsrabatt.replace(",", ".");
				var originalpreis = preis.replace(".", "");
				originalpreis = originalpreis.replace(",", ".");
				rabattpreis = ((originalpreis*100)*((1-(positionsrabatt/100))*100))/100
				rabattpreis = Math.round(rabattpreis)/100;
				rabattpreis += " &nbsp;CHF";
				rabattpreis = rabattpreis.replace(".", ",");
			}

			var liefer_tag_ab = waittime+1;
			var liefer_tag_bis = waittime+3;
			if(waittime == 0){
			  var lieferungszeit = "sofort versandfertig";
			  versanddat = "<b>heute</b> ("+(versanddat)+")";
			  var verfuegbarkeit = "Verfügbarkeit: <span class=\"green bold\">auf Lager</span>";
			  document.getElementById("lieferungsdatum").className = "green";
		   	if(document.getElementById("topmodal_lieferungsdatum")) {
					document.getElementById("topmodal_lieferungsdatum").className = "green";
		   	}
			}else if(waittime == 1){
			   var lieferungszeit = "Anlieferung in "+(liefer_tag_ab)+" - "+ (liefer_tag_bis)+ " Tagen";
			   versanddat = "<b>morgen</b> ("+(versanddat)+")";
			   var verfuegbarkeit = "Verfügbarkeit: <span class=\"green bold\">auf Lager</span>";
			}else {
				if(bestand > 0 && menge <= bestand){
					var verfuegbarkeit = "Verfügbarkeit: <span class=\"green bold\">auf Lager</span>";
				}else{
					var verfuegbarkeit = "";
				}
				if(waittime > 14){
					document.getElementById("lieferungsdatum").className = "";
					if(document.getElementById("topmodal_lieferungsdatum")) {
						document.getElementById("topmodal_lieferungsdatum").className = "";
					}
					var lieferungszeit = "Anlieferung in mehr als 2 Wochen";
				}else {
					document.getElementById("lieferungsdatum").className = "";
					if(document.getElementById("topmodal_lieferungsdatum")) {
						document.getElementById("topmodal_lieferungsdatum").className = "";
					}
					var lieferungszeit = "Anlieferung in "+(liefer_tag_ab)+" - "+ (liefer_tag_bis)+ " Tagen";
				}		
		  	}
			var preiscalc = preis.replace(".", "");
			preiscalc = preiscalc.replace(",", ".");
			preiscalc = ((preiscalc*100)*((8.1/100+1)*100))/100;
			preiscalc = Math.round(preiscalc)/100;
			var preisbrutto = preiscalc.toString();
			preisbrutto = preisbrutto.replace(".", ",");
			var laenge = preisbrutto.length;
			var sep = preisbrutto.indexOf(",");
			if(laenge != 1){
				if(laenge - sep == 2){
					preisbrutto += "0";
				}
				if(sep == -1){
					preisbrutto += ",00";
				}
			}
			if(laenge == 1 && sep == -1){
				preisbrutto += ",00";
			}
			preisbrutto += " &nbsp;CHF";
	        preis += " &nbsp;CHF";

			document.getElementById("price").innerHTML=preis;
			if(rabattpreis != ""){
				document.getElementById("rabattprice").innerHTML=rabattpreis;
			}
			if(document.getElementById("topmodal_price")) {
				document.getElementById("topmodal_price").innerHTML=preis;
				if(rabattpreis != ""){
					document.getElementById("topmodal_rabattprice").innerHTML=rabattpreis;
				}
			}
			
			document.getElementById("bruttopr").innerHTML=preisbrutto;
			if(document.getElementById("topmodal_bruttopr")) {
				document.getElementById("topmodal_bruttopr").innerHTML=preisbrutto;
			}
			
			var hasgrundpreis_neu = grundpreis_neu;
			hasgrundpreis_neu = hasgrundpreis_neu.replace(",", ".");
	    	hasgrundpreis_neu = parseFloat(hasgrundpreis_neu);

			var hasgrundpreis = grundpreis;
			hasgrundpreis = hasgrundpreis.replace(",", ".");
	    	hasgrundpreis = parseFloat(hasgrundpreis);
	    	hasgrundpreis *= 100;

			if(hasgrundpreis_neu > 0){
				var grundpreiscalc_neu = grundpreis_neu.replace(".", "");
				grundpreiscalc_neu = grundpreiscalc_neu.replace(",", ".");
				grundpreiscalc_neu = ((grundpreiscalc_neu*100)*((8.1/100+1)*100))/100;
				grundpreiscalc_neu = Math.round(grundpreiscalc_neu)/100;
				var grundpreisbrutto_neu = grundpreiscalc_neu.toString();
				grundpreisbrutto_neu = grundpreisbrutto_neu.replace(".", ",");
				var grundlaenge_neu = grundpreisbrutto_neu.length;
				var grundsep_neu = grundpreisbrutto_neu.indexOf(",");
				
				if(grundlaenge_neu != 1 ){
					if(grundlaenge_neu - grundsep_neu == 2){
						grundpreisbrutto_neu += "0";
					}
				}
				
				if(grundsep_neu == -1){
						grundpreisbrutto_neu += ",00";
				}
				
				grundpreisbrutto_neu += " &nbsp;CHF";
		        grundpreis_neu += " &nbsp;CHF";
				if(document.getElementById("grundprice")){
					document.getElementById("grundprice").innerHTML=grundpreis_neu;
				}
				if(document.getElementById("topmodal_grundprice")){
					document.getElementById("topmodal_grundprice").innerHTML=grundpreis_neu;
				}
				if(document.getElementById("grundbruttopr")){
					document.getElementById("grundbruttopr").innerHTML=grundpreisbrutto_neu;
				}
				if(document.getElementById("topmodal_grundbruttopr")){
					document.getElementById("topmodal_grundbruttopr").innerHTML=grundpreisbrutto_neu;
				}
			}else{
				if(hasgrundpreis > 0){
					var grundpreiscalc = grundpreis.replace(".", "");
					grundpreiscalc = grundpreiscalc.replace(",", ".");
					grundpreiscalc = ((grundpreiscalc*100)*((8.1/100+1)*100))/100;
					grundpreiscalc = Math.round(grundpreiscalc)/100;
					var grundpreisbrutto = grundpreiscalc.toString();
					grundpreisbrutto = grundpreisbrutto.replace(".", ",");
					var grundlaenge = grundpreisbrutto.length;
					var grundsep = grundpreisbrutto.indexOf(",");
					
					if(grundlaenge != 1 ){
						if(grundlaenge - grundsep == 2){
							grundpreisbrutto += "0";
						}
					}
					
					if(grundsep == -1){
							grundpreisbrutto += ",00";
					}
					
					grundpreisbrutto += " &nbsp;CHF";
			        grundpreis += " &nbsp;CHF";
					if(document.getElementById("topmodal_grundprice")){
						document.getElementById("grundprice").innerHTML=grundpreis;
					}
					if(document.getElementById("topmodal_grundprice")){
						document.getElementById("topmodal_grundprice").innerHTML=grundpreis;
					}
					if(document.getElementById("grundbruttopr")){
						document.getElementById("grundbruttopr").innerHTML=grundpreisbrutto;
					}
					if(document.getElementById("topmodal_grundbruttopr")) {
						document.getElementById("topmodal_grundbruttopr").innerHTML=grundpreisbrutto;
					}
				}
			}
			
			document.getElementById("verfuegbarkeit").innerHTML=verfuegbarkeit;
			if(document.getElementById("topmodal_verfuegbarkeit")) {
				document.getElementById("topmodal_verfuegbarkeit").innerHTML=verfuegbarkeit;
			}

			document.getElementById("versanddatum").innerHTML=versanddat;
			if(document.getElementById("topmodal_versanddatum")) {
				document.getElementById("topmodal_versanddatum").innerHTML=versanddat;
			}
			
			var bestnr = document.getElementById("artDetBnr").firstChild.nodeValue;
			var wantval = parseInt(document.artikelForm.menge.value, 10);
			
			document.getElementById("lieferungsdatum").innerHTML= lieferungszeit;
			if(document.getElementById("topmodal_lieferungsdatum")) {
				document.getElementById("topmodal_lieferungsdatum").innerHTML= lieferungszeit;
			}
			
			if(xmlhttp.responseXML.getElementsByTagName("artikel")[0].getElementsByTagName("auslauf")[0].firstChild.nodeValue == "true"){

				if(menge > bestand){
					document.artikelForm.menge.value = bestand;
					check_price(cp_uid, cp_artikelid, bestand, cp_version, 1);
					document.getElementById("popupContent").innerHTML = "<p>Von diesem Artikel sind nur noch " + bestand + " Stück verfügbar.</p><p>Die Menge wurde entsprechend angepasst.</p>";
					
				}
			}
			
			if(zeige_mengenreduzierung == 1){
				document.getElementById("popupContent").innerHTML = "<p>Von diesem Artikel sind nur noch " + bestand + " Stück verfügbar.</p><p>Die Menge wurde entsprechend angepasst.</p>";
			}
			
			var sumprice = parseFloat(document.getElementById("price").innerHTML.replace(",", ".")) * parseInt(document.artikelForm.menge.value, 10);

			if(document.getElementById("artGewicht")) {
				document.getElementById("artGewicht").innerHTML=artikelgewicht;

			}
		}
	}
}

function reloadVersion(url, linenr, version){

	var i = 1;
	while(document.getElementById("mattab"+i)){
		if(document.getElementById("mattab"+i).className == "activeRow"){
			document.getElementById("mattab"+i).className = "";
		}
		i++;
	}
	document.getElementById("mattab"+linenr).className = "activeRow";
	document.getElementById("radio"+linenr).checked = "checked";
	if(document.getElementById("matfilter")){
		var matselval = document.getElementById("matfilter").value;
		matselval = matselval.split(" ").join("_");
		if(matselval != "alles"){
			url += "?materialfilter=" + matselval;
		}
	}
	if(version){
		url += "?version=" + version;
	}
	//url += "#price";
	window.location.href = url;
	return false;
}

function changeVersion(id, versval){
	if(document.getElementById("versBox"+id)){
		if(document.getElementById("versBox"+id).className != "versBoxAkt"){
			var k = 1;
			while(document.getElementById("versBox"+k)){
				document.getElementById("versBox"+k).className = "versSelectBox";
				k++;
			}
			document.getElementById("versBox"+id).className = "versBoxAkt";			
			
			if(document.getElementById("versTitle")){
			document.getElementById("versTitle").innerHTML = document.getElementById("versBox"+id).title;
			}
			
		}
	}	
	if(document.getElementById("version")){
		document.getElementById("version").value = versval;
	}	
	if(document.getElementById("selectMerkliste")){
		document.getElementById("selectMerkliste").disabled = false;
	}
}

function clearTI(valueNow, valueStan){
	if (valueNow == valueStan){
		return "";
	}else{
		return valueNow;
	}
}

function restoreTI(valueNow, valueStan){
	if (valueNow == ""){
		return valueStan;
	}else{
		return valueNow;
	}
}

function change_zahlart(showbank){
	if(showbank === false){
		document.getElementById("hidediv").style.display = "none";
	}else{
		document.getElementById("hidediv").style.display = "";
	}
}

function changeProdPic(picurl){
	document.getElementById("bigProdImg").src = picurl;
	var slash = String.fromCharCode(47);
	var picurlbig = picurl.split(slash+"280"+slash).join(slash+"600"+slash);
	document.getElementById("bigpiclink").href = picurlbig;
}
var menge_focussed = false;


function closeWkPopup(){
	if(justClose == "true"){
		return false;
	}else{
		return true;
	}
}

function changeViewed(where){
	active += where;
	if(active < 0){ active = maxViewed; }
	if(active > maxViewed) { active = 0; }
	
	document.getElementById("changeProd").innerHTML = "<a href=\"" + lastArrUrl[active] + "\"><img src=\"" + lastArrPic[active] + "\" alt=\"Bild wird geladen...\"/></a>";
	return false;
}
function setbreite(element, breite) {
	document.getElementById(element).style.width = breite;
}



var menge_focussed_1=true;


// Anfang Fuer Direkt Bestellung

document.addEventListener("DOMContentLoaded", () => {
  const form = document.getElementById("direkt_bestellung_form");
  const bestellZahlInput = document.getElementById("bestell_zahl");

  document.querySelector(".add").addEventListener("click", () => {
    const lastRow = form.querySelector("tbody tr:last-child");
    let trId = parseInt(lastRow?.id || "0", 10);
    trId++;
    const newRow = document.createElement("tr");
    newRow.id = trId;

    newRow.innerHTML = `
      <td align='center'>${trId}.</td>
      <td><input id='artikel_id_${trId}' name='artikel_id_${trId}' class='input_artikeNr' maxlength='15' size='12' type='text' value=''></td>
      <td><input class='input_menge' maxlength='5' size='5' type='text' onfocus='this.select();' id='menge_${trId}' name='menge_${trId}' value=''></td>
      <td>
        <span class='rightAlign boxText_direkt' id='result_${trId}'></span>
        <div id='bestellImg_${trId}' style='float:left; padding:0 10px; display:none'>
          <img src='' id='img_id_${trId}' height='80' />
        </div>
      </td>
      <td><input style='background-color:#FFFFFF; border:0; padding-left:5px;' type='text' size='17' tabindex='-1' id='einzelpreis_${trId}' name='einzelpreis_${trId}' readonly></td>
    `;

    form.querySelector("tbody").appendChild(newRow);
    bestellZahlInput.value = trId;
  });

  document.querySelector(".del").addEventListener("click", () => {
    const rows = form.querySelectorAll("tbody tr");
    if (rows.length > 5) {
      const lastRow = rows[rows.length - 1];
      lastRow.remove();
      bestellZahlInput.value = rows.length - 1;
    }
  });

  form.addEventListener("blur", async (event) => {
    if (event.target.classList.contains("input_artikeNr")) {
      const input = event.target;
      const row = input.closest("tr");
      const posId = row.cells[0].textContent.replace(".", "");
      let artikelId = input.value.trim().replace(" ", "").toUpperCase();
      let version = 0;

      if (artikelId.includes("/")) {
        [artikelId, version] = artikelId.split("/");
        row.querySelector(`#artikel_id_${posId}`).value = artikelId;
      }

      const mengeInput = row.querySelector(`#menge_${posId}`);
      if (!mengeInput.value && artikelId) {
        mengeInput.value = 1;
      }

      const resultSpan = row.querySelector(`#result_${posId}`);
      resultSpan.innerHTML = `<img height=180 src='https://www.wolkdirekt.com/assets/img/loading.gif'>`;

      if (artikelId) {
        const params = new URLSearchParams({
          i_artikel_id: artikelId,
          i_menge: mengeInput.value,
          pos_id: posId,
          version: version || 0
        });

        try {
          const response = await fetch("myAjax.php", {
            method: "POST",
            headers: { "Content-Type": "application/x-www-form-urlencoded" },
            body: params.toString()
          });

          const text = await response.text();
          const arr = text.split("#");
          const [error, beschreibung, preis, bild, versionInfo, freitext] = arr;

          const resultHTML = [beschreibung, versionInfo, freitext].filter(Boolean).join("");
          resultSpan.innerHTML = error.trim() ? error : resultHTML;

          const bildname = bild;
          const img = row.querySelector(`#img_id_${posId}`);
          const imgWrapper = row.querySelector(`#bestellImg_${posId}`);
          img.src = bildname;
          imgWrapper.style.display = versionInfo && !version ? "none" : "block";

          const preisInput = row.querySelector(`#einzelpreis_${posId}`);
          preisInput.value = preis;

          if (versionInfo && !version) {
            const select = row.querySelector(`#select_${posId}`);
            if (select) {
              select.classList.add("error");
              select.addEventListener("change", () => {
                const selected = select.options[select.selectedIndex];
                img.src = selected.getAttribute("name");
                if (selected.getAttribute("name") !== "choose_version") {
                  select.classList.remove("error");
                  imgWrapper.style.display = "block";
                } else {
                  imgWrapper.style.display = "none";
                  select.classList.add("error");
                }
              });
            }
          }
        } catch (e) {
          resultSpan.textContent = "Fehler beim Laden.";
        }
      } else {
        mengeInput.value = "";
        resultSpan.innerHTML = "";
      }
    }
  }, true);

  form.addEventListener("blur", async (event) => {
    if (event.target.classList.contains("input_menge")) {
      const input = event.target;
      const row = input.closest("tr");
      const posId = row.cells[0].textContent.replace(".", "");
      let artikelId = row.querySelector(`#artikel_id_${posId}`).value.trim().replace(" ", "").toUpperCase();

      if (artikelId) {
        const params = new URLSearchParams({
          i_artikel_id: artikelId,
          i_menge: input.value,
          pos_id: posId
        });

        try {
          const response = await fetch("myAjax.php", {
            method: "POST",
            headers: { "Content-Type": "application/x-www-form-urlencoded" },
            body: params.toString()
          });

          const text = await response.text();
          const arr = text.split("#");
          const [error, beschreibung, preis, bild, versionInfo, freitext] = arr;

          if (error.trim() === "" && versionInfo.trim() === "") {
            const resultSpan = row.querySelector(`#result_${posId}`);
            resultSpan.innerHTML = [beschreibung, versionInfo, freitext].filter(Boolean).join("");

            const img = row.querySelector(`#img_id_${posId}`);
            const imgWrapper = row.querySelector(`#bestellImg_${posId}`);
            img.src = bild;
            imgWrapper.style.display = "block";
          }

          const preisInput = row.querySelector(`#einzelpreis_${posId}`);
          preisInput.value = preis;
        } catch (e) {
          console.error("Fehler beim Neuberechnen der Menge", e);
        }
      }
    }
  }, true);
});

<!--End Direkt Bestellung -->
function selectForm(){
	var formSelected= $("input[name='form']:checked").val();
	switch(formSelected) {
		case "Rechteck":{
			$("#sign_breite,#sign_hoehe").removeClass("inputReadonly");
			$("#sign_breite,#sign_hoehe").removeAttr("Readonly")
			$("#sign_schenkel,#sign_durchmesser").addClass("inputReadonly");
			$("#sign_schenkel,#sign_durchmesser").attr("Readonly", "Readonly")
			$("#sign_schenkel,#sign_durchmesser").val("")
			break
		}
		case "Dreieck":{
			$("#sign_schenkel").removeClass("inputReadonly")
			$("#sign_schenkel").removeAttr("readonly")
			$("#sign_breite,#sign_hoehe, #sign_durchmesser").addClass("inputReadonly");
			$("#sign_breite,#sign_hoehe,#sign_durchmesser").attr("Readonly", "Readonly")
			$("#sign_breite,#sign_hoehe,#sign_durchmesser").val("")			
		break
		}
		case "Kreis":{
			$("#sign_durchmesser").removeClass("inputReadonly")
			$("#sign_durchmesser").removeAttr("Readonly")
			$("#sign_breite,#sign_hoehe, #sign_schenkel").addClass("inputReadonly");
			$("#sign_breite,#sign_hoehe,#sign_schenkel").attr("Readonly", "Readonly")
			$("#sign_breite,#sign_hoehe,#sign_schenkel").val("")	
			break
		}
		case "Sonderform":{
			$("#sign_breite,#sign_hoehe, #sign_schenkel,#sign_durchmesser").addClass("inputReadonly")
			$("#sign_breite,#sign_hoehe,#sign_schenkel,#sign_durchmesser").attr("Readonly", "Readonly")
			$("#sign_breite,#sign_hoehe,#sign_schenkel,#sign_durchmesser").val("")
		}
	} 
}

$(function(){ 
  $("input[name='form']").change(function(){
	selectForm();
  } );
});

$(function(){ 
  $("#materialart").change(function(){
  	var materialartSelected= $("#materialart").find("option:selected").attr("value");
	  	if (materialartSelected == "… und viele weitere Materialien auf Anfrage"){
	  		$("#sondermat").show();
	  	}else{
	  		$("#sondermat").hide();
	  		$("#sondermat").val("");
	  	}	
  	
  	 switch (materialartSelected){
  	 	case "Das OPTIMALE Material":
  	  		$("#matinfos").html("<p><b class=\"red\">Informationen zum Material:</b><br/>Bitte bieten Sie mir das für meine Bedürfnisse optimalste Material an; den Einsatzzweck habe ich unten im Feld  8 (Anmerkungen / Zusatzinfos) beschrieben.</p><br>");
  	  		break;
  	 	case "Aluminium, 1,0 bis 2,0 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>stabiles Vollmaterial, für den Außeneinsatz geeignet</p><br>");
  	  		break;
  	 	case "Aluminium Edelstahloptik, 1,0 bis 2,0 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>stabiles Vollmaterial, gravierfähig,  für den Außeneinsatz geeignet</p><br>");
  	  		break;
  	 	case "Aluminium geprägt, 0,4 bis 0,8 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>als Werbeschild (z.B. mit Logos)  bis zum Format max. 60 x 40 cm,<br/>als reines Textschild mit Einbrennlackierung  bis zum Format max. 100 x 60 cm; für den Außeneinsatz geeignet</p><br>");
  	  		break;
  	 	case "Aluminium-Verbundmaterial (Dibond) 2 - 3 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>das stabile Material besteht aus zwei  dünnen Aluminiumplatten, zwischen denen sich ein harter Kunststoffkern befindet, dadurch leichter als Vollmaterial; für den Außeneinsatz geeignet</p><br>");
  	  		break;
 		case "Aluminium-Folie":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>sehr dünn gewalztes Aluminium mit stark haftendem Kleber; Einsatz überwiegend für Typen- und Leistungsschilder, nachträgliche Beschriftung  mit Kugelschreiber ist möglich, dadurch „prägt“ sich der Text ein (Manipulationssicherheit!) </p><br>");
  	  		break; 	  
 		case "Sicherheits-/Dokumenten-Folie":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>Selbstklebende Spezialfolie, die beim Ablöseversuch in kleine Stückchen zerreißt. Vorwiegende Verwendungen als Siegel, Prüfplaketten, Kontrolletiketten, und Inventarkennzeichnung</p><br>");
  	  		break;
 		case "Folie, permanent haftend":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>selbstklebende Folien; je nach Einsatzzweck aus PVC, PP (Polypropylen) oder PET (Polyester); erfolgt keine Angabe, bieten wir Ihnen die unserer Meinung nach optimalste Folie an</p><br>");
  	  		break;
 		case "Folie, sehr stark haftend":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>selbstklebende Folie aus PVC mit extrem gutem Kleber, der sogar auf Polypropylen haftet</p><br>");
  	  		break;
 		case "Folie, non-permanent haftend (wiederablösbar)":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>selbstklebende Folie aus PVC, die Folie ist leicht zu entfernen</p><br>");
  	  		break;
 		case "Magnetfolie":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>haftet ohne Kleber auf allen Stahl- und Blechteilen wie z.B. Kraftfahrzeugen, Maschinen, Schaltschränken, Regalen etc. und lässt sich mühelos entfernen und erneut anbringen</p><br>");
  	  		break;
 		case "Kunststoffe 0,4 bis 2,0 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>Weich-PVC (0,4 mm) oder schlagzähes Hart-PVC, vorwiegend für den Inneneinsatz geeignet sowie 2- oder 3-schichtiger Gravierkunststoff für den Außeneinsatz</p><br>");
  	  		break;
 		case "Hartschaumplatten 3,0 bis 10,0 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>geschäumte PVC-Platten, die bedingt durch ihr Gewicht ideal für größere Formate geeignet sind; vorwiegend für den Inneneinsatz geeignet</p><br>");
  	  		break;
 		case "Plexiglas 3,0 bis 10,0 mm":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>vorwiegender Einsatz für Praxis- und Firmenschilder sowie für dekorative Werbeschilder; für den Innen- und Außeneinsatz geeignet</p><br>");
  	  		break;
 		case "Sicherheitsglas (ESG) inkl. Edelstahlbefestigung":
  	  		$("#matinfos").html("<p><b>Informationen zum Material:</b><br/>für Praxis- und Firmenschilder sowie für dekorative Werbeschilder;  für den Innen- und Außeneinsatz geeignet</p><br>");
  	  		break;
 		default:
  	  		$("#matinfos").html("");
  	}  	
  })
})


// ####### lazy load   ####///

$(function() {
$("img.lazy").lazyload({ threshold : 200 });
});


// ### END Lazy load  #####//


function showInfoPopup() {
	if (document.getElementById){
		document.getElementById("darkLayer").style.visibility="visible";
		document.getElementById("infoPopup").style.visibility="visible";
	}else{
		if (document.layers){
			document.darkLayer.visibility = "visible";
			document.infoPopup.visibility = "visible";
		}else {
			document.all.darkLayer.style.visibility = "visible";
			document.all.infoPopup.style.visibility = "visible";
		}
	}
}
function FFSuggest() {
	
	var pRequest;
	var pLayer;
	var pDebug					= false;
	var pInstanceName			= "";
	var pSearchURL				= "";
	var pQueryParamName			= "";
	var pFormname 				= "";
	var pLayerName				= "";
	var pQueryInput;
	var pSuggest				= new Array();
	var pLastQuery;
	var pCurrentSelection		= 0;
	var submitted				= false;

	var pSuggestQueryClass 		= "suggestTextQuery";
	var pSuggestTypeClass 		= "suggestTextType";
	var pSuggestAmountClass     = "suggestTextAmount";
	var pSuggestPicClass     	= "suggestPic";	
	var pSuggestQueryTypedClass = "suggestTextQueryTyped";
	var pSuggestFooterClass     = "suggestFooter";
	var pSuggestHeaderClass     = "suggestHeader";
	var pSuggestRowClass	    = "suggestRow";
	var pSuggestHighlightClass  = "suggestHighlight";

	this.init = function(searchURL, formname, queryParamName, divLayername, instanceName, debugMode, mandantParamName, mandant) {
		pSearchURL			= searchURL;
		pFormname			= formname;
		pQueryParamName		= queryParamName;
		pMandantParamName	= mandantParamName;
		pMandant			= mandant;
		pLayerName			= divLayername;
		pInstanceName		= instanceName;
 		pDebug				= debugMode;
		if (pSearchURL == "") {		
			if (pDebug) alert("no searchurl defined");
			return null;
		} else if (pInstanceName == "") {
			if (pDebug) alert("no instancename defined");
			return null;
		} else if (pFormname == "") {
			if (pDebug) alert("no formname defined");
			return null;
		} else if (pQueryParamName == "") {
			if (pDebug) alert("no queryparamname defined");
			return null;
		} else if (pLayerName == "") {
			if (pDebug) alert("need a layer for output");
		}
		pQueryInput = document[pFormname][pQueryParamName];
		pQueryInput.onkeyup	= handleKeyPress;
		//pQueryInput.onfocus	= showLayer;
		//pQueryInput.onblur	= hideLayer;
		document[pFormname].onsubmit = handleSubmit;
	}
	
	function handleSubmit() {
		submitted = true;
		if (pSuggest[pCurrentSelection] != undefined) {
			document[pFormname][pQueryParamName].value = pSuggest[pCurrentSelection].split("###")[0];
		}
	}
	
	this.handleClick = function() {
		if (pSuggest[pCurrentSelection] != undefined) {
			document[pFormname][pQueryParamName].value = pSuggest[pCurrentSelection].split("###")[0];
			document[pFormname].submit();
		}
	}
	
	this.handleMouseOver = function(pos) {
		var tblCell = getTableCell(pos);
		if (tblCell != null) {
			pCurrentSelection = pos;
		}
	}
	
	this.handleMouseOut = function(pos) {
		var tblCell = getTableCell(pos);
		if (tblCell != null) {
			pCurrentSelection = -1
		}
	}
	
	function handleKeyPress(evt) {
		evt = (evt) ? evt : ((event) ? event : null);
		var keyCode = evt.keyCode;
		if (keyCode == 38) {
			moveSelection("up")
		} else if (keyCode == 27) {	
			hideLayer();
		} else if (keyCode == 40) {
			moveSelection("down");
		} else {
			if (pQueryInput.value == "") {
				hideLayer();
				if (pLayer != null){ pLayer.innerHTML = ""; }
				return null;
			}
			if (pLastQuery != pQueryInput.value){ startAjax(); }
			pLastQuery = pQueryInput.value;
		}
	}
	
	function moveSelection(direction) {
		var pos = pCurrentSelection;
		if (direction == "up"){	pos--; }
		else{ 					pos += 1; }
		
		if (pos < 0) {
			pQueryInput.focus();
			pCurrentSelection	= -1;
		} else {
			var tblCell = getTableCell(pos);
			if (tblCell != null) {
				pCurrentSelection = pos;
			}
		}
		
		var query = pQueryInput.value;
		pQueryInput.value = "";
		pQueryInput.focus();
		pQueryInput.value = query; 
	}
	
	function startAjax() {
		var query = encodeURIComponent(pQueryInput.value);
		var requestURL = pSearchURL +"?"+ pQueryParamName +"="+ escape(query) +"&"+ pMandantParamName +"="+ pMandant;
		
		try {
			if( window.XMLHttpRequest ) {
				pRequest = new XMLHttpRequest();
			} else if( window.ActiveXObject ) {
				pRequest = new ActiveXObject( "Microsoft.XMLHTTP" );
			} else {
				if (pDebug) alert( "no ajax connection" );
			}
			
			pLayer = document.getElementById(pLayerName);
			if (pLayer != null) {
				if (query != "") {

					pRequest.open( "GET", requestURL, true );
					pRequest.onreadystatechange = callbackAjax;
					pRequest.send( null );
				} else {
					hideLayer();
				}
			} else {
				if (pDebug) alert( "no layer for output found" );
			}
		} catch( ex ) {
			hideLayer();
			if (ex == undefined) {
				if (pDebug) alert( "Error: " + ex.getmessage );
			} else {
				if (pDebug) alert( "Error: " + ex );
			}
		}
	}
	
	function hideLayer() {
		if (pLayer != null) {
			pLayer.style.display = "none";
			fireSuggestLayerHidden();
		}
	}
	
	this.hideLayerOutsideCall = function() {
		if (pLayer != null) {
			pLayer.style.display = "none";
			fireSuggestLayerHidden();
		}
	}
	
	//Hier ist irgendwas falsch am Namen der Funktion
	function showLayer() {
		if (pLayer != null && pSuggest != null && pSuggest.length >= 1) {
			pLayer.style.display = "block";
		}
	}
	
	function callbackAjax() {
		if (submitted == false) {
			if (pRequest.readyState == 4) {
				if (pRequest.status != 200) {
					hideLayer();
					if (pDebug) alert( "Error (" + pRequest.status + "): " + pRequest.statusText );
				} else {
					handleResponse(pRequest.responseText);
				}
			}
		}
  }

	// calls the callback for "outside" listeners if the callback is implemented
	function fireSuggestCompleted(suggestLayerIsVisible) {
		if (typeof(onSuggestCompleted) == "function") {
			onSuggestCompleted(suggestLayerIsVisible);
		}
	}
	
	// calls the callback for "outside" listeners if the callback is implemented
	function fireSuggestLayerHidden() {
		if (typeof(onSuggestLayerHidden) == "function") {
			onSuggestLayerHidden();
		}
	}

	function handleResponse(text) {
		pCurrentSelection = -1;
		pSuggest = new Array();
		pSuggest = text.split("\n");
		var outputText = '<div id="' + pLayerName + '" onMouseDown="' + pInstanceName + '.handleClick();"><div class="row">';
		
		var pNewSuggest = new Array();
		for (var i in pSuggest) {
			var firstChar = pSuggest[i].charCodeAt(0);
			if (firstChar != 13 && firstChar != 10 && pSuggest[i].length >= 1) {
				pNewSuggest.push(pSuggest[i]);
			}
		}
		pSuggest = pNewSuggest;
		var query = pQueryInput.value;
		var heading = '';
		
		for (var i in pSuggest) {
			pSuggestParts = new Array();
			pSuggestParts = pSuggest[i].split("###");
			
			var suggestPic = '';
			if(pSuggestParts[3]){
				suggestPic = pSuggestParts[3]; 
			} 
			
			var shortpSuggestQuery = pSuggestParts[0];
			if(shortpSuggestQuery.length > 80) {
			    shortpSuggestQuery = shortpSuggestQuery.substring(0,80)+"...";
			}
			shortpSuggestQuery = shortpSuggestQuery.replace(new RegExp("("+query+")","ig"),'<span class="'+pSuggestQueryTypedClass+'">$1</span>');

			
			if(heading == ''){
				heading = pSuggestParts[2];
				if(pSuggestParts[2] == 'Suche'){
					outputText += '<div class="small-16 medium-5 columns left lpad0"><p><b>Suchvorschläge</b></p>';
					outputText +=  '<span id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');">' + shortpSuggestQuery + '</span><br>';
				}else if(pSuggestParts[2] == 'Produkt'){
					outputText += '<p><b>Passende Warengruppen</b></p><div class="row flex-container"><div class="small-16 medium-3 contentBox columns rmar11 text-center" id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');"><img src="' + suggestPic + '"><br><span class="alignLeft block">' + shortpSuggestQuery + '</span></div>';
				}else if(pSuggestParts[2] == 'Artikel'){
					outputText += '<p><b>Passende Artikel</b></p><div class="row flex-container"><div class="small-16 medium-3 contentBox columns rmar11 text-center" id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');"><img src="' + suggestPic + '"><br><span class="alignLeft block">' + shortpSuggestQuery + '</span></div>';
				}else{
					outputText += '<div class="small-16 medium-5 columns left lpad0"><p><b>' + pSuggestParts[2] + 'n</b></p>';
					outputText += '<span id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');">' + shortpSuggestQuery + '</span><br>';
				}
			}else if(heading !== pSuggestParts[2]){
				heading = pSuggestParts[2];
				if(pSuggestParts[2] == 'Produkt'){
					outputText += '</div></div><p><b>Passende Warengruppen</b></p><div class="row flex-container"><div class="small-16 medium-3 contentBox columns rmar11 text-center" id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');"><img src="' + suggestPic + '"><br><span class="alignLeft block">' + shortpSuggestQuery + '</span></div>';
				}else if(pSuggestParts[2] == 'Artikel'){
					outputText += '</div></div><p><b>Passende Artikel</b></p><div class="row flex-container"><div class="small-16 medium-3 contentBox columns rmar11 text-center" id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');"><img src="' + suggestPic + '"><br><span class="alignLeft block">' + shortpSuggestQuery + '</span></div>';
				}else{
					outputText += '</div><div class="small-16 medium-5 columns left lpad0">';
					outputText += '<p><b>' + pSuggestParts[2] + 'n</b></p>';
					outputText +=  '<span id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');">' + shortpSuggestQuery + '</span><br>';
				}
			}else{
				if(pSuggestParts[2] == 'Produkt' || pSuggestParts[2] == 'Artikel'){
					outputText += '<div id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');" class="small-16 medium-3 contentBox columns left rmar11 text-center"><img src="' + suggestPic + '"><br><span class="alignLeft block">' + shortpSuggestQuery + '</span></div>';
				}else{
					outputText +=  '<span id="' + pLayerName + '_' + i + '" onMouseOver="' + pInstanceName + '.handleMouseOver(' + i + ');" onMouseOut="' + pInstanceName + '.handleMouseOut(' + i + ');">' + shortpSuggestQuery + '</span><br>';
				}
			}
			
		}
		
		outputText += '</div></div>';
		
		if (pSuggest.length >= 1) {
			showLayer();
			pLayer.innerHTML = outputText;

			// calback for "outside" listeners
			fireSuggestCompleted(true);
		} else {
			hideLayer();
			pLayer.innerHTML = '';
			fireSuggestCompleted(false);
		}
		
	}
	
	function getTableCell(pos) {
		var tblCell;
		tblCell = document.getElementById(pLayerName + '_' + pos);
		return tblCell;
	}
}


	var suggest			= new FFSuggest();

			var searchURL		= "assets/functions/searchsuggest.php";
			var formname		= "searchForm";
			var queryParamName	= "search_phrase";
			var mandantParamName= "channel";
			var mandant			= "wolk";
			var divLayername	= "suggestLayer";
			var instanceName	= "suggest";
			var debugMode		= false;
			suggest.init(searchURL, formname, queryParamName, divLayername, instanceName, debugMode, mandantParamName, mandant);
			document.onmousedown = suggest.hideLayerOutsideCall;

$("#yvid").click(function(){
	if(window.yvid != undefined){
		document.getElementById("vflip").innerHTML = '<div class="youtube" data-embed="'+ yvid +'"><div class="play-button"></div><img src="https://static.wolkdirekt.com/img/vi/'+ yvid +'/sddefault.jpg"></div>';
	}
});

$("#yvidm").click(function(){
	if(window.yvid != undefined){
		document.getElementById("vflip").innerHTML = '<div class="youtube" data-embed="'+ yvid +'"><iframe allowfullscreen="" style="width: 100%; height: 100%;" src="https://www.youtube-nocookie.com/embed/'+ yvid +'?autoplay=1&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;iv_load_policy=3" frameborder="0"></iframe></div>';
	}
});


$(document).ready(function(){

    $(window).resize(function() {
        ellipses1 = $(".breadcrumbs :nth-child(2)")
        if ($(".breadcrumbs a:hidden").length >0) {ellipses1.show()} else {ellipses1.hide()}    
    });
    
		$('.prodimgs').slick({
			dots: true,
			infinite: false,
			arrows: true
		});
		
		$('.multiple-items').slick({
			dots: false,
			arrows: true,
			infinite: false,
		  slidesToShow: 4,
		  lazyLoad: 'ondemand',
		  slidesToScroll: 4,
	    responsive: [
	    {
	      breakpoint: 1024,
	      settings: {
	        slidesToShow: 3,
	        slidesToScroll: 3
	      }
	    },
	    {
	      breakpoint: 600,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 480,
	      settings: {
	        slidesToShow: 1,
	        slidesToScroll: 1
	      }
	    }
	  	]
		});

		$('.multiple-items3').slick({
			dots: true,
			arrows: true,
			infinite: false,
		  slidesToShow: 3,
		  lazyLoad: 'ondemand',
		  slidesToScroll: 3,
	  
	    responsive: [
	    {
	      breakpoint: 1024,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 600,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 480,
	      settings: {
	        slidesToShow: 1,
	        slidesToScroll: 1
	      }
	    }
	  	]
		});
		
		$('.multiple-items4').slick({
			dots: true,
			arrows: true,
			infinite: false,
		  slidesToShow: 4,
		  lazyLoad: 'ondemand',
		  slidesToScroll: 4,
	  
	    responsive: [
	    {
	      breakpoint: 1024,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 600,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 480,
	      settings: {
	        slidesToShow: 1,
	        slidesToScroll: 1
	      }
	    }
	  	]
		});					

		$('.multiple-items6').slick({
			dots: false,
			arrows: true,
			infinite: false,
		  slidesToShow: 6,
		  lazyLoad: 'ondemand',
		  slidesToScroll: 6,
	    responsive: [
	    {
	      breakpoint: 1024,
	      settings: {
	        slidesToShow: 3,
	        slidesToScroll: 3
	      }
	    },
	    {
	      breakpoint: 600,
	      settings: {
	        slidesToShow: 2,
	        slidesToScroll: 2
	      }
	    },
	    {
	      breakpoint: 480,
	      settings: {
	        slidesToShow: 1,
	        slidesToScroll: 1
	      }
	    }
	  	]
		});					
		
		$(".slickthumb").mouseover(function() {
				var slideIndex = $(this).index();
				$('.prodimgs').slick('slickGoTo', parseInt(slideIndex, 10),true);
		});
		
		$("#ekomiref, #erating").click(function(){
			$.ajax({
			  method: "POST",
			  url: "ekomi.php",
			  data: { ID: aid, NR: anr },
			  cache: false
			})
			  .done(function( html ) {
			    $( "#userratings" ).html( html );
			  });
		});	  		    
    
});

var wdproductsall = [];
var finwd = false;
$(".wditems").appear();

var wdpromoall = [];
var finwdpromo = false;
$(".promoitems").appear();

$(".multiple-items").on("beforeChange", function(event, slick, direction){ 
	$(window).scrollTop($(window).scrollTop()+2);
	$(window).scrollTop($(window).scrollTop()-2);
});
$(".multiple-items6").on("beforeChange", function(event, slick, direction){ 
	$(window).scrollTop($(window).scrollTop()+2);
	$(window).scrollTop($(window).scrollTop()-2);
});

$(".wditems").one("appear",function(){

	var wd_item_list_id = wdproducts[(this.id)].list.replace(/[^a-z0-9]/gi, '_').toLowerCase();
	var wd_item_list = wdproducts[(this.id)].list;

	wdproductsall.push({
	      	'item_id': wdproducts[(this.id)].id,
	        'item_name': wdproducts[(this.id)].name,   
	        'price': wdproducts[(this.id)].price,
	        'item_brand': wdproducts[(this.id)].brand,
	        'item_category': wdproducts[(this.id)].category,
	        'item_variant': wdproducts[(this.id)].variant,	        
			'item_list_id': wd_item_list_id,
			'item_list_name': wdproducts[(this.id)].list,		        
	        
	        'index': wdproducts[(this.id)].position,
	        'quantity': 1

	}); 
	//console.log(this.id);

finwd = true;
});

$(".promoitems").one("appear",function(){
	wdpromoall.push({

	      	'id': wdpromos[(this.id)].id,
	        'name': wdpromos[(this.id)].name,   
	        'creative': wdpromos[(this.id)].creative,
	        'position': wdpromos[(this.id)].position

	}); 
	
	

finwdpromo = true;
});

$(window).on('beforeunload', function(){
	if(finwd){
  	
	var wd_item_list_id = wdproducts[1].list.replace(/[^a-z0-9]/gi, '_').toLowerCase();
	var wd_item_list = wdproducts[1].list;
  	  
	 dataLayer.push({
		'event': 'view_item_list',
	  	'ecommerce': {
				  'item_list_id': wd_item_list_id,
				  'item_list_name': wd_item_list,	  	
		      'items':           
		        wdproductsall   
		   }	      
	  });	  
	  
	  //console.log(wd_item_list);
	}
	if(finwdpromo){
	 dataLayer.push({
		'event': 'customEventHide',
	  'eventCategory': 'Promo View',
		'eventAction': location.pathname,  
	  'eventLabel': 'Ansicht',
	  	'ecommerce': {
		    'promoView': {
		      'promotions':
		        	wdpromoall
		        }
		   }	      
	  });
	}
});

$(".wditems").click(function(productObj) {
  
		var wd_item_list_id = wdproducts[(this.id)].list.replace(/[^a-z0-9]/gi, '_').toLowerCase();
  	
  
	 dataLayer.push({
		'event': 'select_item',
	  	'ecommerce': {
				  'item_list_id': wd_item_list_id,
				  'item_list_name': wdproducts[(this.id)].list,	  	
		      'items': [ 
		      {          
		      	'item_id': wdproducts[(this.id)].id,
		        'item_name': wdproducts[(this.id)].name,   
		        'price': wdproducts[(this.id)].price,
		        'item_brand': wdproducts[(this.id)].brand,
		        'item_category': wdproducts[(this.id)].category,
		        'item_variant': wdproducts[(this.id)].variant,	        
					  'item_list_id': wd_item_list_id,
					  'item_list_name': wdproducts[(this.id)].list,		        
		        
		        'index': wdproducts[(this.id)].position,
		        'quantity': 1 
			    }
			    ]    
		   }	      
	  });	  
  	
  	//console.log("select:");
  	//console.log(wdproducts[(this.id)].id);

});


$(".promoitems").click(function(productObj) {

	  dataLayer.push({
	    'event': 'customEvent',
		  'eventCategory': 'Promo Klick',
		  'eventAction': location.pathname,
		  'eventLabel': 'Klick',    
	    'ecommerce': {
		    'promoClick': {
					'promotions': [{     
					 'id': wdpromos[(this.id)].id,            
					 'name': wdpromos[(this.id)].name,
					 'creative': wdpromos[(this.id)].creative,
					 'position': wdpromos[(this.id)].position		      
		      }]
		    }
	    }
	  });

});


$(".promoitem").click(function(productObj) {

	  dataLayer.push({
	    'event': 'customEvent',
		  'eventCategory': 'Promo Klick',
		  'eventAction': location.pathname,
		  'eventLabel': 'Klick',    
	    'ecommerce': {
		    'promoClick': {
					'promotions': [{     
					 'id': wdpromo.id,            
					 'name': wdpromo.name,
					 'creative': wdpromo.creative,
					 'position': wdpromo.position		      
		      }]
		    }
	    }
	  });

});

$(".kracheritem").click(function(productObj) {

	  dataLayer.push({
	    'event': 'customEvent',
		  'eventCategory': 'Kracher Klick',
		  'eventAction': location.pathname,
		  'eventLabel': 'Klick',    
	    'ecommerce': {
		    'promoClick': {
					'promotions': [{     
					 'id': wdkracher.id,            
					 'name': wdkracher.name,
					 'creative': wdkracher.creative,
					 'position': wdkracher.position		      
		      }]
		    }
	    }
	  });

});

$(".bonusitem").click(function(productObj) {

	  dataLayer.push({
	    'event': 'customEvent',
		  'eventCategory': 'Bonus Klick',
		  'eventAction': location.pathname,
		  'eventLabel': wdbonuswert,    
	    'ecommerce': {
		    'promoClick': {
					'promotions': [{     
					 'id': wdbonus.id,            
					 'name': wdbonus.name,
					 'creative': wdbonus.creative,
					 'position': wdbonus.position		      
		      }]
		    }
	    }
	  });

});



$(document).ready(function()
{

	if(typeof wdpromo != "undefined"){
	 dataLayer.push({
		'event': 'customEventHide',
	  'eventCategory': 'Promo View',
		'eventAction': location.pathname,  
	  'eventLabel': 'Ansicht',
	  	'ecommerce': {
		    'promoView': {
		      'promotions': [
		      {     
					 'id': wdpromo.id,            
					 'name': wdpromo.name,
					 'creative': wdpromo.creative,
					 'position': wdpromo.position		      
		      }]
		    }
		  }	      
	  });
	}

	if(typeof wdkracher != "undefined"){
	 dataLayer.push({
		'event': 'customEventHide',
	  'eventCategory': 'Kracher View',
		'eventAction': location.pathname,  
	  'eventLabel': 'Ansicht',
	  	'ecommerce': {
		    'promoView': {
		      'promotions': [
		      {     
					 'id': wdkracher.id,            
					 'name': wdkracher.name,
					 'creative': wdkracher.creative,
					 'position': wdkracher.position		      
		      }]
		    }
		  }	      
	  });
	}	

	if(typeof wdbonus != "undefined"){
	 dataLayer.push({
		'event': 'customEventHide',
	  'eventCategory': 'Bonus View',
		'eventAction': location.pathname,  
	  'eventLabel': wdbonuswert,
	  	'ecommerce': {
		    'promoView': {
		      'promotions': [
		      {     
					 'id': wdbonus.id,            
					 'name': wdbonus.name,
					 'creative': wdbonus.creative,
					 'position': wdbonus.position		      
		      }]
		    }
		  }	      
	  });
	}

	  $("#topmodal_inwarenkorb").click(function() {

  		dataLayer.push({
				'event': 'customEvent',
				'eventCategory': 'Artikeldetail',
				'eventAction': 'Topmodal Klick',
				'eventLabel': location.pathname,
				'eventValue': '0.00'
			});
	  });
			
	  $("#hideTopmodal").click(function() {

  		dataLayer.push({
				'event': 'customEvent',
				'eventCategory': 'Artikeldetail',
				'eventAction': 'Topmodal Ausblenden',
				'eventLabel': location.pathname,
				'eventValue': '0.00'
			});
	  });

	  $("#productTitleContainer").mouseup(function() {
	    var $selectedText = getSelectedText();
	  	if($selectedText != "")
	  	{
	  		dataLayer.push({
					'event': 'customEvent',
					'eventCategory': 'Artikeldetail',
					'eventAction': 'Textauswahl',
					'eventLabel': $selectedText,
					'eventValue': '0.00'
				});

				wdpromo = {
					 'id': 'TEXTAUSWAHL_POPUP',
					 'name': 'Textauswahl Popup',
					 'creative': 'popup1',
					 'position': 'Artikeldetails'
					};

        $( "#pricemodal" ).empty().append('<div class="pricemodal-content"><h4>Qualität zu einem guten Preis.<br>Bei uns bekommen Sie beides.</h4><p class="botmar arrlink5">Wünschen Sie ein <b>individuelles Angebot?</b><br>Sprechen Sie uns an:</p><a id="pricemodal-request" href="kontakt.html" class="button secondary right promoitem">Preisanfrage</a></div>');

				dataLayer.push({
					'event': 'customEventHide',
					'eventCategory': 'Promo View',
					'eventAction': location.pathname,  
					'eventLabel': 'Ansicht',
					'ecommerce': {
				    'promoView': {
				      'promotions': [
				      {     
							 'id': wdpromo.id,            
							 'name': wdpromo.name,
							 'creative': wdpromo.creative,
							 'position': wdpromo.position		      
				      }]
				    }
				  }	      
				});
				setTimeout('$( "#pricemodal" ).empty()',10000);
			}
	  });

		$("#pricemodal").on("click", "#pricemodal-request", function() {
			var $selectedText = getSelectedText();

  		dataLayer.push({
				'event': 'customEvent',
				'eventCategory': 'Artikeldetail',
				'eventAction': 'Textauswahl Klick',
				'eventLabel': $selectedText,
				'eventValue': '0.00'
			});

			wdpromo = {
				 'id': 'TEXTAUSWAHL_POPUP',
				 'name': 'Textauswahl Popup Klick',
				 'creative': 'popup1',
				 'position': 'Artikeldetails'
				};

			dataLayer.push({
				'event': 'customEventHide',
				'eventCategory': 'Promo View',
				'eventAction': location.pathname,  
				'eventLabel': 'Klick',
				'ecommerce': {
			    'promoView': {
			      'promotions': [
			      {     
						 'id': wdpromo.id,            
						 'name': wdpromo.name,
						 'creative': wdpromo.creative,
						 'position': wdpromo.position		      
			      }]
			    }
			  }
			});
	  });

	  function getSelectedText() {
	  	if (window.getSelection) {
	  		return window.getSelection().toString();
	    } else if (document.selection) {
	    	return document.selection.createRange().text;
	    }
	    return "";
	  }

	var slider_width = $("#pollSlider").width();
	$("#pollSliderbutton").hover(function() {
    if($("#pollSliderbutton").css("margin-right") == "0px" && !$(this).is(":animated"))
    {  
        $("#pollSlider").animate({"margin-right": "0px"},"slow");
        
        $("#pollSliderbutton").animate({"margin-right": "115px"},"slow");  
    }
  });
    
   
  $("#pollSlider").mouseout(function() {
    if($("#pollSliderbutton").css("margin-right") == "115px" && !$(this).is(":animated"))
    {
        $("#pollSlider").animate({"margin-right": "-115px"},"slow");
        
        $("#pollSliderbutton").animate({"margin-right": "0px"},"slow");
    }
  });    


	if($.cookie("service") == null || $(window).width() > 1500){ 

    if($("#pollSliderbutton").css("margin-right") == "0px" && !$(this).is(":animated") )
    {    
  			$("#pollSlider,#pollSliderbutton").delay(3000).animate({"margin-right": "+="+slider_width},"slow").delay(3000); 
				$.cookie("service", "show"); 
    }

    if( $(window).width() < 1500)
		{
		$("#pollSlider,#pollSliderbutton").animate({"margin-right": "-="+slider_width},"slow");
		}
  
  } 
  
function checkchat() {
  if($("#chat").length){
		$("#pollSliderbutton").html("<img src=\"assets/img/chat-but.png\" alt=\"Beratung\"/>");
  }else{
		$("#poll").html(" ");
  }
}

setTimeout(checkchat,1000);  

	var zlider_height = $("#pollZlider").height();
  
  $("#pollZlider").mouseout(function() {
        $("#pollZlider").animate({"margin-top": "-213px"},"slow");
        $("#pollZliderbutton").animate({"margin-top": "0px"},"slow");
  });

	if($.cookie("service") == null){ 
    if($("#pollZliderbutton").css("margin-top") == "0px" )
    {    
  			$("#pollZlider,#pollZliderbutton").delay(3000).animate({"margin-top": "+="+zlider_height},"slow").delay(3000); 
				$.cookie("service", "show"); 
    }
		$("#pollZlider,#pollZliderbutton").animate({"margin-top": "-="+zlider_height},"slow");
  } 
  
	function chekchat() {
	  if($("#ichat").length){
			$("#pollZliderbutton").html("<div class=\"pollZBut\"><span class=\"foniconw rmar lmar \"></span> <span class=\"fs18\">0800 / 2435-400</span> gebührenfrei* <span id=\"pollTrigger\" class=\"fs18 right\"><span class=\"chaticon rmar lmar \"></span> Live Chat</span></div>");
	  
			$("#pollTrigger").hover(function() {
		    if($("#pollZliderbutton").css("margin-top") == "0px" && !$(this).is(":animated"))
		    {  
		        $("#pollZlider").animate({"margin-top": "0px"},"slow");
		        $("#pollZliderbutton").animate({"margin-top": "213px"},"slow",function(){
			        if ($("#pollZlider:hover").length == 0) {
						        $("#pollZlider").delay(3000).animate({"margin-top": "-213px"},"slow");
						        $("#pollZliderbutton").delay(3000).animate({"margin-top": "0px"},"slow");
							}
		        });    
		    }
		  });	  
	  
	  }else{
			$("#pol").html(" ");
	  }
	}		
	setTimeout(chekchat,1000);  
});


 $(".togglebar").click(function(evt) {
    $(".toggle-topbar").click();
});