tous les résultats';
				$('<li><div class="show-more-typeahead-container show-more-typeahead-container-right"><a class="acsuchbegr ui-corner-all show-more-typeahead" href="' + url + '">' + catTitle + "</a></div></li>").appendTo( activeUl );
			}

			// display results full width, if no cms results are found
			if(!foundcms && !stateproducts){
				$(".ui-autocomplete .left-container").css('width', '100%').css('border-right', '0');
			}

			// insert dummy padding before
			$('<li class="ac-margin"><span></span></li>').insertBefore('.ui-autocomplete-category-margin');
		},
		_renderItem: function (ul, item) {
			var markUp = '';

		    var keyWords = $("#sitesearch").val().toLowerCase().replace('script','').replace(/\u00E4\u00F6\u00FC\u00E8\u00E9\u00EA\u00E0\u00E1\u00E2\u00F4\W+/g, " ").split(" ");
		    var lcPhrase = item.label.toLowerCase();
		    var origPhrase = item.label;

		    // B.Terzi: auf ca. 150 Zeichen beschraenken
		    if (origPhrase.length > 180) {
		        var destLen = origPhrase.substring(0,180).lastIndexOf(' ');
		        if (destLen < 150) { destLen = 150; }
				origPhrase = origPhrase.substring(0,destLen)+'...';
			}

     		for (var i = 0; i < keyWords.length; i++) {
       			var keyWord = keyWords[i];
       			if (keyWord == "") continue;
       			var start = lcPhrase.indexOf(keyWord);

				// check if keyword is in the tag (example: keyword "b")
				if('<b class="blue"></b>'.indexOf(keyWord) < 0 || i == 0){
					while (start >= 0) {
	       				lcPhrase = lcPhrase.substr(0, start) + '<b class="blue">' + lcPhrase.substr(start, keyWord.length) + "</b>" + lcPhrase.substr(start + keyWord.length);
	       				origPhrase = origPhrase.substr(0, start) + '<b class="blue">' + origPhrase.substr(start, keyWord.length) + "</b>" + origPhrase.substr(start + keyWord.length);
	       				start = lcPhrase.indexOf(keyWord, start + '<b class="blue"></b>'.length + 1);
	       			}
				}
     		}

			if (item.category == 0)  {
				if(ul.parent().parent().hasClass('typeahead_products')){
					markUp += "<a class=\"acproduct\" href=\"" + autocompleteUrl(item) + "\">";
				} else {
					markUp += "<a class=\"acproduct\">";
				}
				markUp += "<div class=\"acproductimage\">";
				if ((item.image !== '' && item.image != null) && (item.image.substring(0,4) !== 'http')){
					markUp +="<img class=\"lazytah\" src=\"/images/preloader.gif\" data-original=\"https://imagecdn.dkh.ch/img/getImage.ashx?maxwidth=50&maxheight=50&res=144&grow=1&schema=rgb&img="+encodeURIComponent(item.image)+"\"/>";
				}else{
					if(item.image === ''){
						// output placeholder
						markUp += '<div class="productimageplaceholder">DA</div>';
					}
				}
				markUp += "</div>";
				markUp += "<div class=\"acproducttext\">";
				markUp += "<div class=\"acproductnumber\">";
				
				markUp += item.productnumber;
				markUp += "</div><div class=\"acproductname\">";
				markUp += origPhrase;
				markUp += "</div>";
				markUp += "</div>";
				markUp += "</a>";
			// BG (20151204): konfiguratoren
			} else if(item.category == 50){
				markUp += "<a class=\"acproduct acproduct-margin\" href=\"" + item.value + "\">";
				markUp += "<div class=\"acproductimage\">";
				if (item.image !== ''){
					markUp +="<img src=\"" + item.image + "\"/>";
				}
				markUp += "</div>";
				markUp += "<div class=\"acproducttext\">";
				markUp += "<div class=\"acproducttitle\">";
				markUp += item.label;
				markUp += "</div>";
				markUp += "<div class=\"acproductname\">";
				markUp += item.productnumber;
				markUp += "</div>";
				markUp += "</div>";
				markUp += "</a>";
			} else if (item.category === 4)  {
				var openlinkin = '';
				if(item.url.indexOf('.pdf') >= 0){
					openlinkin = 'target="_blank"';
				}

				markUp += "<a class=\"acsuchbegr\" href='" + item.url + "' id='website-" + item.itemid + "' " + ">";
				markUp += origPhrase;
				markUp += "</a>";
			} else if (item.category === 33){
				var url = location.origin + '/productlist.cfm?query=' + $("#sitesearch").val();

				// add facet topchapter_s
				//url += '&fcactive=attributesFR.topchapter_s' + '%23' + encodeURI(origPhrase);
				url += '&fcactive=S_topchapter' + '%23' + encodeURI(origPhrase);

				markUp += "<a class=\"acsuchbegr\" href='" + url + "' id='facet-" + item.itemid + "' " + ">";
				markUp += origPhrase;
				markUp += "</a>";

			} else {
				if(ul.parent().parent().hasClass('typeahead_products')){
					markUp += "<a class=\"acsuchbegr\" href=\"" + autocompleteUrl(item) + "\">";
				} else {
					markUp += "<a class=\"acsuchbegr\">";
				}
				markUp += origPhrase;
				markUp += "</a>";
			}

			if (item.category == 0) { markUp += '<hr>'; }

			return $('<li>').addClass('ui-ac-'+item.category)
			.append(markUp)
			.appendTo(ul);
		}
	});

	function autocompleteUrl(item){
		if (item.productnumber != '') {
			if (item.fremdcat == 0) {
				if(item.isMaster){
					myURL = '/product.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&id='+item.masterid+'&ParentID=0';
				}else{
					myURL = '/product.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&dim='+item.productnumber+'&query='+item.productnumber;
				}
			} else {
				myURL = '/productlist.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&fremdcat='+item.fremdcat+'&dim='+item.productnumber;
			}
		}else if(item.category === 33 || item.category === 2){
			myURL = '/productlist.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&query='+item.value;
		}else{
			myURL = '';
		}

		return myURL;
	}


	$( document ).ready(function() {

	

		$("#sitesearch").dkmautocomplete({
			minLength: 1,
			source: function(request, response){
				var that = this;

				// AC nur wenn Suche im Shop...
				if ($('input[name=searcharea]:checked').val() == 'shop') {
					// URL fuer die Suche
			                theURL = '/includes/searchproxy.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&q='+encodeURI(request.term.replace('script',''))+'&slim=1&ts='+ new Date().getTime();
					$.ajax({
						url: theURL,
						dataType: "jsonp",
						success: function(data,textStatus,jqXHR) {
							var myData = [];

							// productfinder title (only if finder is present!)
							if(data.konfiguratoren.items.length){
								myData.push({
									label: 'productfinder',
									value: data.konfiguratoren.items.length,
									itemid: 'itemcounter',
									productnumber: '',
									fremdcat: '',
									category: 49,
									image: '',
									facet: '',
									url: '',
									isMaster: false,
									masterid : 0
								});

								// BG (20151204): Produktfinder
								$.map(data.konfiguratoren.items, function(item){
									myData.push({
										label: item.title,
										value: item.link,
										itemid: '',
										productnumber: item.text,
										fremdcat: '',
										category: 50,
										image: item.image,
										facet: '',
										url: '',
										isMaster: false,
										masterid : 0
									});
								});
							}

							// count result (product)
							myData.push({
								label: 'products',
								value: data.products.grouped.id_parent.ngroups,
								itemid: 'itemcounter',
								productnumber: '',
								fremdcat: '',
								category: 100,
								image: '',
								facet: '',
								url: '',
								isMaster: false,
								masterid : 0
							});

                            $.map(data.products.grouped.id_parent.doclist.docs, function( item ) {
                                var myLbl = item.bezeichnung1f + ' ' + item.bezeichnung2f;
                                myData.push({
                                    label: myLbl,
                                    value: myLbl,
                                    itemid: item.id,
                                    productnumber: item.produktnummer,
                                    fremdcat: item.fremdcatid,
                                    category: 0,
                                    image: item.bild
                                });
                            });

							// terms title
							if(data.terms.response.numFound > 0){
								myData.push({
									label: 'terms',
									value: data.terms.response.numFound,
									itemid: 'itemcounter',
									productnumber: '',
									fremdcat: '',
									category: 3,
									image: '',
									facet: '',
									url: '',
									isMaster: false,
									masterid : 0
								});

								// Jetzt noch die Daten fuer die Terms anfuegen
								$.map(data.terms.response.docs, function( item ) {
									var myLbl = item.phrase;
									var myVal = item[0];
									if (item.phrase.toLowerCase() != request.term.toLowerCase()) {
										myData.push({
											label: item.phrase,
											value: item.phrase,
											itemid: item.id,
											productnumber: item.productnumber,
											fremdcat: item.extcat,
											category: item.type,
											image: item.image,
											facet: '',
											url: '',
											isMaster: false,
											masterid : 0
										});
									}
								});
							}

							// count result (cms)
							if(data.website.response.docs.length){
								myData.push({
									label: 'cms',
									value: data.website.response.numFound,
									itemid: 'itemcounter',
									productnumber: '',
									fremdcat: '',
									category: 5,
									image: '',
									facet: '',
									url: '',
									isMaster: false,
									masterid : 0
								});

								// website result
								$.map(data.website.response.docs, function(item) {
									myData.push({
										label: item.title_s,
										value: item.content_title_s,
										itemid: '',
										productnumber: '',
										fremdcat: '',
										category: 4,
										image: item.image_s,
										facet: '',
										url: item.url_s,
										isMaster: false,
										masterid : 0
									});
								});
							}

							response(myData);
						}
					});
				} else {
					return {};
				}

			},
			open: function() {
				var siteSearchWidth = $("#sitesearch").width(),
					acUl = $('#ui-id-1');
				acUl.width(siteSearchWidth+24);
				var pLeft = $("#ui-id-1").offset().left;
				pLeft = pLeft - 8;
				acUl.css({left:pLeft});

				// SiteSearch+24-100-10-10
				var textWidth = siteSearchWidth + 24 - 100 - 10 - 10;
				$(".acproducttext").width(textWidth);
				$("img.lazytah").lazyload({skip_invisible : false});

				// sync height
				var leftContainer = acUl.find('.left-container'),
					rightContainer = acUl.find('.right-container'),
					heightLeft = leftContainer.height(),
					heightRight = rightContainer.height(),
					maxHeight = Math.max(heightLeft, heightRight);

				// init
				leftContainer.css('height', '');
				rightContainer.css('height', '');

				if(maxHeight > 0 && $(window).width() >= 600){
					leftContainer.css('height', maxHeight);
					rightContainer.css('height', maxHeight);
				}

			},
			focus: function (event, ui) {
	            if (typeof event.keyCode === 'undefined' || event.keyCode == 0) {
	                isHoverSelect = true;
	            } else {
	                isHoverSelect = false;
	            }
	        },
			select: function (event,ui) {
				var trulyClick = false;
	            if (event.originalEvent.originalEvent.type == "click") {
	                trulyClick = true;
	            }

	            if (trulyClick == false && (event.keyCode == 9 || (isHoverSelect == true && typeof event.keyCode != 'undefined' && event.keycode != 0))) {
	                $(".search").click();
	            } else {
	                var myURL = '';
					if (ui.item.productnumber != '') {
						if (ui.item.fremdcat == 0) {
							myURL = '/product.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&dim='+ui.item.productnumber+'&Query='+ui.item.value;
						} else {
							myURL = '/productlist.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&fremdcat='+ui.item.fremdcat+'&dim='+ui.item.productnumber;
						}
					}else if(ui.item.category == 50){
						myURL = ui.item.value;
					}else{
						myURL = '/productlist.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&sitesearch='+ui.item.value;
					}

					if(myURL != ''){
						document.location.href = myURL;
					}
	            }
	        }
		});

		

		$("#searchscopecms").click(function() {
			// URL des Forms anpassen...
			$("#searchscopecmslabel").addClass("checked");
			$("#searchscopeshoplabel").removeClass("checked");
			$("#searchscopejobslabel").removeClass("checked");
			$("#sitesearchform").attr('action','http://stage.metallservice.ch/websitelist.cfm');
		});
		$("#searchscopeshop").click(function() {
			// URL des Forms anpassen...
			$("#searchscopecmslabel").removeClass("checked");
			$("#searchscopeshoplabel").addClass("checked");
			$("#searchscopejobslabel").removeClass("checked");
			$("#sitesearchform").attr('action','/productlist.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84');
		});
		$("#searchscopejobs").click(function() {
			// URL des Forms anpassen...
			$("#searchscopecmslabel").removeClass("checked");
			$("#searchscopeshoplabel").removeClass("checked");
			$("#searchscopejobslabel").addClass("checked");
			$("#sitesearchform").attr('action','https://recruitingapp-2750.umantis.com/Jobs/All');
		});
	});

	// get text for "found" header
	getFoundText = function(max, found){
		var counttext = '';

		if(found <= 0){
			counttext = '0 résultats'
		}else{
			counttext = '5 résultats sur ' + found + ' résultats';
			if(max > found && found != 0){
				counttext = found + " résultats sur " + found + ' résultats';
			}
		}

		return counttext;
	}
