genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											
										</tbody>
										<thead>
											<tr>
												<th colspan="3">
													U-Profile (51)
												</th>
											</tr>
										</thead>
									</table>
								
							</div>
						

							<div class="konfigurator-attribute-container" id="konfigurator_attr_417030">
								
									<table class="konfigurator-attribute-table">
										<tbody>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														a:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="438970_a_klein_textsl_unit"
															   id="438970_a_klein_textsl_unit_417030"
															   data-name="a_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="438970_toleranz_a_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_a_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														b:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="439263_b_klein_dez_unit"
															   id="439263_b_klein_dez_unit_417030"
															   data-name="b_klein_dez_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="439263_toleranz_b_klein_dez_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_b_klein_dez_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														t:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="441594_t_klein_textsl_unit"
															   id="441594_t_klein_textsl_unit_417030"
															   data-name="t_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="441594_toleranz_t_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_t_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											
										</tbody>
										<thead>
											<tr>
												<th colspan="3">
													T-Profile (11)
												</th>
											</tr>
										</thead>
									</table>
								
							</div>
						

							<div class="konfigurator-attribute-container" id="konfigurator_attr_417031">
								
									<table class="konfigurator-attribute-table">
										<tbody>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														a:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="438970_a_klein_textsl_unit"
															   id="438970_a_klein_textsl_unit_417031"
															   data-name="a_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="438970_toleranz_a_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_a_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														b:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="439263_b_klein_dez_unit"
															   id="439263_b_klein_dez_unit_417031"
															   data-name="b_klein_dez_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="439263_toleranz_b_klein_dez_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_b_klein_dez_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														c:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="439478_c_klein_dez_unit"
															   id="439478_c_klein_dez_unit_417031"
															   data-name="c_klein_dez_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="439478_toleranz_c_klein_dez_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_c_klein_dez_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														t:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="441594_t_klein_textsl_unit"
															   id="441594_t_klein_textsl_unit_417031"
															   data-name="t_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="441594_toleranz_t_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_t_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											
										</tbody>
										<thead>
											<tr>
												<th colspan="3">
													Sonderprofile (17)
												</th>
											</tr>
										</thead>
									</table>
								
							</div>
						

							<div class="konfigurator-attribute-container" id="konfigurator_attr_417032">
								
									<table class="konfigurator-attribute-table">
										<tbody>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														t:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="441594_t_klein_textsl_unit"
															   id="441594_t_klein_textsl_unit_417032"
															   data-name="t_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="441594_toleranz_t_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_t_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														a:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="438970_a_klein_textsl_unit"
															   id="438970_a_klein_textsl_unit_417032"
															   data-name="a_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="438970_toleranz_a_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_a_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														b:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="439263_b_klein_dez_unit"
															   id="439263_b_klein_dez_unit_417032"
															   data-name="b_klein_dez_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="439263_toleranz_b_klein_dez_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_b_klein_dez_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											
										</tbody>
										<thead>
											<tr>
												<th colspan="3">
													Bleche (740)
												</th>
											</tr>
										</thead>
									</table>
								
							</div>
						

							<div class="konfigurator-attribute-container" id="konfigurator_attr_417033">
								
									<table class="konfigurator-attribute-table">
										<tbody>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														t:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="441594_t_klein_textsl_unit"
															   id="441594_t_klein_textsl_unit_417033"
															   data-name="t_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="441594_toleranz_t_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_t_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											

												<tr>
													<td class="konfigurator-attribute-table-label">
														
														a:
													</td>
													<td class="konfigurator-attribute-table-input">
														

														<input type="text"
															   name="438970_a_klein_textsl_unit"
															   id="438970_a_klein_textsl_unit_417033"
															   data-name="a_klein_textsl_unit"
															   value=""
															   maxlength="8"
															   onKeyPress="return checkSearchInputFilter(event)"
															   onChange="resetOffset();reloadResultList();">
													</td>
													
														<td class="konfigurator-attribute-table-toleranz">
															<select name="438970_toleranz_a_klein_textsl_unit"
															        class="attribute-dropdown"
																	onchange="resetOffset();reloadResultList(0);"
															        data-template="tmpl_dropdown32"
															        data-name="toleranz_a_klein_textsl_unit">
																<option value="0" selected>genau</option>
																
																	<option value="1">
																		+/- 1%
																	</option>
																
																	<option value="2">
																		+/- 2%
																	</option>
																
																	<option value="5">
																		+/- 5%
																	</option>
																
															</select>
														</td>
													
												</tr>
											
										</tbody>
										<thead>
											<tr>
												<th colspan="3">
													Bänder (90)
												</th>
											</tr>
										</thead>
									</table>
								
							</div>
						
					</div>
				</div>
			
			<div id="konfigurator-facet-container" class="konfigurator-facet-container"></div>
		</form>
	</div>
</div>


<div class="c2 konfigurator-c2">
	<div id="konfigurator-result" class="konfigurator-result">
		<div class="table-construct hidden">
			<div class="table-structure">
				<table class="konfigurator-result-table-container">
	<tbody>
		<tr>
			<td class="left-col">
				
				<div class="konfigurator-result-table-fixed-left-container" id="konfigurator-result-table-fixed-left-container">
					<table class="konfigurator-result-table" id="konfigurator-result-table-fixed-left"></table>
				</div>
				<table class="konfigurator-result-table" id="konfigurator-result-table-left">
					<thead class="thead-left">
						
					</thead>
					<tbody class="tbody-left">
						
					</tbody>
				</table>
			</td>
			<td class="right-col">
				
				<div class="konfigurator-result-container-fixed konfigurator-hidden" id="konfigurator-result-container-fixed">
					<div class="konfigurator-result-container-fixed-wrapper" id="konfigurator-result-container-fixed-wrapper">
						<table class="konfigurator-result-table" id="konfigurator-result-table-fixed-right"></table>
					</div>
				</div>
				<div class="konfigurator-scrollbar" id="konfigurator-scrollbar">
					<div id="konfigurator-scrollbar-container" class="konfigurator-scrollbar-container"><div id="konfigurator-scrollbar-scrollbar" class="konfigurator-scrollbar-scrollbar"></div></div>
				</div>
				<div class="konfigurator-result-container" id="konfigurator-result-container">
					<div class="konfigurator-result-container-wrapper" id="konfigurator-result-container-wrapper">
						<div class="konfigurator-result-scrollable" id="konfigurator-result-scrollable">

							<table class="konfigurator-result-table" id="konfigurator-result-table-right">
								<thead class="thead-right">
									
								</thead>
								<tbody class="tbody-right">
									
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>

<div class="result-info">
	
</div>

			</div>
			<div class="result-error">
				
			</div>
		</div>
		<div class="konfigurator-desc">
			<div class="desc-title">Finder Stahl und Metalle</div>
			<div class="desc-text">
				W&auml;hlen Sie links die gew&uuml;nschte Form aus und filtern Sie die Suchresultate nach
				Gr&ouml;sse und Materialeigenschaften. Auf diese Weise verschaffen Sie sich mit
				wenigen Klicks eine &uuml;bersicht &uuml;ber alle verf&uuml;gbaren Produkte, die Ihren Kriterien
				entsprechen.
			</div>
		</div>
	</div>

	<div class="padding-left padding-bottom konfigurator-loadmore-container">
		<a href="javascript:void(0);" class="konfigurator-show-more-button" onclick="$(this).val(1);javascript:reloadResultList();" value="0" style="display: none;">
			<div class="icon-arrow-link-more left"></div>

	        Mehr anzeigen

			<div class="icon-arrow-link-more right"></div>
	    </a>
	</div>
	<div id="konfigurator-desc-placeholder" class="visuallyhidden">
		<div class="konfigurator-desc">
			<div class="desc-title">Finder Stahl und Metalle</div>
			<div class="desc-text">
				W&auml;hlen Sie links die gew&uuml;nschte Form aus und filtern Sie die Suchresultate nach
				Gr&ouml;sse und Materialeigenschaften. Auf diese Weise verschaffen Sie sich mit
				wenigen Klicks eine &uuml;bersicht &uuml;ber alle verf&uuml;gbaren Produkte, die Ihren Kriterien
				entsprechen.
			</div>
		</div>
	</div>