</script>


		
		<!--SOLR_START-->


<div class="shopcontent900">

		<br/>
		<h1>Enregistration</h1><br/><br>
		
			<div class="line">
				<h2 class="red">{Sie sind nicht angemeldet oder Ihre Sitzung ist abgelaufen. <br>Bitte melden Sie sich erneut an!<br>}</h2><br/><br/>
				
			</div>
		
	
	<form class="mod-form" action="https://stage.metallservice.ch//myarticles.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&&sprache=f" method="post" novalidate>
	<fieldset>
		<input type="hidden" value="53392544" name="CFID">
		<input type="hidden" value="7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84" name="CFToken">
		<input type="hidden" value="login" name="do">
		<div class="line">
			<div class="unit size1of2">
			<div class="control">
				<label for="contact-customer_f">
					N° de client
					<em class="required">*</em>
				</label>
				<input aria-required="true"
					class="input text"
					id="contact-customer_f"
					autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					maxlength="50"
					name="custno"
					placeholder="N° de client"
					required="required"
					type="text"
					value="" />
				<em class="feedback">{Bitte füllen Sie dieses Feld aus.}</em>
			</div>
			</div>
		</div>
		<div class="line">
			<div class="unit size1of2">
			<div class="control">
				<label for="contact-username_f">
					Nom d'utilisateur
					<em class="required">*</em>
				</label>
				<input aria-required="true"
					class="input text"
					id="contact-username_f"
					autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
					maxlength="50"
					name="UserName"
					placeholder="Nom d'utilisateur"
					required="required"
					type="text"
					value="" />
				<em class="feedback">{Bitte füllen Sie dieses Feld aus.}</em>
			</div>
			</div>
		</div>
		<div class="line">
			<div class="unit size1of2">
			<div class="control">
				<label for="contact-password">
					Mot de passe
					<em class="required">*</em>
				</label>
				<input class="input text"
					id="contact-password"
					maxlength="50"
					name="Password"
					placeholder="Mot de passe"
					type="password"
					value="" />
			</div>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<div class="line">
		<div class="unit size1of2">
			<div class="unit size1of2">
				<a class="textlink" href="javascript:void(0);" onClick="javscript:lostPassword('contact-customer_f','contact-username_f');">Mot de passe oublié?</a>
			</div>
			<div class="unit size1of2">
				<legend class="visuallyhidden">Formulardaten übermitteln</legend>
				<div class="controls l-ta-right">
					
						<button class="button submit" type="submit">Inscription Shop</button>
					
				</div>
		    </div>
		</div>
		</div>
	</fieldset>
</form>

	
</div>




<!--SOLR_END-->


<footer	class="mod mod-footer" data-composer-template="footer" id="pageFooter">
	<nav class="container" role="navigation">
		<section class="mod mod-footer skin-footer-fat clearfix" data-composer-template="footerfat">
			
					<div class="block">
					
						<h3 class="hd h4">À propos de nous</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/a-propos-de-nous/faits-et-chiffres/">Faits et chiffres</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/a-propos-de-nous/succursales/">Sites</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/a-propos-de-nous/contact/">Contact</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/jobs/debrunner-koenig-en-tant-qu-employeur/">Jobs</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/a-propos-de-nous/sponsoring/">Sponsoring</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/a-propos-de-nous/gestion-durable/code-of-conduct/">Code de conduite</a></li>
					
					</ul>
					
						</div>
						<div class="block">
					
						<h3 class="hd h4">Le groupe</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://www.d-a.ch/da/fr/">Debrunner Acifer</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/groupe-debrunner-koenig/metall-service-menziken/">Debrunner Metallservice AG</a></li>
					
						<li><a href="https://www.bewehrungstechnik.ch/bw/fr/">Debrunner Acifer Armature</a></li>
					
					</ul>
					
						<h3 class="hd h4">Multinationale</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://www.dkh.ch/dkh/fr/">Debrunner Koenig Gruppe</a></li>
					
						<li><a href="http://www.kloeckner.com">Klöckner & Co. SE</a></li>
					
					</ul>
					
						</div>
						<div class="block">
					
						<h3 class="hd h4">Divers</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/divers/infos-telechargement/">Infos téléchargement</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/divers/links/">Liens</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/divers/blog-produits/">Blog produits</a></li>
					
					</ul>
					
						</div>
						<div class="block">
					
						<h3 class="hd h4">Mentions légales</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/mentions-legales/cgv/">CGV</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/mentions-legales/impressum/">Impressum</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/footer/mentions-legales/declaration-de-protection-des-donnees/">Déclaration de protection des données</a></li>
					
					</ul>
					</div>
			

		</section>
	</nav>
	<nav class="mod mod-footer skin-footer-small" role="navigation"	data-composer-template="footersmall">
		<section class="container">
			<div class="block">
				<img src="/images/dog.png" alt="Kloeckner Hund" />
				<span>
					Copyright &copy; Debrunner Metallservice AG - Ein Unternehmen der Debrunner Koenig Gruppe
				</span>
			</div>
		</section>

		<section class="container container-scrollTop">
			<div id="scrollToTopButton" class="scrollToTopButton">
				<img src="/images/top.png" title="{nach Oben}" alt="{nach Oben}" border="0" />
			</div>
		</section>
	</nav>