</div>



<div style="clear: both;"></div>




<div id="goToMyArt" style="display:none"></div>

<div id="dialog" title="In den Warenkorb"  style="display:none">
	<div id="dialogContent" class="ui-dialog-content ui-widget-content">
		<table width="100%">
			<tr>
				
				
				<td valign="top">
					<p>
						<span id="dialog_dim_nr"  style="font-weight:bold"></span>
						<br />
						<span id="dialog_mastername"></span>&nbsp;&nbsp;
						<span id="dialog_productname"></span>
					</p>
					<form class="mod-form" id="bestellen" name="bestellen" onsubmit="return false;">
						<div id="tabs"  class="ui-tabs-hide">
							<ul>
								<li>
									<a href="#tabs-mengen">
										Menge / Anarbeitung 
									</a>
								</li>
								
							</ul>
							<div id="tabs-mengen">
								
								<p>
									Mengen
								</p>
								<div id="mengeneingabe"></div>
							</div>
							
						</div>
					</form>
				</td>
			</tr>
		</table>
	</div>
</div>
<!-- end modalWindow -->




<STYLE type="text/css">
#myArtTree a { white-space:normal !important; height: auto; padding:1px 2px; }
#myArtTree li > ins { vertical-align:top; }
 </STYLE>

<script type="text/javascript">
    var figur = 0;
    var konserv = 0;

    // Ready-Function, Dialog konfigurieren
    $(document).ready(function(){
        $("#dialog").dialog({
            autoOpen:false,
            modal:true,
            bgiframe: true,
            width:700,
            height:"auto",
            maxHeight: 850,
            position: 'top',
            buttons: {
                "In den Warenkorb": function(){
                    var is_OK = true;
                    setBasketModifiedCookie();
                    var $myArt = $("#goToMyArt").html();

                    // myArt = 1 -> zu meine Artikel, sonst in den Warenkorb

                    if($myArt == 1){
                     // Speichern in meine Artikel
                        is_OK = checkMyArt();
                        if (figur == 1 && is_OK == true) is_OK = checkform();
                        if (is_OK == true){
                            querystring = $("#bestellen").serialize();
                            oURL = '/modules/addMyArtFinal.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B'+'&ts='+ new Date().getTime();
                            $.ajax({
                                type: 'POST',
                                url: oURL,
                                data: querystring,
                                async: false,
                                cache: false,
                                processData: true,
                                complete: function(XHR, textstatus){
                                    if (textstatus != 'success'){
                                        alert(textstatus + '\n' + XHR.status + '  '+ XHR.statusText);
                                    }
                                }
                            });
                            figur=0;
                            konserv=0;
                            var myNewID = $('#myArtGrpSub').val();
                            var myOldID = $('#myArtGrpSubOrig').val();
                            if ((myNewID != '') && (myNewID != 0)) {
                             var myURL = '/modules/myart/myarticles_productlist.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&agr_id='+myNewID+'&ts='+ new Date().getTime();
                             $('#art_'+myNewID).load(myURL);
                            }
                            if ((myOldID != '') && (myOldID != 0) && (myOldID != myNewID)) {
                             var myURL = '/modules/myart/myarticles_productlist.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&agr_id='+myOldID+'&ts='+ new Date().getTime();
                             $('#art_'+myOldID).load(myURL);
                            }
                            $(this).dialog("close");
                        }
                    }else{
	                     // Speichern im Warenkorb
	                    is_OK = checkBestellmenge();
	                    if (figur == 1 && is_OK == true) is_OK = checkform();
	                    if (is_OK == true){
	                    	
	                    	preisberechnungExistiert = 0;

	                        querystring = $("#bestellen").serialize();
	                        oURL = '/modules/addBasketFinal.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B'+'&ts='+ new Date().getTime();
	                        $.ajax({
	                            type: 'POST',
	                            url: oURL,
	                            data: querystring,
	                            async: false,
	                            cache: false,
	                            processData: true,
								dataType: 'json',
	                            complete: function(XHR, textstatus) {
	                                if (textstatus != 'success') {
	                                    alert(textstatus + '\n' + XHR.status + '  '+ XHR.statusText);
	                                }
	                            }
	                        }).done(function(data){
		                        
		                        if (typeof handleDialogDidSaveChange == 'function'){
		                        	handleDialogDidSaveChange(data);
		                        }
	                        });
	                        figur=0;
	                        konserv=0;
	                        $(this).dialog("close");
	                    }
                    }
                },
                "zurück": function(){
                    //alert("Cancel clicked");
                    $(this).dialog("close");
                }
            }
        });  // ende dialog
    }); // ende jquery

    function toBasketFast (art_nr, anzahl, einheit, ctrl, herkunft){
        if (einheit == 1){
            var myURL = "/modules/add2basketshort.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&art_nr="+art_nr+"&bestellmenge="+anzahl+'&ts='+ new Date().getTime()+"&herkunft="+herkunft;
        }else{
            var myURL = "/modules/add2basketshort.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&art_nr="+art_nr+"&anzahl="+anzahl+'&ts='+ new Date().getTime()+"&herkunft="+herkunft;
        }
        ctrl.value = '';
        $.ajax({
            url: myURL,
            cache: false,
            type: 'post'
        });
        location.href="sortiment.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B";
    }


    function toBasket(art_nr, dim_nr, figurmoeglich, konservmoeglich, KundenArtID, detailId, position, productname){
        var myFigur = figurmoeglich;
        var myKonserv = konservmoeglich;
        
        
			myFigur = 0;
		
        
        $("#myarttd").addClass('hiddenrow');

        
        querystring = "art_nr=" + art_nr + "&action=add&KundenArtID=" + KundenArtID+'&ts='+ new Date().getTime();
        

		// $('#tabs').tabs("option","disabled",[]);

        
        var loaderString = '<img src="/images/loader.gif" />';
        $("#tabs-mengen").html(loaderString);
        $("#tabs-mengen").load("/modules/add2basket.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);

        // andere tabs initial leeren
        $("#tabs-bearb").html('');
        $("#tabs-schnitt").html('');

        var opt_pos = 0;
        
        

        /* weitere Seiten laden */
        if(opt_pos > 0){
          switch (opt_pos){
            case 1: {
                $("#tabs-schnitt").html(loaderString);
                $("#tabs-schnitt").load("/modules/add2basket1.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-bearb").html('');
                break;
            }
            case 2: {
                $("#tabs-bearb").html(loaderString);
                $("#tabs-bearb").load("/modules/add2basket2.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-schnitt").html('');
                break;
            }
            case 3: {
                $("#tabs-schnitt").html(loaderString);
                $("#tabs-bearb").html(loaderString);
                $("#tabs-schnitt").load("/modules/add2basket1.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-bearb").load("/modules/add2basket2.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                break;
            }
          }
        }

        /*  warenkorb */
        $("#dialog_dim_nr").text(dim_nr);
        
        bezid = "bez" + art_nr;
        

        if (typeof(productname) != "undefined") {
            $("#dialog_mastername").text(decodeURI(productname));
        } else {
            $("#dialog_mastername").text(document.getElementById(bezid).value);
        }

        //if (opt_pos > 0) $("#dialog").dialog('option','height',650); else $("#dialog").dialog('option','height','auto');
        $("#dialog").dialog('option','width',700);
        $("#dialog").dialog('option','title','In den Warenkorb');
        //$(this).parents('.ui-dialog-buttonpane button:eq(0)').html('In den Warenkorb');
        //$(this).parents('.ui-dialog-buttonpane ui-dialog-buttonset button:eq(1)').html('Zurück');
        $("#dialog").dialog('open');
        $("#goToMyArt").html('0');

        switch(opt_pos){
            case 0:{
            	var tabs = $("#tabs").tabs(
            		{
            			'disabled': [1,2],
            			'enabled': []
            		}
            	);
            	break;
            }
            case 1:{
            	var tabs = $("#tabs").tabs(
            		{
            			'disabled': [2],
            			'enabled': [1]
            		}
            	);
            	break;
            }
            case 2:{
            	var tabs = $("#tabs").tabs(
            		{
            			'disabled': [1],
            			'enabled': [2]
            		}
            	);
            	break;
            }
            case 3:{
            	var tabs = $("#tabs").tabs(
            		{
            			'disabled': [],
            			'enabled': [1,2]
            		}
            	);
            	break;
            }
        }

        //  $('#tabs').tabs('select', '#tabs-mengen');
        $('#tabs').tabs( "option", "active", 0 );

        switch(opt_pos){
            case 0:{
            	$("#tabs").tabs("option", "disabled", [1,2]);
            	$("#tabs").tabs("option", "enabled", []);
            	break;
            }
            case 1:{
            	$("#tabs").tabs("option", "disabled", [2]);
            	$("#tabs").tabs("option", "enabled", [1]);
            	break;
            }
            case 2:{
            	 $("#tabs").tabs("option", "disabled", [1]);
            	 $("#tabs").tabs("option", "enabled", [2]);
            	 break;
            }
            case 3:{
            	 $("#tabs").tabs("option", "disabled", []);
            	 $("#tabs").tabs("option", "enabled", [1,2]);
            	 break;
            }
        }
    }

    function toMyArticles(art_nr, dim_nr, figurmoeglich, konservmoeglich, KundenArtID, detailId, position, productname){
        var myFigur = figurmoeglich;
        var myKonserv = konservmoeglich;

        
        querystring = "art_nr=" + art_nr + '&action=add&ts='+ new Date().getTime();
        

        //$('#tabs').tabs("option","disabled",[]);

        
        var loaderString = '<img src="/images/loader.gif" />';
        $("#tabs-mengen").html(loaderString);
        $("#tabs-mengen").load("/modules/add2basket.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&myart=1",querystring, function(){
        	$("#myArtTree").jstree({
              "plugins" : [ "themes", "html_data" ]
            });
         });

        // andere tabs initial leeren
        $("#tabs-bearb").html('');
        $("#tabs-schnitt").html('');

        var opt_pos = 0;
        if (myFigur != 0) { opt_pos += 1; }
        if (myKonserv != 0) { opt_pos += 2;}

        // weitere Seiten laden
        if(opt_pos > 0){
          switch(opt_pos){
            case 1: {
                $("#tabs-schnitt").html(loaderString);
                $("#tabs-schnitt").load("modules/add2basket1.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-bearb").html('');
                break;
            }
            case 2: {
                $("#tabs-bearb").html(loaderString);
                $("#tabs-bearb").load("modules/add2basket2.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-schnitt").html('');
                break;
            }
            case 3: {
                $("#tabs-schnitt").html(loaderString);
                $("#tabs-bearb").html(loaderString);
                $("#tabs-schnitt").load("modules/add2basket1.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                $("#tabs-bearb").load("modules/add2basket2.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B",querystring);
                break;
            }
          }
        }

        //  warenkorb
        $("#dialog_dim_nr").text(dim_nr);
        
        bezid = "bez" + art_nr;
        

        if (typeof(productname) != "undefined") {
            $("#dialog_mastername").text(productname);
        }else{
            $("#dialog_mastername").text(document.getElementById(bezid).value);
        }

        //if (opt_pos > 0) $("#dialog").dialog('option','height',650); else $("#dialog").dialog('option','height','auto');
        $("#dialog").dialog('option','width',950);
        $("#dialog").dialog('option','title','Meine Artikel');
        $(this).parents('.ui-dialog-buttonpane button:eq(0)').html('speichern');
        $("#goToMyArt").html('1');
        $("#dialog").dialog('open');
        switch(opt_pos){
            case 0:  var tabs = $("#tabs").tabs({'disabled': [1,2]}); break;
            case 1:  var tabs = $("#tabs").tabs({'disabled': [2]}); break;
            case 2:  var tabs = $("#tabs").tabs({'disabled': [1]}); break;
            case 3:  var tabs = $("#tabs").tabs(); break;
        }

        $('#tabs').tabs( "option", "active", 0 );

        switch (opt_pos) {
            case 0:  $("#tabs").tabs( "option", "disabled", [1, 2] ); break;
            case 1:  $("#tabs").tabs( "option", "disabled", [2] ); break;
            case 2:  $("#tabs").tabs( "option", "disabled", [1] ); break;
        }
    }

	function openverfuegbarkeit(DetailID,sp_Art_Nr){
		// Verfügbarkeitsinfo im Stil von
		// URL/xprs83.pr_info?Knd_nr|Art_nr|Dim_nr|Lagerort|Objekt_nr|Session
		// Die Variablen sind Knd_nr,Art_nr,Dim_nr,Lagerort,Objekt_nr,SessionID
		// Knd_nr wird anhand der Session-Variablen gesetzt und muss beim Aufruf nicht uebergeben werden
		// Art_nr wird muss immer uebergeben werden (als PreiseArtNr)
		// Dim_nr wird nie uebergeben sondern von der Prozedur gelesen
		// Lagerort wird von der Prozedur uebergeben
		// Objekt_nr kann uebergeben werden (als PreiseObjekt) wenn nicht, wird es aus den Sessionvariablen gelesen
		// Die SessionID wird von der Prozedur automatisch angefuegt
		var oURL;
		var scrW = screen.availWidth;
		var scrH = screen.availHeight;
		var winW = 600;
		var winH = 650;
		var winT = 1;
		var winL = 1;
		var oPar;
		winL = (scrW / 2) - (winW / 2);
		winT = (scrH / 2) - (winH / 2);
		if (winL < 1){ winL = 1; }
		if (winT < 1){ winT = 1; }
		oPar = 'menubar=no,resizable,scrollbars,statusbar=no,toolbar=no,width='+winW+',height='+winH+',top='+winT+',left='+winL;

		if(DetailID == 0){
			
			oURL='/modules/showverfuegbarkeit.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&ArtNr='+sp_Art_Nr;
			var myFormOptions = $('#bestellen').serialize();
			if (myFormOptions != ''){ oURL+= '&'+myFormOptions; }

		}else{
			oURL='/modules/showverfuegbarkeit.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&DetailID='+DetailID;
		}

		NewWindow=window.open(oURL,"show_preise",oPar);
		NewWindow.focus();
	}

	function openpreise(DetailID,sp_Art_Nr){
		// Preisinfo im Stil von
		// URL/xprs83.pr_info?Knd_nr|Art_nr|Dim_nr|Lagerort|Objekt_nr|Session
		// Die Variablen sind Knd_nr,Art_nr,Dim_nr,Lagerort,Objekt_nr,SessionID
		// Knd_nr wird anhand der Session-Variablen gesetzt und muss beim Aufruf nicht uebergeben werden
		// Art_nr wird muss immer uebergeben werden (als PreiseArtNr)
		// Dim_nr wird nie uebergeben sondern von der Prozedur gelesen
		// Lagerort wird von der Prozedur uebergeben
		// Objekt_nr kann uebergeben werden (als PreiseObjekt) wenn nicht, wird es aus den Sessionvariablen gelesen
		// Die SessionID wird von der Prozedur automatisch angefuegt
		var oURL;
		var scrW = screen.availWidth;
		var scrH = screen.availHeight;
		var winW = 600;
		var winH = 650;
		var winT = 1;
		var winL = 1;
		var oPar;
		winL = (scrW / 2) - (winW / 2);
		winT = (scrH / 2) - (winH / 2);
		if (winL < 1){ winL = 1; }
		if (winT < 1){ winT = 1; }
		oPar = 'menubar=no,resizable,scrollbars,statusbar=no,toolbar=no,width='+winW+',height='+winH+',top='+winT+',left='+winL;

		// menge auslesen
		var myQ1 = $("#bestellmenge_"+sp_Art_Nr).val();
		var myQ2 = $("#anzahl_"+sp_Art_Nr).val();
		var myZw = $("#laenge_"+sp_Art_Nr).val();
		var myZwInit = $("#laenge_"+sp_Art_Nr).attr('data-value');

		if (typeof myQ1 === "undefined") { var myQ1 = 0; }
		if (typeof myQ2 === "undefined") { var myQ2 = 0; }
		if (typeof myZw === "undefined") {
			var myZw = 0;
		}else{
			myZw = myZw.trim();
		}
		if (typeof myZwInit === "undefined") {
			var myZwInit = 0;
		}else{
			myZwInit = myZwInit.trim();
		}

		if(DetailID == 0){
			
			oURL='/modules/showpreise.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&PreiseArtNr='+sp_Art_Nr;

			// initialmengen und preis mitgeben
			var price_field = $('#preisBrutto_'+sp_Art_Nr);
			var price_act = price_field.html();
			var price_auf_anfrage = 0;
			if(price_field.hasClass('priceAufAnfrage')){
				price_auf_anfrage = 1;
			}

			// preiseinheit, divisor
			var price_unit = $('#unit_'+sp_Art_Nr).html();
			var prive_divisor = $('#divisor_'+sp_Art_Nr).html();

			var myFormOptions = $('#bestellen').serialize();
			if (myFormOptions != ''){ oURL+= '&'+myFormOptions; }

	        // momentanen preis pro einheit mitgeben
	        oURL += '&priceAct='+encodeURI(price_act) + '&einheitPreisGrid=' + price_unit + '&mengePreisGrid=' + prive_divisor;
	        oURL += '&isAufAnfrage=' + price_auf_anfrage;
		}else{
			// auf anfrage beruecksichtigen
            var price_field = $('#preisLink_'+DetailID);
            var price_auf_anfrage = 0;
            if(price_field.length && price_field.hasClass('priceAufAnfrage')){
                price_auf_anfrage = 1;
            }

            oURL='/modules/showpreise.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&DetailID='+DetailID+'&isAufAnfrage='+price_auf_anfrage;
		}

        // params nur anhaengen, falls noch nicht vorhanden
        if (!((myQ1 == "") || (isNaN(myQ1)) || (myQ1 == 0)) && oURL.indexOf("bestellmenge") == -1){
               oURL += '&bestellmenge='+myQ1;
        }
        if (!((myQ2 == "") || (isNaN(myQ2)) || (myQ2 == 0)) && oURL.indexOf("anzahl") == -1){
               oURL += '&anzahl='+myQ2;
        }
        if (!((myZw == "") || (isNaN(myZw)) || (myZw == 0)) && oURL.indexOf("zwischenmengemultiplikator") == -1){
               // schnitt beruecksichtigen. lager oder fix!
               if(myZw != myZwInit){
	               oURL += '&zwischenmengemultiplikator='+myZw;
	               oURL += '&schnitt=f';
               }
        }

		NewWindow=window.open(oURL,"show_preise",oPar);
		NewWindow.focus();
	}
 </script>

<script type="text/javascript">
	// nur nummerische eingaben erlauben
	function checkSearchInputFilter(evt){
		evt = (evt) ? evt : event;
		var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0));
		var validchar = false;
		if (charCode < 31) { validchar = true; } // steuerzeichen
		if (charCode > 47 && charCode < 58) { validchar = true; } // zahlen
		if (charCode == 46) { validchar = true; } // punkt

		// falls enter gedrueckt, dann results neu laden
		if(charCode == 13){
			resetOffset();
			reloadResultList(1);
			return false;
		}

		return validchar;
	}

	function scrollToTopList(){
		var topOffset = $('#konfigurator-result').offset().top,
			currentScroll = $(window).scrollTop();

		// nur scrollen, wenn unterhalb
		if(currentScroll > topOffset){
			$('html, body').animate({
			    scrollTop: topOffset
			}, 1000, function(){
				// complete
			});
		}
	}

	// timer fuer scrolling
	var scrollTimer = null,
		scrollDelay = 1;

	// own dragger init
	function initDragger(uaResult){
		var tableRight = $('#konfigurator-result-table-right'),
			tableRightFixed = $('#konfigurator-result-table-fixed-right'),
			scrollPane = $('#konfigurator-scrollbar'),
			scrollBar = $('#konfigurator-scrollbar'),
			tableRightWrapper = $('#konfigurator-result-container-wrapper'),
			tableRightFixedWrapper = $('#konfigurator-result-container-fixed-wrapper'),
			newLeftValue = 0,
			scrollEvent = 'scroll';

		// margin bottom bei mobile browsern entfernen
		if(uaResult.removeMargin){
			$('#konfigurator-result-container-fixed-wrapper').css('margin-bottom', '0');
			$('#konfigurator-result-container-wrapper').css('margin-bottom', '0');
		}

		// scroller nur initialisieren, falls content auch gescrollt werden soll
		if(tableRight.width() > scrollPane.width()){
			// show slider
			scrollBar.show();

			tableRightWrapper.scrollLeft(0);
			tableRightFixedWrapper.scrollLeft(0);

			customScroller = $('#konfigurator-scrollbar-scrollbar').slider({
				animate: "fast",
				slide: function( event, ui ) {
					newLeftValue = Math.round( ui.value / 100 * ( scrollPane.width() - tableRight.width() ) );

					tableRightWrapper.scrollLeft(-newLeftValue);
					tableRightFixedWrapper.scrollLeft(-newLeftValue);
				}
			});
			// scroll event
			tableRightWrapper.bind(scrollEvent, function(){
			    var tableScrollLeft = $(this).scrollLeft(),
			    	newSliderPos = Math.round( tableScrollLeft / ( scrollPane.width() - tableRight.width() ) * 100 );

				if(uaResult.isTouch){
					if(scrollTimer !== null) {
					    clearTimeout(scrollTimer);
					}

					scrollTimer = setTimeout(function() {
				        customScroller.slider("option", "value", -newSliderPos);
				        tableRightFixedWrapper.scrollLeft(tableScrollLeft);
					}, scrollDelay);
				}else{
			        customScroller.slider("option", "value", -newSliderPos);
			        tableRightFixedWrapper.scrollLeft(tableScrollLeft);
				}
			});
			tableRightFixedWrapper.bind(scrollEvent, function(){
			    var tableScrollLeft = $(this).scrollLeft(),
			    	newSliderPos = Math.round( tableScrollLeft / ( scrollPane.width() - tableRight.width() ) * 100 );

				if(uaResult.isTouch){
					if(scrollTimer !== null) {
					    clearTimeout(scrollTimer);
					}

					scrollTimer = setTimeout(function() {
				        customScroller.slider("option", "value", -newSliderPos);
				        tableRightWrapper.scrollLeft(tableScrollLeft);
					}, scrollDelay);
				}else{
			        customScroller.slider("option", "value", -newSliderPos);
			        tableRightWrapper.scrollLeft(tableScrollLeft);
				}
			});
		}else{
			// slider ausblenden
			scrollBar.hide();
		}
	}

	// breite von scrollbar neu setzen
	function resizeDragger(){
		var scrollbar = $('#konfigurator-scrollbar'),
			resultContainerFixed = $('#konfigurator-result-container-fixed'),
			newWidth = $('#konfigurator-result-container').width(),
			resultTableRight = $('#konfigurator-result-table-right'),
			resultTableRightFixed = $('#konfigurator-result-table-fixed-right');

		scrollbar.width(newWidth);
		resultContainerFixed.width(newWidth);

		// falls resulttabelle kleiner als resultcontainer, die tabelle breiter machen
		if(resultTableRight.width() < newWidth){
			resultTableRight.width(newWidth);
			resultTableRightFixed.width(newWidth);
		}
	}

	// browser check, fuer margin bottom bei scroll containern (diese systeme haben keine "inline" scrollbars)
	function checkUserAgent(){
		var myUA = navigator.userAgent,
			myPlatform = navigator.platform,
			removeMargin = false,
			isTouch = false;

		result = {}

		// windows phone
		if(myUA.match(/windows phone/i)) removeMargin = true;
		if(myUA.match(/IEMobile/i)) removeMargin = true;

		// ipad / ipod / iphone
		if(myUA.match(/ipad/i)) removeMargin = true;
		if(myUA.match(/ipod/i)) removeMargin = true;
		if(myUA.match(/iphone/i)) removeMargin = true;

		// android
		if(myUA.match(/android/i)) removeMargin = true;
		if(myUA.match(/Opera Mini/i)) removeMargin = true;

		// blackberry
		if(myUA.match(/blackberry/i)) removeMargin = true;

		// allgemein mac OS
		if(myPlatform.match(/mac/i)) removeMargin = true;

		// touch geraet
		isTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints;
		if(isTouch === undefined) isTouch = false;

		result['removeMargin'] = removeMargin;
		result['isTouch'] = isTouch;

		return result;
	}

	// alle filter zuruecksetzen
    function resetFilterAll(){
        // reset facet container
        $('#konfigurator-facet-container').html('');
        $('.konfigurator-attribute-container').hide();

        // reset fields
        $('.konfigurator-attribute-container select').val(0);
        $('.konfigurator-attribute-container input').val('');
        $('.konfigurator-attribute-container .dropdown .selected .undefined').html($('.konfigurator-attribute-container select option[value="0"]').html());
        $('.konfigurator-attribute-container .dropdown ul li').removeClass('selected').removeClass('hover');

        // reset text
        $('.konfigurator-result .konfigurator-desc').html($('#konfigurator-desc-placeholder').html());
    }

	var loadingoffset = 0;
	var loadinglimit = 500;
	var oldParams = {};
	var facetClick = 0;

	function resetOffset(){
		loadingoffset = 0;
		facetClick = 1;
	}

	// suche neu laden
	function reloadResultList(firstHit, newFormId){
		//var selectedForm = $("#form-konfigurator input[type='radio']:checked").val(),
		var selectedForm = $('#konfigurator-form-id').val(),
		    searchFacetsInit = $('#konfigurator-search-facets'),
		    searchFacetsInitVal = searchFacetsInit.val(),
			ajaxUrl = '/modules/konfigurator/stahl/ajax_search.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B',
			ajaxLoader = '<div style="text-align:center;margin:20px 40px 0 0;"><img src="/images/loader.gif"></div>',
			resultContainer = $('#konfigurator-result'),
			facetCategoryContainer = $('#konfigurator-facet-container, #konfigurator-kategorie-container'),
			facetCategoryItems = facetCategoryContainer.find('.facetgroup'),
			facetContainer = $('#konfigurator-facet-container'),
			facetItems = facetContainer.find('.facetgroup'),
			kategorieContainer = $('#konfigurator-kategorie-container'),
			kategorieItems = kategorieContainer.find('.facetgroup');

		// first hit init
		if(firstHit != 1){
			firstHit = 0;
		}

		// take param
        if(newFormId !== undefined) {
            selectedForm = newFormId;
        }

		// falls scroller initialisiert, dann loeschen
		if(customScroller != null){
			//customScroller.mCustomScrollbar('destroy');
			customScroller.slider('destroy');
			customScroller = null;

			// events deaktivieren
			$('#konfigurator-result-table-right').unbind();
			$('#konfigurator-result-container-wrapper').unbind();
			$('#konfigurator-result-container-fixed-wrapper').unbind();
		}

		// immer alles zeigen
		//firstHit = 0;

		if(1 === 1 || parseInt(selectedForm) > 0){
			// technische attribute initial ausblenden
			//$("#konfigurator_attr_" + selectedForm).hide();

			// scrollfunktion loeschen
			unbindTableScroll();

			// dont scroll top if load more button was clicked
			if($('.konfigurator-show-more-button').val() == 0) {
				// hochscrollen
	            scrollToTopList();
			}

			// loader platzieren
			resultContainer.find('.konfigurator-desc').html(ajaxLoader);

			// hide table and button on first load
			if(firstHit == 1) {
				$('.table-construct').addClass('hidden');
				$('.konfigurator-show-more-button').hide();
			}

			// parameter
			ajaxParams = {};

			// first hit
			ajaxParams['firstHit'] = firstHit;

			// form eintragen
			ajaxParams['form_id'] = parseInt(selectedForm);

			// alle untergeordneten inputs durchgehen
			$('#konfigurator_attr_' + selectedForm + ' input').each(function (){
				ajaxParams[$(this).attr('data-name')] = $(this).val();
			});
			$('#konfigurator_attr_' + selectedForm + ' select').each(function (){
				ajaxParams[$(this).attr('data-name')] = $(this).val();
			});

			// alle facetten parsen (nur bei zweiten aufruf)
			ajaxParams['searchFacets'] = '';
			if(firstHit === 0){
				// falls facetten in session abgelegt, dann diese nehmen
				if(searchFacetsInitVal.trim() !== ''){
					ajaxParams['searchFacets'] = searchFacetsInitVal.trim();
					searchFacetsInit.val('');
				}

				if(facetCategoryItems.length){
					facetCategoryItems.each(function(){
						var thisId = $(this).attr('data-id'),
							thisString = '',
							allCbx = $(this).find('input'),
							myId = $(this).attr('id');

						// bug fix missing facets in object
						if(oldParams[thisId] === undefined) {
							oldParams[thisId] = '';
						}

						ajaxParams[thisId] = '';

						// alle checkboxen durchgehen
						facetTypeSet = false;
						facetItemSet = false;
						allCbx.each(function(){
							if($(this).get(0).checked){
								if(thisString !== '') thisString += '|';
								thisString += $(this).attr('value');

								// kompletter facetten string
								if(!facetTypeSet){
									if(ajaxParams['searchFacets'] != ''){
										ajaxParams['searchFacets'] += '#';
									}
									ajaxParams['searchFacets'] += thisId + '$';
								}

								if(facetItemSet){
									ajaxParams['searchFacets'] += '|';
								}

								ajaxParams['searchFacets'] += $(this).attr('value');

								facetTypeSet = true;
								facetItemSet = true;
							}
						});

						// wert setzen
						ajaxParams[thisId] = thisString;
					});
				}
			}

			if(facetClick == 0 && oldParams['form_id'] == ajaxParams['form_id']){
				// change offset and load more products
				loadingoffset += loadinglimit;
				ajaxParams['offset'] = loadingoffset;
			} else {
				// array settings are different reset offset
				ajaxParams['offset'] = 0;
				loadingoffset = 0;
			}
			facetClick = 0;

			// save params for next load
			oldParams = JSON.parse(JSON.stringify(ajaxParams));

			// facetten nullen
			if(firstHit === 1){
				facetContainer.html('');
				kategorieContainer.html('');
			}

			// set text to init, if form_id is 0
            if(parseInt(selectedForm) === 0){
                resetFilterAll();
            }

            $.ajax({
                type: 'POST',
                async: true,
                cache: false,
                data: ajaxParams,
                url: ajaxUrl
            }).done(function(data) {
                // wenn form id = 0, dann nichts anzeigen. wurde bereits erledigt.
                // ajax call dient nur dem setzen in der session
                if(parseInt(selectedForm) === 0){
                    return;
                }

				// remove whitepace from json
				data = $.trim(data.replace(/[\t\n]+/g,' ')).split(/\s/).join(' ');
				var resultData = jQuery.parseJSON(data).tableHTML[0];

				// stop ajaxLoader symbol
				resultContainer.find('.konfigurator-desc').html('');
				$('.table-construct').removeClass('hidden');

				// hide the loading button if less products than the limit gets returned
				if(parseInt(resultData.products[0].rownum) < loadinglimit) {
					$('.konfigurator-show-more-button').hide();
				} else {
					$('.konfigurator-show-more-button').show();
				}

				if(resultData.emptyResult) {
					// show empty result info
					$('.table-structure').addClass('hidden');
					$('.result-error').html(resultData.emptyResult);
				} else {
					$('.table-structure').removeClass('hidden');
					$('.result-error').addClass('hidden');

					// add headers and products to elements
					// only set header if its empty
					var newHeader = 0;

					// TODO: TEST THIS: reset fixed table
					$('#konfigurator-result-table-fixed-left').html('');
					$('#konfigurator-result-table-fixed-right').html('');


					/*if($('#konfigurator-result-table-right .thead-right').html().trim() != '' || ajaxParams['firstHit'] == 1) {
						newHeader= 1;
					}*/
					$('#konfigurator-result-table-left .thead-left').html(resultData.header[0].left);
					$('#konfigurator-result-table-right .thead-right').html(resultData.header[0].right);


					// if more loading button was clicked add it to the element
					if($('.konfigurator-show-more-button').val() == 1) {
						$('#konfigurator-result-table-left .tbody-left').append(resultData.products[0].left);
						$('#konfigurator-result-table-right .tbody-right').append(resultData.products[0].right);
					} else {
						// add products
						$('#konfigurator-result-table-left .tbody-left').html("<tr class='spacer-line'></tr>" + resultData.products[0].left);
						$('#konfigurator-result-table-right .tbody-right').html("<tr class='spacer-line'></tr>" + resultData.products[0].right);

						// add empty space
						for(var i = 0; i < parseInt(resultData.products[0].colnumleft); i++) {
							$('#konfigurator-result-table-left .tbody-left .spacer-line').append('<td>&nbsp;</td>');
						}
						for(var i = 0; i < parseInt(resultData.products[0].colnumright); i++) {
							$('#konfigurator-result-table-right .tbody-right .spacer-line').append('<td>&nbsp;</td>');
						}

						$('#konfigurator-result-table-right').css('width','100%');
					}

					// availability and infos
					$('.result-info').html(resultData.infos);
					//getAvailabilityOnLoad();


					// show or hide show more button
					/*if(resultData.products[0].colnumright == 0) {
						$('.konfigurator-show-more-button').hide();
					} else {
						$('.konfigurator-show-more-button').show();
					}*/
				}

				// add json
				$('#facetResult').html(JSON.stringify(resultData.json[0].facetResult));
				$('#kategorieResult').html(JSON.stringify(resultData.json[0].kategorieResult));

                // useragent checken
                uaResult = checkUserAgent();

			    if($('.konfigurator-image-container').first().is(':visible')){
				    var titleImages = $('.konfigurator-image-container img');
				    imagesTotal = titleImages.length;
				    imagesLoaded = 0;
				    titleImages.on('load',function() {
				        imagesLoaded++;

						if(imagesLoaded == imagesTotal){
					        // hoehe synchronisieren
					        syncHeightTableHeader();

			                // tabelle fixed header scroll
			                bindTableScroll();
							resizeDragger();
				        }
				    });
			    }else{
			        // nur ausfuehren, wenn auch resultate vorhanden sind
			        if($('#konfigurator-result-table-left').length){
				        // hoehe synchronisieren
				        syncHeightTableHeader();

		                // tabelle fixed header scroll
		                bindTableScroll();
			        }
			    }

				if(!$("#konfigurator_attr_" + selectedForm).is(':visible')){
					$("#konfigurator_attr_" + selectedForm).show();
				}

                // scrollbar
				initDragger(uaResult);

                // facetten auslesen
                var facetData = $('#facetResult').html();
                facetData = facetData.trim();
                if(facetData !== ''){
	                facetData = jQuery.parseJSON(facetData);
	                if(facetData[0].facets.length){
	                	// facetten aufbereiten
	                	outputFacets(facetData[0].facets, facetData[0].facetSet, '#konfigurator-facet-container');
	                }
                }

                // kategorien auslesen
                 var kategorieData = $('#kategorieResult').html();
                kategorieData = kategorieData.trim();
                if(kategorieData !== ''){
	                kategorieData = jQuery.parseJSON(kategorieData);
	                if(kategorieData[0].facets.length){
	                	// facetten aufbereiten
	                	outputFacets(kategorieData[0].facets, kategorieData[0].facetSet, '#konfigurator-kategorie-container');
	                }
                }

				if($('.konfigurator-show-more-button').val() == 1 || newHeader == 1) {
					syncHeightTableHeader();
					bindTableScroll();
					resizeDragger();
				}

				// reset button
				$('.konfigurator-show-more-button').val(0);
            });
		}
	}

	// hoehe bei tabellen header synchronisieren
	function syncHeightTableHeader(){
		var maxHeight = 0,
			thisWidth = 0,
			maxHeightImages = 0,
			maxHeightMasterTitles = 0,
			headerTitles = $('.konfigurator-master-title'),
			headerItems = $('.konfigurator-head-row'),
			imageItems = $('.konfigurator-image-container'),
			masterTitles = $('.master-attribs-title');

		imageItems.each(function (){
			maxHeightImages = Math.max($(this).height(), maxHeightImages);
		});
		// bilder container alle gleich hoch
		imageItems.css('height', maxHeightImages);

		masterTitles.each(function (){
			maxHeightMasterTitles = Math.max($(this).height(), maxHeightMasterTitles);
		});
		// header master titles alle gleich hoch
		masterTitles.css('height', maxHeightMasterTitles);

		headerTitles.each(function (){
			maxHeight = Math.max($(this).height(), maxHeight);
		});

		// toleranz
		maxHeight += 1;

		// bild groesser
		//maxHeight += 16;

		// header alle gleich hoch
		headerItems.css('height', maxHeight);

		// alle breiten fix hineinschreiben
		/*
		headerTitles.each(function (){
			thisWidth = $(this).width();
			$(this).css('width', thisWidth);
		});
		*/
		headerItems.each(function (){
			thisWidth = $(this).width();
			$(this).css('width', thisWidth);
		});
	}

	// facette auf-/zuklappen
	function facetGroupOpenClose(facet){
		var facetContainerAct = $('#facetgroup_' + facet);
		if(facetContainerAct.is(':visible')){
			facetContainerAct.slideUp();
		}else{
			facetContainerAct.slideDown();
		}
	}

	// facetten ausgeben
	function outputFacets(facetData, facetSet, facetContainer){
		// alle facetten durchgehen
		var facetContainer = $(facetContainer),
			outputString = '',
			isSelected = '',
			facetClass = '';

		for(i=0; i<facetData.length; i++){
			outputString += '<div class="facetgroup" data-id="' + facetData[i].facet + '" id="facetgroup_container_' + facetData[i].facet + '">';
			outputString += '<a id="facetheader_' + facetData[i].facet + '" class="facettitle auszeichnung facetopen" href="javascript:void(0);" onclick="javascript:facetGroupOpenClose(\'' + facetData[i].facet + '\')">';
			outputString += facetData[i].title + '</a>';

			outputString += '<div id="facetgroup_' + facetData[i].facet + '">';
			outputString += '<ul class="facetitems lauftext" id="facets_' + facetData[i].facet + '">';

			// alle werte durchgehen
			for(j=0; j<facetData[i].items.length; j++){
				// selektiert oder nicht
				isSelected = '';
				if(facetData[i].items[j].selected == '1') isSelected = ' checked';

				// falls facette gesetzt und auch eintraege verfuegbar, eintrag fett!
				facetClass = '';
				if(facetSet == '1'){
					if(parseInt(facetData[i].items[j].anz_verfuegbar) > 0){
						facetClass += ' facet_title_bold';
					}
				}

				// mehr als 10 facetten ausblenden
				liClass = '';
				if(j>=9){
					liClass = ' facetHidden';
				}

				outputString += '<li class="facetitem' + liClass + '">';
				outputString += '<label for="cb_' + facetData[i].facet + '_' + j + '" class="label_check label_facet">';
				outputString += '<input id="cb_' + facetData[i].facet + '_' + j + '" type="checkbox" name="facet_' + facetData[i].facet + '" value="' + facetData[i].items[j].wert + '" class="shopcbx"' + isSelected + ' onchange="resetOffset();reloadResultList(0);">';
				outputString += '<span></span>';
				outputString += '<p class="facet_title' + facetClass + '">' + facetData[i].items[j].wert + ' (<span class="facetcount">' + facetData[i].items[j].anz_verfuegbar + '</span>/' + facetData[i].items[j].anz_total + ')</p></label>';
				outputString += '</li>';
			}

			outputString += '</ul>';

			// mehr link, falls noetig
			if(facetData[i].items.length >= 9){
				outputString += '<div id="facetmore_' + facetData[i].facet + '" class="facetitems lauftext weitere">';
				outputString += '<a class="textlink" onclick="javacript:facetExpand(\'' + facetData[i].facet + '\');" href="javascript:void(0);">weitere</a>';
				outputString += '</div>';
			}

			outputString += '</div>';
			outputString += '</div>';
		}

		facetContainer.html(outputString);
	}

	// weitere facetten einblenden
	function facetExpand(facetType){
		var facetContainer = $('#facets_' + facetType),
			moreLink = $('#facetmore_' + facetType);
		if(facetContainer.length){
			// items einblenden
			facetContainer.find('li.facetHidden').removeClass('facetHidden');

			// more link ausblenden
			moreLink.remove();
		}
	}

	// scrollfunktion init
	function bindTableScroll(){
		var tableLeft = $('#konfigurator-result-table-left'),
			tableRight = $('#konfigurator-result-table-right'),
			resultContainer = $('#konfigurator-result-container'),
			//scrollBar = resultContainer.find('.mCSB_scrollTools'),
			scrollBar = $('#konfigurator-scrollbar'),
			fixedHeaderLeft = $('#konfigurator-result-table-fixed-left'),
			fixedHeaderRight = $('#konfigurator-result-table-fixed-right'),
			fixedHeaderRightContainer = $('#konfigurator-result-container-fixed'),
			fixedHeaderLeftContainer = $('#konfigurator-result-table-fixed-left-container'),
			tableRightWrapper = $('#konfigurator-result-container-wrapper'),
			tableRightFixedWrapper = $('#konfigurator-result-container-fixed-wrapper'),
			offSetScrollButtons = 31,
			tableOffset = tableLeft.offset().top - offSetScrollButtons,
			headerLeft = tableLeft.find('thead:first').clone(),
			headerRight = tableRight.find('thead:first').clone(),
			offsetTopInit = $(window).scrollTop(),
            scrollBarFixedTopOffset = 5;

		// header einfuegen
		fixedHeaderLeft.html('');
		fixedHeaderRight.html('');
		fixedHeaderLeft.append(headerLeft);
		fixedHeaderRight.append(headerRight);

		// breite uebernehmen
		fixedHeaderRightContainer.css('width', resultContainer.width());
		fixedHeaderLeft.css('width', (tableLeft.width()+1));
		fixedHeaderRight.css('width', (tableRight.width()+1));
		tableRight.css('width', tableRight.width());
		scrollBar.css('width', scrollBar.width());

		// falls initial schon gescrollt ist, dann styles anpassen
		if(offsetTopInit >= tableOffset){
	    	if(!fixedHeaderLeftContainer.is(':visible')) fixedHeaderLeftContainer.show();
	    	if(fixedHeaderRightContainer.hasClass('konfigurator-hidden')){
	    		fixedHeaderRightContainer.removeClass('konfigurator-hidden');
	    	}
	    	if(!scrollBar.hasClass('scrollBarFixed')) scrollBar.addClass('scrollBarFixed');
		}

		$(window).bind('scroll', function() {
		    var windowOffset = $(this).scrollTop();
		    toggleHeaderVisibility(windowOffset, tableOffset);
		});
	}

	// header ein-/ausblenden
	function toggleHeaderVisibility(windowOffset, tableOffset){
		var fixedHeaderLeftContainer = $('#konfigurator-result-table-fixed-left-container'),
			fixedHeaderRightContainer = $('#konfigurator-result-container-fixed'),
			scrollBar = $('#konfigurator-scrollbar'),
			konfiguratorHiddenClass = 'konfigurator-hidden',
			scrollBarFixedClass = 'scrollBarFixed';

		if(windowOffset >= tableOffset){
	    	// hide table, if offset is bigger than container
            if($('.konfigurator-inline').length) {
                var containerHeight = $('.konfigurator-inline').offset().top + $('.konfigurator-inline').height();
                if(windowOffset > (containerHeight - fixedHeaderLeftContainer.outerHeight()- 20)) {
                    fixedHeaderLeftContainer.hide();
                    fixedHeaderRightContainer.addClass(konfiguratorHiddenClass);
                    scrollBar.removeClass('scrollBarFixed');
                    return;
                }
            }

		    if(!fixedHeaderLeftContainer.hasClass(konfiguratorHiddenClass)) fixedHeaderLeftContainer.show();
	    	if(fixedHeaderRightContainer.hasClass(konfiguratorHiddenClass)){
	    		fixedHeaderRightContainer.removeClass(konfiguratorHiddenClass);
	    	}
	    	if(!scrollBar.hasClass(scrollBarFixedClass)) scrollBar.addClass(scrollBarFixedClass);
		}else{
	    	fixedHeaderLeftContainer.hide();
	    	if(!fixedHeaderRightContainer.hasClass(konfiguratorHiddenClass)){
	    		fixedHeaderRightContainer.addClass(konfiguratorHiddenClass)
	    	}
	    	scrollBar.removeClass(scrollBarFixedClass);
		}
	}

	// scroll loeschen
	function unbindTableScroll(){
		$(window).unbind('scroll');
	}

	// WK Funktion
	function olToBasket(id_o_product, dim_nr, art_nr, figurmoeglich, konservmoeglich){
		
            // login flyout oeffnen
            toggleUserMenu(false, true, true);
		
	}

	// funktion, die nach dem addtobasket ausgefuehrt wird
	function handleDialogDidSaveChange (data){
		// basket menue neu laden
		myURL = '/modules/header/basketmenu.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B'+'&ts='+ new Date().getTime();
		$('#basketinfo').load(myURL, function () {
			// basketmenu animieren
			initBasketMenu();
		});
	}

    toggleFilterStatus = function(currEl, newState){
        var currState = parseInt(currEl.data('isactive')),
            textActive = '&rsaquo; alle Filter zurücksetzen',
            textInactive = '&rsaquo; keine Filter ausgewählt',
            activeClass = 'filterstatusActive';

        // just change text
        if(newState !== undefined){
            // set to this state and replace text
            newState = parseInt(newState);
            currEl.data('isactive', newState);
            if(newState > 0){
                currEl.addClass(activeClass).html(textActive);
            } else {
                currEl.removeClass(activeClass).html(textInactive);
            }

            return;
        }

        if(currState > 0){
            // reset all filters (just call reload with init param!)
            $('#konfigurator-search-facets').val('');
            reloadResultList(1, '0');

            // change text
            currEl.removeClass(activeClass).html(textInactive);

        } else {
            // just do nothing
            return;
        }

        // change state
        currState = 0;
        currEl.data('isactive', currState);
    };

	// zaehler fuer image onLoad funktion
	imagesTotal = 0;
	imagesLoaded = 0;

	// mcustomscrollbar objekt
	customScroller = null;

	// doc ready
	$(document).ready(function() {
		// dropdowns
		$('select.attribute-dropdown').each(function (){
			$(this).dropdown();

			/*
			$(this).on('change', function(){
				reloadResultList(0);
			});
			*/
		});

		// copy message text
        //$('#konfigurator-desc-placeholder').html($('#konfigurator-result').html());

        // bind filter reset onclick
        var initialFilterState = 0;
        
        toggleFilterStatus($(".filterstatus"), initialFilterState);
        $(".filterstatus").on('click', function(){
            toggleFilterStatus($(this));
        });

		// click on image
		$(".konfigurator-attribute-image img").on('click', function(){
			var selectedVal = $(this).attr('data-id'),
				slideDown = true,
				facetContainer = $('#konfigurator-facet-container'),
				formIdField = $('#konfigurator-form-id');

			// set filter status
            toggleFilterStatus($(".filterstatus"), '1');

			// alle ausblenden
			$('.konfigurator-attribute-container').each(function (){
				// falls sichtbar, dann zuklappen
				if($(this).is(':visible')){
					if($(this).attr('id') == "konfigurator_attr_" + selectedVal){
						slideDown = false;
					}else{
						//$(this).slideUp();
						$(this).hide();

						// facetten zuruecksetzen
						facetContainer.html('');
					}
				}
			});

			// id setzen
			formIdField.val(selectedVal);

			// entsprechenden einblenden
			if(slideDown){
				//$("#konfigurator_attr_" + selectedVal).slideDown('fast', reloadResultList(1));

				// liste neu laden, technische attribute werden dann gleichzeitig eingeblendet
				reloadResultList(1);
			}
		});

		var resizeTime = null;

		
		$(window).resize(function() {
			if(resizeTime !== null) {
			    clearTimeout(resizeTime);
			}

			resizeTime = setTimeout(function() {
		        // dragger neu ausrichten
		        resizeDragger();

		        // scroll top checken, damit header allenfalls ausgeblendet werden muss
		        var offSetScrollButtons = 31,
		        	tableOffset = 0,
					windowOffset = $(this).scrollTop();

				if($('#konfigurator-result-table-left').length){
					tableOffset = $('#konfigurator-result-table-left').offset().top - offSetScrollButtons;
				}

			    toggleHeaderVisibility(windowOffset, tableOffset);
			}, 100);
		});

        
        
	});
</script>
</div>	<div class="shopcontent">
		

		<ul class="treelist">
			

				<li class="treegroup">
					
					<a href="/productlist.cfm?ParentID=17&tgIstAktion=0"> 
						<img alt="Bleche" title="Bleche" class="kapitelbild" src="https://imagecdn.dkh.ch/img/getImage.ashx?maxwidth=220&maxheight=288&grow=1&schema=rgb&img=/sub361/16aebe89f9a63042.tif">
						

					<div class="name">
						<h3>
							Bleche 
						</h3>
						
					</div>
					</a>
				</li>
			

				<li class="treegroup">
					
					<a href="/productlist.cfm?ParentID=18&tgIstAktion=0"> 
						<img alt="Platten" title="Platten" class="kapitelbild" src="https://imagecdn.dkh.ch/img/getImage.ashx?maxwidth=220&maxheight=288&grow=1&schema=rgb&img=/sub361/16aebe8a0556a442.tif">
						

					<div class="name">
						<h3>
							Platten 
						</h3>
						
					</div>
					</a>
				</li>
			

				<li class="treegroup">
					
					<a href="/productlist.cfm?ParentID=19&tgIstAktion=0"> 
						<img alt="Stangen" title="Stangen" class="kapitelbild" src="https://imagecdn.dkh.ch/img/getImage.ashx?maxwidth=220&maxheight=288&grow=1&schema=rgb&img=/sub361/16aebe8a12377c42.tif">
						

					<div class="name">
						<h3>
							Stangen 
						</h3>
						
					</div>
					</a>
				</li>
			
		</ul>
		<div style="clear: both;"></div>

		
			
			<div class="line">&nbsp;</div>
			<div class="line">&nbsp;</div>
			<div class="margin-bottom">
				
			</div>
		
	</div>


<script>
	function handleChapterFavorites (item,action) {
        // Das Kapitel mit dieser ID hinzufügen...
    	var myID = item.id;
    	// Aufruf der URL via SOAP
    	var myURL = '/modules/chapter_favorites.cfm?CFID=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&chapter='+escape(myID)+'&action='+action+'&ts='+ new Date().getTime();
        $.ajax({ cache: false,
        	type: 'post',
        	url: myURL,
        success: function(){
            if (action == 'add') {
               $("#infomessage").html("Das Kapitel wurde zu Ihren Favoriten hinzugefügt!");
               window.setTimeout(cleanChapterFavInfo,2000);
            } else {
              location.reload(true);
            }
        }});
    }

    function cleanChapterFavInfo () {
    	$("#infomessage").html("");
    }
</script>



<!--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">Über Uns</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/ueber-uns/zahlen-und-fakten/">Zahlen und Fakten</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/ueber-uns/standort/">Standort</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/ueber-uns/kontakt/">Kontakt</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/karriere/bei-debrunner-koenig-gruppe-arbeiten/">Jobs</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/ueber-uns/sponsoring/">Sponsoring</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/ueber-uns/nachhaltigkeit/code-of-conduct/">Code of Conduct</a></li>
					
					</ul>
					
						</div>
						<div class="block">
					
						<h3 class="hd h4">Die Gruppe</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://www.d-a.ch/da/de/">Debrunner Acifer</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/debrunner-koenig-gruppe/metall-service-menziken/">Debrunner Metallservice AG</a></li>
					
						<li><a href="https://www.bewehrungstechnik.ch/bw/de/">Debrunner Acifer Bewehrungen</a></li>
					
					</ul>
					
						<h3 class="hd h4">Konzern</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://www.dkh.ch/dkh/de/">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">Weiteres</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/weiteres/infoservice/">Infoservice</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/weiteres/news/news-übersicht.html">News</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/weiteres/links/">Links</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/weiteres/produkte-blog/">Produkte-Blog</a></li>
					
					</ul>
					
						</div>
						<div class="block">
					
						<h3 class="hd h4">Rechtliche Informationen</h3>
					
					<ul class="navlinklist">
					
						<li><a href="https://stage.metallservice.ch/msm/footer/rechtliche-informationen/agb/">AGB</a></li>
					
						<li><a href="https://stage.metallservice.ch/msm/footer/rechtliche-informationen/impressum/">Impressum</a></li>
					
						<li><a href="https://www.dkh.ch/dkh/footer/rechtliche-informationen/datenschutzerklaerung/">Datenschutzerklärung</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: ["Januar", "Februar", "M&auml;rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
				dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
				dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "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: ["Januar", "Februar", "M&auml;rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
				dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
				dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "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: ["Januar", "Februar", "M&auml;rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
				dayNamesShort: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
				dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "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=37235548&CFTOKEN=2fa155c2c9f6c06d-FBC1E014-F086-4BF7-1567B06E76C3628B&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/kontakt/standort/" target="_parent">
            <img src="/images/standort.png" />
        </a>
    </div>
    <div class="sidebar-icon sidebar-icon-2">
        
        <a href="https://stage.metallservice.ch/msm/kontakt/kontaktformular/" target="_parent">
            <img src="/images/mail.png" />
        </a>
    </div>
    <div class="sidebar-icon sidebar-icon-3">
        
        <a href="https://stage.metallservice.ch/msm/footer/weiteres/produkte-blog/" target="_parent">
            <img src="/images/blog.png" />
        </a>
    </div>
</div>

</body> </html>