</footer>


<script id="tmpl_dropdown_basketselector-selected" type="text/x-dot-template">
    <div class="basketselector_id_sel">[[= it.title ]]</div><div class="basketselector_counter_sel">[[= it.items ]]</div><div class="basketselector_reftxt">[[= it.reftxt ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown_basketselector" type="text/x-dot-template">
    <div class="dropdown basketselector" tabindex="1">
        <div class="selected"><div class="basketselector_id_sel">[[= it.selected.title ]]</div><div class="basketselector_counter_sel">[[= it.selected.items ]]</div><div class="basketselector_reftxt">[[= it.selected.reftxt ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]"><div class="basketselector_id">[[= item.title ]]</div><div class="basketselector_counter">[[= item.items ]]</div><div class="basketselector_reftxt">[[= item.reftxt ]]</div></li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown_lieferadresse-selected" type="text/x-dot-template">
	    <div title="[[= it.nam ]]<br>[[= it.z1 ]]"><div id="lieferadresse_id_sel" class="lieferadresse_id_sel">[[= it.nam ]]</div><div id="lieferadresse_counter_sel" class="lieferadresse_counter_sel">[[? it.z1]][[= it.z1 ]][[??]][[= it.z3 ]][[?]]</div><div id="lieferadresse_reftxt_sel" class="lieferadresse_reftxt_sel">[[= it.plzort ]]</div><div class="arrow"><i></i></div></div>
</script>

<script id="tmpl_dropdown_lieferadresse" type="text/x-dot-template">
    <div id="lieferadressetitle" class="dropdown lieferadresse" tabindex="1">
        <div class="selected"><div class="lieferadresse_id_sel">[[= it.selected.nam ]]</div><div class="lieferadresse_counter_sel">[[? it.selected.z1]][[= it.selected.z1 ]][[??]][[= it.selected.z3 ]][[?]]</div><div class="lieferadresse_reftxt">[[= it.selected.plzort ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
	            <li class="[[= item.sty ]]" data-index="[[= index ]]"><div class="lieferadresse_id">[[= item.nam ]]</div><div class="lieferadresse_counter">[[= item.z1 ]]</div><div class="lieferadresse_counter">[[= item.z2 ]]</div><div class="lieferadresse_counter">[[= item.z3 ]]</div><div class="lieferadresse_counter">[[= item.z4 ]]</div><div class="lieferadresse_reftxt">[[= item.plzort ]]</div></li>
			[[~]]
        </ul>
    </div>
</script>

<script id="tmpl_basketheader" type="text/x-dot-template">
    <div class="dropdown" tabindex="1">
        <div class="basketddselectorselected selected"><div class="basketddselectortitle">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]"><div class="basketddselectoritem"><div class="basketddselectortitle">[[= item.label ]]&nbsp;</div><div class="basketddselectorvon">[[= item.vom ]]</div></div></li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_basketheader-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]"><div class="basketddselectortitle">[[= it.label ]]&nbsp;</div><div class="basketddselectorvon">[[= it.vom ]]</div></div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown" type="text/x-dot-template">
    <div class="dropdown" tabindex="1">
        <div class="selected"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown_normaltextsize" type="text/x-dot-template">
    <div class="dropdown_normaltextsize" tabindex="1">
        <div class="selected_normaltextsize"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown_normaltextsize-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdownlimited" type="text/x-dot-template">
    <div class="dropdown" tabindex="1">
        <div class="selected"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul class="limited">
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdownlimited-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown2l" type="text/x-dot-template">
    <div class="dropdown dd2l" tabindex="1">
        <div class="selected"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown2l-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown32" type="text/x-dot-template">
    <div class="dropdown dropdown32" tabindex="1">
        <div class="selected"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown32-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script id="tmpl_dropdown35" type="text/x-dot-template">
    <div class="dropdown dropdown35" tabindex="1">
        <div class="selected"><div class="[[= it.selected.sty ]]">[[= it.selected.label ]]</div><span class="arrow"></span></div>
        <ul>
            [[~ it.items :item:index ]]
            <li class="[[= item.sty ]]" data-index="[[= index ]]">[[= item.label ]]</li>
            [[~]]
        </ul>
    </div>
</script>

<script id="tmpl_dropdown35-selected" type="text/x-dot-template">
    <div class="[[= it.sty ]]">[[= it.label ]]</div><div class="arrow"><i></i></div>
</script>

<script src="/js/terrific/terrific-2.0.0.min.js?v=20150518" type="text/javascript"></script>
<script src="/js/static/statics.js?v=20150518" type="text/javascript"></script>
<script src="/js/base.js?v=20150518" type="text/javascript"></script>

<script src="/js/jquery.lazyload/jquery.lazyload.js" type="text/javascript"></script>

<script type="text/javascript">
	$('select.dropdown').each(function (){
		if (!$(this).hasClass('noauto')) {
			$(this).dropdown();
		}
	});

    $(document).ready(function() {
    	$("input:text").blur(function () {
    		$(this).removeClass('error');
    		$(this).next('.feedback').css("display","");
    	});

    	// breadcrumbs last klasse setzen
    	$('.breadcrumbs .breadcrumbs:last').addClass('breadcrumbsLast');
    });

    function setBasketModifiedCookie () {
	    var cookieName = 'LastBasketModification';
		var myDate = new Date();
		var cookieValue = myDate.toISOString();
		myDate.setMonth(myDate.getMonth() + 1);
		document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate + ";domain=.dkh.ch;path=/";
    }
</script>



<script type="text/javascript">
$(function() {
	$('input.datepickerLiefertermin').each(function() {
		$(this).datepicker({
			showOn: "both",
			buttonImage: "/images/dkm_datepicker.png",
			buttonImageOnly: true,
			constrainInput: true,
			dateFormat: "dd.mm.yy",
			firstDay: 1,
			minDate: 1,
			showWeek: true,
			weekHeader: "KW",
			
			
			
				monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
				dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
				dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
			
			//onClose: function(dateText,inst) { checkdate(dateText,inst);	},
			beforeShowDay: function (date) {
				var dateWaehlbar = true;
				var dateInfo = "";

				
				

				var td = date.getDay();
				if(dateWaehlbar) {
					dateWaehlbar = (td != 0 && td != 6);
					dateInfo = "{Lieferung nur an Arbeitstagen.}"
				}

			    return [dateWaehlbar,"",dateWaehlbar?"":dateInfo];
			}
		});
	});

	$('input.datepicker').each(function() {
		

		$(this).datepicker({
			showOn: "both",
			buttonImage: "/images/dkm_datepicker.png",
			buttonImageOnly: true,
			constrainInput: true,
			dateFormat: "dd.mm.yy",
			firstDay: 1,
			minDate: 0,
			showWeek: true,
			weekHeader: "KW",
			
			
			
				monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
				dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
				dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
			
			//onClose: function(dateText,inst) { checkdate(dateText,inst);	},
			beforeShowDay: function (date) {
				var dateWaehlbar = true;
				var dateInfo = "";
				var td = date.getDay();
				if(dateWaehlbar) {
					dateWaehlbar = (td != 0 && td != 6);
					dateInfo = "{Lieferung nur an Arbeitstagen.}"
				}

			    return [dateWaehlbar,"",dateWaehlbar?"":dateInfo];
			}
		});
	});

	$('input.datepickerpast').each(function() {
		

		$(this).datepicker({
			showOn: "both",
			buttonImage: "/images/dkm_datepicker.png",
			buttonImageOnly: true,
			constrainInput: true,
			dateFormat: "dd.mm.yy",
			firstDay: 1,
			minDate: -1000,
			showWeek: true,
			weekHeader: "KW",
			
			
			
				monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
				dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
				dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa']
			
			//onClose: function(dateText,inst) { checkdate(dateText,inst);	}
		});

	});

	$('input.datepickerpast').blur(function() {
		var thisDate = $(this).val();
		var isValid = chkdate(thisDate,this);
		if (isValid == false) {
			alert("{Dieses Datum ist ungültig - bitte geben Sie ein Datum im Format Tag.Monat.Jahr (tt.mm.jjjj) ein.}");
		}
		// Vergangenheit ??
	});
});


function checkdate(dateText,inst) {
	if (chkdate(dateText,inst) == false) {
		$(inst).focus();
		alert("{Dieses Datum ist ungültig - bitte geben Sie ein Datum im Format Tag.Monat.Jahr (tt.mm.jjjj) ein.}");
		return false;
	} else {
		//alert(BasketID);
		//ChangeHeaderinfo(BasketID);
		return true;
	}
}

<!-- Die eigentliche Datumsvalidierung -->
function chkdate(dateText,inst) {
	var strDatestyle = "EU"; //Europäisches Datumsformat (Tag.Monat.Jahr)
	var strDate;
	var strDateArray;
	var strDay;
	var strMonth;
	var strYear;
	var intday;
	var intMonth;
	var intYear;
	var booFound = false;
	var strSeparatorArray = new Array("-", " ", "/", "."); // Die gültigen Trennzeichen für das Datum
	var intElementNr;
	var err = 0;
	var strMonthArray = new Array(12);
	strMonthArray[0] = "Jan";
	strMonthArray[1] = "Feb";
	strMonthArray[2] = "Mar";
	strMonthArray[3] = "Apr";
	strMonthArray[4] = "May";
	strMonthArray[5] = "Jun";
	strMonthArray[6] = "Jul";
	strMonthArray[7] = "Aug";
	strMonthArray[8] = "Sep";
	strMonthArray[9] = "Oct";
	strMonthArray[10] = "Nov";
	strMonthArray[11] = "Dec";
	var rigthnow = new Date();
	var nowMonth = rigthnow.getMonth();
	var nowYear = rigthnow.getFullYear();
	strDate = dateText;
	// Wenn nichts eingegeben wurde ist das OK
	if (strDate.length < 1) {
		return true;
	}
	// Datum nach Trennzeichen auftrennen...
	strDay = "";
	strMonth = "";
	strYear = "";
	for (intElementNr = 0; intElementNr < strSeparatorArray.length; intElementNr++) {
		if (strDate.indexOf(strSeparatorArray[intElementNr]) != -1) {
			strDateArray = strDate.split(strSeparatorArray[intElementNr]);
			// Wenn nicht 3 Elemente angegeben wurden, ist das Datum falsch !
			if (strDateArray.length != 3) {
				// Wenn weniger als 3 Elemente übergeben wurden...
				// Wenn 2 übergeben wurden, gehen wir davon aus, es sind Tag und Monat
				if (strDateArray.length == 2) {
					strDay = strDateArray[0];
					strMonth = strDateArray[1];
					strYear = nowYear;
				} else {
					err = 1;
					return false;
				}
			} else {
				strDay = strDateArray[0];
				strMonth = strDateArray[1];
				strYear = strDateArray[2];
			}
			booFound = true;
		}
	}
	if (booFound == false) {
		if (strDate.length > 5) {
			strDay = strDate.substr(0, 2);
			strMonth = strDate.substr(2, 2);
			strYear = strDate.substr(4);
		}
	}
	// Wenn das Jahr 1 oder 2-Stellig ist, ist es im 2000 (wird angenommen)
	if (strYear.length == 0) {
		strYear = nowYear;
	}
	if (strYear.length == 1) {
		strYear = '200' + strYear;
	}
	if (strYear.length == 2) {
		strYear = '20' + strYear;
	}

	// Wenn das Datum US style ist, ist Monat und Tag vertauscht
	if (strDatestyle == "US") {
		strTemp = strDay;
		strDay = strMonth;
		strMonth = strTemp;
	}

	// Ist der Tag eine Zahl ?
	intday = parseInt(strDay, 10);
	if (isNaN(intday)) {
		err = 2;
		return false;
	}

	// Wenn der Monat leer ist...
	if (strMonth.length == 0) {
		strMonth = nowMonth + 1;
	}
	// Ist der Monat eine Zahl ?
	intMonth = parseInt(strMonth, 10);
	// Wenn der Monat keine Zahl ist
	if (isNaN(intMonth)) {
		// Könnte es eine Monatsangabe sein...
		for (i = 0; i < 12; i++) {
			if (strMonth.toUpperCase() == strMonthArray[i].toUpperCase()) {
				intMonth = i + 1;
				strMonth = strMonthArray[i];
				i = 12;
			}
		}
		// Jetzt muss der Monat als Zahl verfügbar sein....
		if (isNaN(intMonth)) {
			err = 3;
			return false;
		}
	}

	// Ist das Jahr eine Zahl ?
	intYear = parseInt(strYear, 10);
	if (isNaN(intYear)) {
		err = 4;
		return false;
	}

	// Wenn der Monat grösser 12 oder kleiner 1 ist, ist er ungültig
	if (intMonth > 12 || intMonth < 1) {
		err = 5;
		return false;
	}

	// Ein Monat mit 31 Tagen kann nur 31 Tage haben...
	if ((intMonth == 1 || intMonth == 3 || intMonth == 5 || intMonth == 7 || intMonth == 8 || intMonth == 10 || intMonth == 12) && (intday > 31 || intday < 1)) {
		err = 6;
		return false;
	}
	// Ein Monat mit 30 Tagen kann nur 30 Tage haben...
	if ((intMonth == 4 || intMonth == 6 || intMonth == 9 || intMonth == 11) && (intday > 30 || intday < 1)) {
		err = 7;
		return false;
	}
	// Der Februar hat 28 oder 29 Tage...
	if (intMonth == 2) {
		if (intday < 1) {
			err = 8;
			return false;
		}
		if (LeapYear(intYear) == true) {
			if (intday > 29) {
				err = 9;
				return false;
			}
		} else {
			if (intday > 28) {
				err = 10;
				return false;
			}
		}
	}

	// Amerikanisches Datum zusammenbauen
	if (strDatestyle == "US") {
		$(inst).val(strMonthArray[intMonth - 1] + " " + intday + " " + strYear);
	} else {
		// Europäisches Datum zusammenbauen
		if (intday < 10) {
			strDay = '0' + intday;
		} else {
			strDay = intday;
		}
		if (intMonth < 10) {
			strMonth = '0' + intMonth;
		} else {
			strMonth = intMonth;
		}
		strDate = strDay + "." + strMonth + "." + strYear;
		$(inst).val(strDate);
	}
	return true;
}

// Stellt fest, ob ein Schaltjahr ist...

function LeapYear(intYear) {
	if (intYear % 100 == 0) {
		if (intYear % 400 == 0) {
			return true;
		}
	} else {
		if ((intYear % 4) == 0) {
			return true;
		}
	}
	return false;
}
</script>

<script type="text/javascript">
	(function($) {
	    $(document).ready(function() {
	        var $page = $('html'),
	        	config = { userServiceUrl: '/dkm-shop/proxy?path=REST/user.cfm' };
	        application = new Tc.Application($page, config);
	        application.registerModules();
	        application.start();
	    });
	})(Tc.$);
</script>

<script type="text/javascript">
    $(document).ready(function() {
    	    $("#searchpagesize").dropdown();
    });

    // Override only if native toISOString is not defined
    if (!Date.prototype.toISOString) {
        // Here we rely on JSON serialization for dates because it matches
        // the ISO standard. However, we check if JSON serializer is present
        // on a page and define our own .toJSON method only if necessary
        if (!Date.prototype.toJSON) {
            Date.prototype.toJSON = function (key) {
                function f(n) {
                    // Format integers to have at least two digits.
                    return n < 10 ? '0' + n : n;
                }

                return this.getUTCFullYear()   + '-' +
                    f(this.getUTCMonth() + 1) + '-' +
                    f(this.getUTCDate())      + 'T' +
                    f(this.getUTCHours())     + ':' +
                    f(this.getUTCMinutes())   + ':' +
                    f(this.getUTCSeconds())   + 'Z';
            };
        }

        Date.prototype.toISOString = Date.prototype.toJSON;
    }
</script>




<script type="text/javascript">
	function lostPassword(fieldCustomer,fieldUser) {
		var customer = $('#'+fieldCustomer).val();
		var user = $('#'+fieldUser).val();
		var myURL = 'https://stage.metallservice.ch/lostpass.cfm?CFID=53392544&CFTOKEN=7887294a2213346c-28A4B90A-F493-8D1E-FB85AEBC3A8B4E84&typedCustNo='+customer+'&typedUserName='+user;
		document.location.href = myURL;
	}
</script>

<!-- unknown -->



<script type="text/javascript">
    $(document).ready(function() {
		var scrollTopButton = $('#scrollToTopButton'),
		    scrollTimeout = null,
		    duration = 2000,
		    isScroll = false,
		    topOffset = 200;

		// scroll-handler
		$(window).scroll(function() {
			if(!isScroll){
				if($(window).scrollTop() < topOffset) {
		            scrollTopButton.fadeOut(duration);
				} else {
		            scrollTopButton.fadeIn('fast', function(){
		            	window.clearTimeout(scrollTimeout);
                		scrollTimeout = null;
			            scrollTimeout = window.setTimeout(function(){
			            	scrollTopButton.fadeOut(duration/2);
			            }, duration);
		            });
				}
			}
		});

		// scroll to "top"
	    scrollTopButton.click(function(){
            isScroll = true;
            scrollTopButton.show();
           	window.clearTimeout(scrollTimeout);
            scrollTimeout = null;

            $('html, body').animate({
                scrollTop: 0
            }, duration/2, function(){
            	scrollTopButton.fadeOut('fast');
            	isScroll = false;
            });

            return false;
	    });
    });
</script>

</div>

<div id="sidebar-icons" class="sidebar-icons">
    <div class="sidebar-icon sidebar-icon-1">
        
        <a href="https://stage.metallservice.ch/msm/contact/succursales/" target="_parent">
            <img src="/images/standort.png" />
        </a>
    </div>
    <div class="sidebar-icon sidebar-icon-2">
        
        <a href="https://stage.metallservice.ch/msm/contact/formulaire-de-contact/" target="_parent">
            <img src="/images/mail.png" />
        </a>
    </div>
    <div class="sidebar-icon sidebar-icon-3">
        
        <a href="https://stage.metallservice.ch/msm/footer/divers/blog-produits/" target="_parent">
            <img src="/images/blog.png" />
        </a>
    </div>
</div>

</body> </html>