15761">
				<input hidden="" name="memberID" value="8371">
				<input hidden="" name="alarmDate" value="<br />
<b>Notice</b>:  Undefined variable: alarmDate in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>927</b><br />
">
				<input hidden="" name="mobile" value="+31629167350">
				<input hidden="" name="link" value="https://www.onlinekoiveiling.nl/koi/1733082608/">
				<input hidden="" name="koiTitle" value="Kohaku van de kweker NND">
			  <a href="#" class="text-primary font-weight-bold fs--13" data-dismiss="modal">Annuleren</a>&nbsp;
			  <button name="setAlarm" type="submit" class="btn btn-primary font-weight-bold fs--14">Zet een veilingwekker om <br/>
<b>Notice</b>:  Undefined variable: alarmTime in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>932</b><br/>
 uur <i class="fas fa-bell-on"></i></button>
				 </form>
		  </div>
		</div>
	  </div>
	</div>
	<!-- einde modal verify phone -->
		
	<!-- Modal verify phone -->
	<div class="modal fade" id="verifyMobile" tabindex="-1" role="dialog" aria-labelledby="verifyMobileLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title font-weight-bold" id="staticBackdropLabel">Ontvang gratis een veilingwekker SMS</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
		 	<p>Voordat u een gratis veilingwekker SMS kunt ontvangen, moet u eerst uw mobiele telefoonnummer verifiëren.</p> 
			 <ol class="fs--14">
				 <li>Vul uw mobiele nummer in</li>
				  <li>Voer de code in die u ontvangt op uw mobiel</li>
				   <li>Na de verificatie kunt u de gratis veilingwekker SMS aanzetten.</li>
			 </ol>
		 	<form class="form-signin" method="post" action="/secure/verifyMobile.php">
				 				   <input hidden="" name="currentLink" value="/koi/1733082608">
				 			   <div class="input-group" style="width: 100% !important; display: grid !important;">
				   
				   <input type="hidden" id="phone2" name="phone"/>
					  <input id="phone" type="tel" name="phone-full" class="form-control" value="+31629167350"/>
			</div>
			
		  </div>
			<div class="modal-footer">
				<a href="#" class="text-primary font-weight-bold fs--13" data-dismiss="modal">Annuleren</a>&nbsp;
				<button id="buttonVerify" type="submit" name="generateCode" value="1" class="btn btn-primary font-weight-bold fs--14">Stuur verificatie code</button>
				
				 </form>
			</div>
		</div>
	  </div>
	</div>
	<!-- einde modal verify phone -->
	
	<!-- Modal -->
<div class="modal fade" id="staticBackdrop" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="staticBackdropLabel">Laatste 15 biedingen voor deze veiling</h5>
		<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		
	  </div>
	  <div class="modal-body">
	  
	  <table class="table table-borderless table-sm">
	  <thead>
		<tr>
		  <th scope="col">Bieder</th>
		  <th scope="col" class="text-center">Bedrag</th>
		  <th scope="col">Datum</th>
		</tr>
	  </thead>
	  <tbody>
		  
	  <tr><td class="font-italic text-muted">Bieder 1709816801</td><td class="text-center">10,-</td><td>15-01-2025 09:43:42</td></tr><tr><td class="font-italic text-muted">Bieder 1691582909</td><td class="text-center">5,-</td><td>15-01-2025 09:37:24</td></tr><tr><td class="font-italic text-muted">Bieder 1732045968</td><td class="text-center">4,-</td><td>13-01-2025 20:52:49</td></tr><tr><td class="font-italic text-muted">Bieder 1600699805</td><td class="text-center">2,-</td><td>13-01-2025 20:48:30</td></tr><tr><td class="font-italic text-muted">Bieder 1732045968</td><td class="text-center">1,-</td><td>13-01-2025 19:07:57</td></tr>	  
	  </tbody>
	  </table>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
	  </div>
	</div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="hoewerktautomatischbieden" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="staticBackdropLabel">Hoe werkt automatisch bieden?</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body">
		  <h2 class="h4">Wat is automatisch bieden?</h2>
		  <p>Na het plaatsen van een autobod (automatisch bod) verhoogt het Online Koi Veiling veilingsysteem, indien nodig, automatisch uw bod €1,- euro zodat u weer de hoogste bieder bent. Het systeem biedt, tot aan de hoogte van het door u opgegeven autobod, over een andere bieder heen. Op deze manier hoeft u niet steeds handmatig een nieuw bod uit te brengen maar kunt u uw maximumbedrag eenvoudig instellen als autobod. Dit is ook handig indien u op de avond van het aflopen van de veiling, zelf de veiling niet kunt volgen. Alleen als iemand een hoger bod doet dan uw autobod, bent u niet meer de hoogste bieder.</p>
		  <h2 class="h4">Hoe werkt automatisch bieden?</h2>
		  <p>U voert het bedrag in dat u maximaal wilt bieden voor het kavel en drukt op de knop "Autobod". Voor de zekerheid dient u uw autobod daarna nog te bevestigen. Vervolgens krijgt u een e-mail met de bevestiging van het uitgebrachte autobod. Indien u nog niet het hoogste bod had dan wordt namens u het eerst mogelijke bod, rekening houdend met de minimale biedstap, uitgebracht.</p>
		  <h2 class="h4">Wie kan mijn autobod zien?</h2>
		  <p>Niemand anders dan uzelf kan het door u ingestelde bedrag zien. </p>
		  <h2 class="h4">Kan ik mijn autobod intrekken?</h2>
		  <p>Nee, dat kan niet. Een door u uitgebracht autobod is onvoorwaardelijk geplaatst en kan niet meer worden ingetrokken.</p>
		  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
	  </div>
	</div>
  </div>
</div>


	
	<footer class=" p-0 m-0">
	  <div class="container-fluid">
		  <hr/>
		  <div class="container pb-2">
			  <div class="row">
				  <div class="col-12 col-md-3 text-center text-md-left">
					  <a href="/inloggen/" title="Klik hier om een account aan te maken" class="btn btn-sm btn-primary">Inloggen</a>
					  <a href="/registreren/" title="Klik hier om een account aan te maken" class="btn btn-sm btn-third text-white">Registeren</a>
				  </div>
				  <div class="col-12 col-md-9">
					  <p class="text-center text-md-right font-weight-bold text-secondary fs--13 pt-3 pt-md-1">Elke week minimaal 30 nieuwe veilingen van diverse kwaliteiten, variëteiten en Japanse kwekers online.</p>
				  </div>
			  </div>
		  </div>
	  </div>
	  <!-- Copyright -->
	<!-- Footer -->
	<div class="container-fluid bg-white p-0 pt-2 pb-0 border-top">
		<div class="container pb-0">
			<p class="text-center pb-0 mb-2">
				<span class="pl-2 font-weight-light fs--12">U betaald bij ons altijd veilig met:</span><br/>
					<img src="/images/svg-icons/ideal.svg" style="height: 25px;"/>
					<img src="/images/svg-icons/bancontact-mister-cash.svg" style="height: 25px;" class="ml-1"/>
					<img src="/images/svg-icons/paypal.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/creditcard.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/giropay.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/applepay.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/kbc.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/belfius.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
			</p>
			<p class="text-center pb-0 mb-2">
				<span class="pl-2 font-weight-light fs--12">Volg ons op:</span>
				<a href="https://www.facebook.com/koicentrumsneek/" target="_blank" title="Volg ons op Facebook"><img src="/images/svg-icons/facebook-icon.svg" style="height: 25px;" class="ml-1" loading="lazy"/></a>
				<a href="https://www.instagram.com/koicentrumsneek" target="_blank" title="Volg ons op Instagram"><img src="/images/svg-icons/instagram-2-1.svg" style="height: 25px;" class="ml-2" loading="lazy"/></a>
				<a href="https://vimeo.com/user101688227" target="_blank" title="Volg ons op Vimeo"><img src="/images/svg-icons/vimeo-icon-blue.svg" style="height: 20px;" class="ml-2" loading="lazy"/></a>
			</p>
		</div>
	</div>
	<div class="container-fluid bg-white p-0 border-top">
		<div class="container mt-3">
			<p class="text-center fs--13 mb-2">Download <a href="/docs/koi_bijsluiter.pdf" title="Bijsluiter Koi" target="_blank">hier</a> de Koi bijsluiter van het <a href="https://www.licg.nl/aquariumdieren/koi/" title="Infomatie LICG over Koi"> <img src="/images/Nx25xlogo_licg_rgb1470x531.jpg.pagespeed.ic.2mWtJvCY9t.jpg" alt="licg_button_120x60" style="height: 25px; margin-top: -4px;" loading="lazy"/></a></p>
			<p class="text-muted text-center fs--14 mb-2"><a href="/algemene-voorwaarden/" title="Onze Algemene Voorwaarden">Algemene Voorwaarden</a> | <a href="/gebruikersvoorwaarden/" title="Onze Gebruikersvoorwaarden">Gebruikersvoorwaarden</a> | <a href="/privacy/" title="Ons Privacy beleid">Privacy</a> | <a href="/disclaimer/" title="Disclaimer">Disclaimer</a> | <a href="/actievoorwaarden-spelregels/" title="Disclaimer">Actievoorwaarden</a></p>
							<p class="text-dark small text-center mb-2"><i class="far fa-copyright"></i> 
			  Onlinekoiveiling.nl 2020 - 2025</p>
			  
			  <p class="text-center"><a href="https://www.innovateict.com" title="Innovate ICT - Bridging Business and Technology" target="#"><img src="/images/Nx25xinnovate-ict-logo.png.pagespeed.ic.jKZOGOx2xf.png" alt="Created by Innovate ICT" style="height: 25px;"></a></p>
		</div>
	</div>
	</footer>
		
	<!--<a href="#" class="scrollToTop"><i class="fas fa-caret-circle-up fs--40"></i></a>-->

	<!-- hier pagina speciale javascript -->
	
	  <!-- Modal -->
	<div class="modal fade" id="firstLogin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
		  <div class="modal-header border-0 pb-0">
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		  </div>
		  <div class="modal-body">
					<p class="center text-center">Om een koi te kunnen aankopen dient u eerst in te loggen.<br/><span class="small">Heeft u nog geen account? Binnen 30 seconden maakt u er 1 aan.</span></p>
			  <form class="form-signin" method="post" action="/secure/login-exec.php?redirectUrl=https://www.onlinekoiveiling.nl/koi/1733082608/">
			<div class="text-center mb-4">
			  <h1 class="h3 mb-3 font-weight-normal">Inloggen</h1>
			</div>
		  		  			<div class="form-label-group">
			  <input type="email" id="inputEmail" class="form-control" placeholder="E-mailadres" required="" autofocus="" name="email">
			  <label for="inputEmail">E-mailadres</label>
			</div>
		  
			<div class="form-label-group">
			  <input type="password" id="inputPassword" class="form-control" placeholder="Wachtwoord" required="" name="password">
			  <label for="inputPassword">Wachtwoord</label>
			  <p class="text-right"><small><a href="/wachtwoord-vergeten/" title="Klik hier om uw wachtwoord opnieuw in te stellen">wachtwoord vergeten?</a></small></p>
	
			</div>
		  
			<div class="checkbox mb-3">
			  <label>
				<input type="checkbox" value="remember-me" name="remember"> Onthoud mijn gegevens
			  </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">Inloggen</button>
			<p class="text-center mt-3"><span class="font-weight-bold">Nog geen account?</span><br/><a href="/registreren/" title="Klik hier om een gratis account aan te maken">Klik hier om een account aan te maken.</a></p>
		  </form>
		  </div>
		</div>
	  </div>
	</div>
	<!-- einde moadal -->
	<!-- Cookie Consent by https://www.TermsFeed.com -->
	<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/3.1.0/cookie-consent.js"></script>
	 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" PST°p="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" ®T°="anonymous"></script>
	<!--<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>-->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" PST°p="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" ®T°="anonymous"></script>
	
	  	  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	  	
	<script>$(document).ready(function(){document.querySelectorAll('.toggleFavoriteBtn').forEach(function(btn){btn.addEventListener('click',function(){var auction_id=this.getAttribute('data-auction-id');toggleFavorite(auction_id,this);});});function toggleFavorite(auction_id,btnElement){event.preventDefault();var currentPage=window.location.pathname;var xhr=new XMLHttpRequest();xhr.open('GET',"/ajax/add_remove_favorite.php?auction_id="+auction_id,true);xhr.onload=function(){if(xhr.status>=200&&xhr.status<400){if(xhr.responseText.trim()==="Toegevoegd"){btnElement.innerHTML='<i class="fa-solid fa-heart fa-beat-fade text-danger"></i> <span class="fs--12 ms-2 text-danger opacity-75">Koi is Favoriet!</span>';btnElement.classList.add('favorited');}else{btnElement.innerHTML='<i class="fa-solid fa-heart text-secondary"></i>  <span class="text-muted fs--12 ms-2"> Toevoegen aan favorieten</span>';btnElement.classList.remove('favorited');if(currentPage==='/account/favorites/'){$(btnElement).closest('.koiID').parent().remove();}}}else{alert('Er is een fout opgetreden.');}};xhr.onerror=function(){alert('Verbindingsfout. Probeer het opnieuw.');};xhr.send();}});</script>
	
	  <script>
	  	
	  $(document).ready(function() {
		
		  var domainName = window.location.hostname;
		var koiList;
		 function initializeKoiList() {
			 $('#clear-search').off('click').on('click', function() {
				 $('#search-input').val('');
				 koiList.search();
			 });
		 
			 $('#all-btn').addClass('active');
			 $('#ending-btn').addClass('active');
		 
			 $('.my-btn').off('click').on('click', function() {
				 $('.my-btn').removeClass('active');
				 $(this).addClass('active');
			 });
			 
			 $('.sort').off('click').on('click', function() {
				 var sortAttribute = $(this).data('sort');
				 var currentOrder = $(this).data('order');
				 var newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
			 
				 // Verwijder de actieve class van alle sorteerbuttons en voeg het toe aan de huidige.
				 $('.sort').removeClass('active-sort');
				 $(this).addClass('active-sort');
			 
				 // Update de order data attribuut.
				 $(this).data('order', newOrder);
			 
				 // Sorteer de lijst.
				 koiList.sort(sortAttribute, { order: newOrder });
			 
				 // Update de pijl gebaseerd op de huidige sorteervolgorde, alleen voor de actieve knop.
				 $('.sort').not('.active-sort').find('.sort-arrow').text('');
				 $(this).find('.sort-arrow').text(newOrder === 'asc' ? '↑' : '↓');
				 $('#ending-btn').removeClass('active');
			 });
		 
			 var options = {
				 valueNames: ['listVariety', 'listPrice', 'listLength', 'listAge', 'listStars', 'listEnding', 'sex']
			 };
			 
			 // Als koiList al bestaat, maak het dan leeg; anders, initialiseer het.
			 if (typeof koiList !== "undefined") {
				 koiList.clear();
			 } else {
				 koiList = new List('koi-container', options);
			 }
			 
			 koiList.sort('listEnding');
		 
			 $('.filter').off('click').on('click', function() {
				 var filterValue = $(this).data('filter');
		 
				 if (filterValue === "all") {
					 koiList.filter();
				 } else {
					 koiList.filter(function(item) {
						 return (item.values().sex == filterValue);
					 });
				 }
		 
				 toggleNoResultsMessage();
			 });
		 
			 $('#search-input').off('keyup').on('keyup', function() {
				 koiList.search($(this).val());
				 toggleNoResultsMessage();
			 });
		 }
		 
		 function toggleNoResultsMessage() {
			 if (koiList.visibleItems.length === 0) {
				 console.log("No items visible");
				 $('#no-results').show();
			 } else {
				 console.log("Some items are visible");
				 $('#no-results').hide();
			 }
		 }
		 
		 // Roep de functie aan om de UI voor het eerst te initialiseren.
		if (document.getElementById('koi-container')) {
			initializeKoiList();
			console.log('KoiList geïnitialiseerd:', koiList);
		}
	   //console.log('KoiList geïnitialiseerd:', koiList);
	
		 /*
		var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
		if (document.cookie.indexOf('user_timezone') == -1) {
			document.cookie = "user_timezone=" + timezone + "; path=/";
			location.reload(true);
		}
		fetch('/ajax/getTimezone.php', {
			method: 'POST',
			body: JSON.stringify({ timezone: timezone }),
			headers: {
				'Content-Type': 'application/json'
			}
		})
		.then(response => response.text())
		.then(data => {
			//console.log(data); // Je zou de respons van de server hier moeten zien
		});
		*/
		var notificationCount = 0;
		
		function formatPrice(price) {
			// Eerst de '.' vervangen door ','
			let formattedPrice = price.toFixed(2).toString().replace('.', ',');
			
			// Vervolgens na elke '000' een '.' plaatsen
			formattedPrice = formattedPrice.replace(/(\d)(?=(\d{3})+,\d{2}$)/g, '$1.');
			
			// Verwijder de ",00" van de geformatteerde prijs (optioneel)
			formattedPrice = formattedPrice.replace(/,00$/, '');
			
			return formattedPrice;
		}
		let conn = null;  // Hiermee maak je de variabele conn globaal
		
		connectToWebSocket();
			
		function connectToWebSocket() {
			
			conn = new WebSocket('wss://api.onlinekoiveiling.nl:8444');
		
			conn.addEventListener("message", function(event) {
				
				if (event.data === "ping") {
					conn.send("pong");
				}
					// ... de rest van je berichtverwerkingslogica ...
				});
			
			conn.onopen = function(e) {
				//console.log("Verbinding gemaakt met de WebSocket-server2");
				// Aanpassing hier - nu meerdere koiIds
				let koiIds =  ["15320","15321","15322","15323","15324","15325","15408","15423","15433","15437","15473","15577","15612","15648","15672","15675","15688","15692","15761","15762","15763","15845","15869","15870"];
				
				//console.log(koiIds);
		
				let initialData = {
					action: 'init',
					koiIds: koiIds  // Aangepast naar koiIds array
				};
		
				conn.send(JSON.stringify(initialData));
			};
			
			let countdownInterval = null;
			let koiIntervals = {};
			
			conn.onmessage = function(e) {
			   
			   
				var userId = $('#userID').attr('data-user-id');
				var currency = $('#wlCurrency').attr('data-currency');
				
				let data;
				try {
					data = JSON.parse(e.data);
				} catch (error) {
					console.error("Error parsing received data:", error);
					return;
				}
				//console.log(userId); //hier loggen we de data
				let koiID = data.koiId;
				
				let koiElement = $(`.koiID[data-koi-id="${koiID}"]`);
				//console.log(data);
				if (data.action === 'updatePrice') {
					//let now = new Date();
					//let endTime = new Date(data.endTime);
					updateCoinsToEarn(); // Werk de munten bij na het bijwerken van de currentBid

					//console.log(data);
					if (data.highestBidder === userId && data.minimumPriceMessage === null) {
					  makeBellNonClickable();
					 } else if (data.bidders && data.bidders.some(bidder => bidder.userID == userId)) {
						  makeBellClickable();         
						  }
						  
					var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
					
					// Converteer de huidige tijd naar de tijdzone van de gebruiker
					let now = luxon.DateTime.now().setZone(timezone).toJSDate();
					
					// Converteer de endTime (uit de database in UTC) naar de tijdzone van de gebruiker
					//let adjustedEndTime = data.endTime.replace(' ', 'T') + 'Z'; // Convert to ISO-8601 format
					//let endTime = luxon.DateTime.fromISO(adjustedEndTime, { zone: 'UTC' }).setZone(timezone).toJSDate();
					let adjustedEndTime = data.endTime.replace(' ', 'T'); // Convert to ISO-8601 format
					let endTime = luxon.DateTime.fromISO(adjustedEndTime).toJSDate();

		
					//console.log("data.endTime:", data.endTime);
					//console.log("now:", now);
					//console.log("endTime:", endTime);
	
					let differenceInMilliseconds = endTime - now;
					let differenceInHours = Math.floor(differenceInMilliseconds / 3600000);
			
					const displayDiv = koiElement.find('.endTimeDisplay'); // Neem aan dat je dit nog ergens wilt gebruiken.
						
					// Controleer of de tijd al is verstreken:
					let remainingMinutes = Math.floor((differenceInMilliseconds % 3600000) / 60000);
					let remainingSeconds = Math.floor((differenceInMilliseconds % 60000) / 1000);
					if (differenceInHours <= 0 && remainingMinutes <= 0 && remainingSeconds <= 0) {
						koiElement.find(".countdown-timer").addClass('d-none');
						koiElement.find(".endTimeDisplay").removeClass('d-none').html("<strong>Auction Closed!</strong>");
						
						var bidData = {
						   action: 'setStatusEnded',
						   koiId: koiID
						 };
						 
						 //console.log("Preparing to send bidData");
						 if (conn.readyState === WebSocket.OPEN) {
							 //console.log("Sending bidData...");
							 conn.send(JSON.stringify(bidData));
						 } else {
							 //console.log("WebSocket not ready:", conn.readyState);
						 }
						 
						//displayDiv.html("<strong>Auction Closed!</strong>");
						if (!koiElement.parent().hasClass('bidPage')) { //we zijn niet op de bidpagina
							koiElement.parent().remove();
						} else {
						  koiElement.find(".bidPanel").addClass('d-none');
						  koiElement.find(".countdown-timer").addClass('d-none');
						  koiElement.find(".endTimeDisplay").removeClass('d-none').html('');
						  
						  koiElement.find(".bidEnded").removeClass('d-none');
						  
						}
						
						
						 conn.send(JSON.stringify(bidData));
					}  else {
					  // Ruim de oude timer op voor deze koiID
					  if (koiIntervals[koiID]) {
						  clearInterval(koiIntervals[koiID]);
					  }
					  
					  if (differenceInHours > 9) {
						
						koiElement.find(".countdown-timer").addClass('d-none');
						koiElement.find(".endTimeDisplay").removeClass('d-none');
						let year = endTime.getFullYear();
						let month = String(endTime.getMonth() + 1).padStart(2, '0'); // Maanden beginnen bij 0 in JavaScript
						let day = String(endTime.getDate()).padStart(2, '0');
						let hour = endTime.getHours() > 12 ? endTime.getHours() - 12 : endTime.getHours(); // Convert 24-hour format to 12-hour format
						let minute = String(endTime.getMinutes()).padStart(2, '0');
						let ampm = endTime.getHours() >= 12 ? 'pm' : 'am';
						
						let formattedDate = `${year}-${month}-${day} ${hour}:${minute} ${ampm}`;
						
						displayDiv.html(formattedDate);
					  
						  //return; // Exit hier zodat we de countdown niet starten.
					  } else {
						
						koiElement.find(".endTimeDisplay").addClass('d-none');
						koiElement.find(".countdown-timer").removeClass('d-none');
						const updateDisplay = () => {
							let now = new Date();
							let differenceInMilliseconds = endTime - now;
							
							//console.log('Difference in milliseconds:', differenceInMilliseconds);
							let differenceInHours = Math.floor(differenceInMilliseconds / 3600000);
							let remainingMinutes = Math.floor((differenceInMilliseconds % 3600000) / 60000);
							let remainingSeconds = Math.floor((differenceInMilliseconds % 60000) / 1000);
							
							if (differenceInHours <= 0 && remainingMinutes <= 0 && remainingSeconds <= 0) {
								
								koiElement.find(".countdown-timer").addClass('d-none');
								koiElement.find(".endTimeDisplay").removeClass('d-none');
								console.log("Preparing to send bidData");
							   
								 
								var bidData = {
								   action: 'setStatusEnded',
								   koiId: koiID
								 };
								 console.log(bidData);
															
								//displayDiv.html("<strong>Auction Closed!</strong>");
								if (!koiElement.parent().hasClass('bidPage')) { //we zijn niet op de bidpagina
									koiElement.parent().remove();
								} else {
								  koiElement.find(".bidPanel").addClass('d-none');
								  koiElement.find(".countdown-timer").addClass('d-none');
								  koiElement.find(".endTimeDisplay").removeClass('d-none').html('');
								  
								  koiElement.find(".bidEnded").removeClass('d-none');
								  
								}
			
								if (conn.readyState === WebSocket.OPEN) {
									 console.log("Sending bidData...");
									 conn.send(JSON.stringify(bidData));
								 } else {
									 console.log("WebSocket not ready:", conn.readyState);
	
								 }
								 clearInterval(koiIntervals[koiID]);  // Gebruik het specifieke interval-ID
															 
								 //conn.send(JSON.stringify(bidData));
								 
								//return;
							} else {
							  
							  koiElement.find(".bidPanel").removeClass('d-none');
							  koiElement.find(".countdown-timer").removeClass('d-none');
							  koiElement.find(".endTimeDisplay").addClass('d-none').html('');
							  
							  let hoursFormatted = String(differenceInHours).padStart(2, '0');
							  let minutesFormatted = String(remainingMinutes).padStart(2, '0');
							  let secondsFormatted = String(remainingSeconds).padStart(2, '0');
							  
							  // Stijlaanpassingen op basis van de overgebleven tijd:
							  if (differenceInHours === 0) {
								  koiElement.find(".hours").removeClass('text-dark').addClass('text-secondary');
							  } else {
								  koiElement.find(".hours").removeClass('text-secondary').addClass('text-dark');
							  }
							  
							  if (remainingMinutes === 0) {
								  koiElement.find(".minutes").removeClass('text-dark').addClass('text-secondary');
							  } else {
								  koiElement.find(".minutes").removeClass('text-secondary').addClass('text-dark');
							  }
							  
							  koiElement.find(".hours").html(hoursFormatted + ":");
							  koiElement.find(".minutes").html(minutesFormatted + ":");
							  koiElement.find(".seconds").html(secondsFormatted);
							}
							
									};
						
						// Maak een nieuw interval en sla de timer-ID op in het object
						koiIntervals[koiID] = setInterval(updateDisplay, 1000);
					  
					  }
					} 
					
					  koiElement.find('.listEnding').html(data.endTime);
					  koiElement.find('.currentBid').html(data.bid);
					  
					  //updateCoinsToEarn(); // Werk de munten bij na het bijwerken van de currentBid

					  koiElement.find('.priceLabels').html(data.labels);
					  
					  
					  if (data.label) {
						//console.log(data.label);
						  }
						  	console.log(data.highestBidder);
							  
						if (data.highestBidder === userId && data.minimumPriceMessage === null) {
							console.log('Condition met: Je bent de hoogste bieder.');
							koiElement.find('.bidState').html('<span class="badge bg-success pt-1 text-white fw-bold blink-effect">Je bent de hoogste bieder</span>');
							koiElement.find('.AutoBidMessage').html('');
							userBecameHighestBidder(koiID);
						} else if (data.bidders && data.bidders.some(bidder => bidder.memberID == userId)) {
							console.log('Condition met: Je bent overboden.');
							koiElement.find('.bidState').html('<span class="badge bg-danger pt-1 text-white fw-bold blink-effect weglotBidState">Je bent overboden</span>');
							userWasOutbid(koiID);
						} else if (data.highestBidder === userId && data.minimumPriceMessage === 1) {
							console.log('Condition met: Hoogste bieder, minimumprijs (nog) niet behaald.');
							koiElement.find('.bidState').html('<span class="badge bg-warning pt-1 text-dark fw-bold blink-effect">Hoogste bieder, minimumprijs (nog) niet behaald</span>');
						}
						   // Check voor highestOverallBidder
						   if (data.highestAutoBidder == userId) {
							  let integerBid = parseInt(data.highestAutoBid); 
							  let formattedBid = formatPrice(integerBid);
							  
							   if (domainName === 'onlinekoiauktion.de') {
									 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-center fw-bold text-success">Ihr gespeichertes Autogebot lautet: <span class="fw-bold">€ ' + formattedBid + '</span></p>');
							   } else {
									 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start">Uw opgeslagen autobod is: <span class="fw-bold">€ ' + formattedBid + '</span></p>');
							   }
							  koiElement.find('.AutoBidValue').html(formattedBid);
																						  
						   }
					  
						if (data.sameAutoBid && data.sameAutoBid === 1) {
							//console.log('test zelfde bod');
							
							   if (domainName === 'onlinekoiauktion.de') {
								   koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Ihr Gebot war genauso hoch wie das eines anderen Benutzers, der damit gewonnen hat. Bieten Sie erneut, um das höchste Gebot abzugeben.</span></p>');
							   } else {
								   koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Uw bod was even hoog als een autobod van een andere gebruiker, waardoor deze wint. Bied nogmaals om de hoogste te worden.</span></p>');
							   }
						}
							// Check voor otherBids
							if (data.otherBids && data.otherBids.some(bid => bid.memberID == userId)) {
								if (data.sameAutoBid && data.sameAutoBid === 1) {
									  if (domainName === 'onlinekoiauktion.de') {
										 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Ein anderer Bieter war gerade vor Ihnen. Bitte versuchen Sie es erneut.</span></p>');
									  } else {
										 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Een andere bieder was u net voor. Probeer het opnieuw.</span></p>');
									  }
								} else {
									const userBid = data.otherBids.find(bid => bid.memberID == userId);
									let integerBid = parseInt(userBid.highestValue); 
									let formattedBid = formatPrice(integerBid);
									
									 if (domainName === 'onlinekoiauktion.de') {
										koiElement.find('.AutoBidMessage').html('<p class="text-center text-orange mb-1">Ihr gespeichertes automatisches Gebot von <span class="fw-bold">€ ' + formattedBid + '</span> ist niedriger als das aktuelle Gebot.</p>'); 
									 } else {
									   koiElement.find('.AutoBidMessage').html('<p class="text-center text-orange mb-1">Uw opgeslagen autobod van <span class="fw-bold">€ ' + formattedBid + '</span> is lager dan het huidige bod.</p>'); 
									 }
									 
								}
							}
							let integerBid = parseInt(data.bid);
							if (domainName === 'onlinekoiauktion.de') {
							  // Als de domeinnaam 'x' is en data.bid lager dan 60, zet integerBid2 op 60
							  if (integerBid < 60) {
								integerBid = 60;
							  }
							  // Als data.bid 60 of hoger is, blijft integerBid2 ongewijzigd
							} 
						 let formattedBid = formatPrice(integerBid);
						 let newMinValue = integerBid;
						 let newMinValueValue = formatPrice(newMinValue);
						 let formattedBidValue = integerBid; 
						 formattedBidValue = formatPrice(formattedBidValue); 
						 //console.log(data.bidCount);
						 
						 if (data.bidCount === 0) {
							 koiElement.find('.bidInput').val(formattedBid);
							 koiElement.find('.bidInput').attr('min', integerBid);
						 } else {
							// In hetzelfde deel waar je de andere event handlers voor koiElement instelt
							let bidSteps = [{"lower_limit":"0","upper_limit":"4","bid_step_value":"1"},{"lower_limit":"5","upper_limit":"149","bid_step_value":"5"},{"lower_limit":"150","upper_limit":"399","bid_step_value":"10"},{"lower_limit":"400","upper_limit":"999","bid_step_value":"15"},{"lower_limit":"1000","upper_limit":"9999","bid_step_value":"20"}];
							
							function getStepForCurrentValue(currentValue) {
								for (let step of bidSteps) {
									if (currentValue >= step.lower_limit && currentValue <= step.upper_limit) {
										return step.bid_step_value;
									}
								}
								return 1; // standaard stapwaarde als er geen match is
							}
							var stepValue = parseInt(getStepForCurrentValue(integerBid), 10);
							
							formattedBidValue = integerBid + 0; 
							newMinValue = integerBid + stepValue;
							newMinValueValue = formatPrice(newMinValue);
							
							// Haal de huidige waarde in de bidInput op en verwijder de formattering
							var currentBidInputValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
							
							// Update de bidInput alleen als de huidige waarde lager is dan newMinValue
							if (currentBidInputValue < newMinValue) {
								koiElement.find('.bidInput').val(newMinValueValue);
								
							}
							updateCoinsToEarn();
							koiElement.find('.bidInput').attr('min', newMinValue);
							//console.log(newMinValue);
						 }
						 //console.log(newMinValue);                 
						//koiElement.find('.bidInput').attr('step', 10000);
						 
						 let bidStep = (newMinValue - integerBid) * 100;
						 let bidStepValue = formatPrice(bidStep);
						 
						 //hier verder
						 let newQuickBidValue = newMinValue;
						 koiElement.find('.quickBidButton').attr('data-quick-bid', newMinValue);
						 koiElement.find('.QuickBid').html(newMinValueValue);
						 
						 
						 
						 koiElement.find('.currentBid').html(formattedBid);
						 
						 updateCoinsToEarn();
						 koiElement.find('.bidCount').text(data.bidCount);
						  koiElement.find('.bidButton').off('click').on('click', function(e) {
							   e.preventDefault();
							   var bidButton = $(this);
						   
							   if (!bidButton.hasClass('btn-place-bid-green')) {
								   bidButton.addClass('btn-place-bid-green');
								   bidButton.text("ZEKER WETEN? KLIK NOGMAALS.");
							   } else {
								   placeBid(koiElement);
								   
								   // Reset de knop na het plaatsen van het bod (optioneel)
								   bidButton.removeClass('btn-place-bid-green');
								   bidButton.text('PLAATS BOD');
							   }
						   });
						   
						   koiElement.find('.autoBidButton').off('click').on('click', function(e) {
							   e.preventDefault();
							   var autoBidButton = $(this);
						   
							   if (!autoBidButton.hasClass('btn-place-bid-green')) {
								   autoBidButton.addClass('btn-place-bid-green');
									autoBidButton.text("ZEKER WETEN? KLIK NOGMAALS.");
							   } else {
								   placeAutoBid(koiElement);
								   // Reset de knop na het plaatsen van de auto-bod (optioneel)
								   autoBidButton.removeClass('btn-place-bid-green');
								   autoBidButton.text('PLAATS AUTOBOD');
							   }
						   });
						  
						  koiElement.find('.quickBidButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  var quickBidValue = newMinValue; // Haal de waarde op uit het data-quick-bid attribuut en converteer het naar een integer
							  placeBid(koiElement, quickBidValue);  // Stuur de quickBidValue als een tweede parameter naar de placeBid functie
						  });
			
	
						  // //console.log('KoiList geïnitialiseerd:', koiList);
						   
						  var numberField = koiElement.find('.bidInput');
						  updateButtonStatus(koiElement);
						   
						  // In hetzelfde deel waar je de andere event handlers voor koiElement instelt
						  let bidSteps = [{"lower_limit":"0","upper_limit":"4","bid_step_value":"1"},{"lower_limit":"5","upper_limit":"149","bid_step_value":"5"},{"lower_limit":"150","upper_limit":"399","bid_step_value":"10"},{"lower_limit":"400","upper_limit":"999","bid_step_value":"15"},{"lower_limit":"1000","upper_limit":"9999","bid_step_value":"20"}];
						  
						  function getStepForCurrentValue(currentValue) {
							  for (let step of bidSteps) {
								  if (currentValue >= step.lower_limit && currentValue <= step.upper_limit) {
									  return step.bid_step_value;
								  }
							  }
							  return 1; // standaard stapwaarde als er geen match is
						  }
	
	
						  
						  koiElement.find('.incrementButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  //console.log('hierna');
							  var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // verwijder punten en parse als getal
							  
							  var stepValue = parseInt(getStepForCurrentValue(currentValue), 10);
							  
								//console.log(stepValue);
							  var newValue = currentValue + stepValue;  // optellen als getallen
							  
							  numberField.val(formatWithDots(newValue));
							  updateButtonStatus(koiElement);
							  checkBidValue(koiElement);
						  });
						  
						  koiElement.find('.decrementButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // verwijder punten en parse als getal
							  var stepValue = parseInt(getStepForCurrentValue(currentValue), 10);
							  var newValue = currentValue - stepValue;  // aftrekken als getallen
							  numberField.val(formatWithDots(newValue));
							  updateButtonStatus(koiElement);
							  checkBidValue(koiElement);
						  });
	
							// Nieuwe code voor de +25, +50, +75 knoppen met koiElement.find()
							koiElement.find('.bid-btn').each(function() {
								$(this).off('click').on('click', function(e) {
									e.preventDefault(); // Voorkom dat de pagina herlaadt bij het klikken op een link
									const bidValue = parseInt($(this).data('bid-value'));
									var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // Verwijder punten en parse als getal
									var newValue = currentValue + bidValue; // Optellen als getallen
									numberField.val(formatWithDots(newValue)); // Update de input
									updateButtonStatus(koiElement); // Update de status van de knoppen (indien nodig)
									checkBidValue(koiElement); // Controleer de nieuwe biedwaarde (indien nodig)
								});
							});
						  
					 
					  
					   } else {
						  //console.log(data);
						   console.log("Unhandled action:", data.action);
					   }
					
				  }
				  
				  // Voeg error event listener toe
				  conn.onerror = function(error) {
					  console.error('WebSocket Error:', error);
				  };

				  
			let retryInterval = 1000;  // Start bij 1 seconde
			const maxRetryInterval = 60000;  // Maximaal 1 minuut
			
			conn.onclose = function(event) {
				if (event.wasClean) {
					console.log(`Verbinding gesloten. Reden: ${event.reason} Code: ${event.code}`);
				} else {
					console.log(`Verbinding abrupt verbroken!. Reden: ${event.reason} Code: ${event.code}`);
					setTimeout(() => {
						connectToWebSocket();
						
						// Verdubbel de wachttijd voor de volgende poging
						if (retryInterval < maxRetryInterval) {
							retryInterval *= 2;
						}
					}, retryInterval);  // Probeer opnieuw verbinding te maken na 5 seconden.
				}
			};
		}
	let overbids = new Set();
		let highestBids = new Set();
		
		function updateCoinsToEarn() {
			const currentBidSpan = document.querySelector('.currentBid');
			const currentAutoBidSpan = document.querySelector('.AutoBidValue');
			const bidInput = document.querySelector('.bidInput');
			const coinsToEarnSpan = document.querySelector('.coinsToEarn');
		
			// Controleer of de elementen bestaan
			const currentBidText = currentBidSpan ? currentBidSpan.textContent.replace(/\./g, '') : '0';
			const currentAutoBidText = currentAutoBidSpan ? currentAutoBidSpan.textContent.replace(/\./g, '') : '0';
			const bidValueText = bidInput ? bidInput.value.replace(/\./g, '') : '0';
		
			// Converteer de opgeschoonde tekst naar drijvende komma getallen
			const currentBid = parseFloat(currentBidText);
			const currentAutoBid = parseFloat(currentAutoBidText);
			const bidValue = parseFloat(bidValueText);
		
			if (!isNaN(currentBid) && !isNaN(bidValue)) {
				let difference; // Declareer de variabele buiten de if/else blokken
				
				if (currentAutoBidSpan && !isNaN(currentAutoBid)) { // Controleer of currentAutoBidSpan bestaat
					difference = Math.max(0, bidValue - currentAutoBid);
				} else {
					difference = Math.max(0, bidValue - currentBid);
				}
				const formattedDifference = difference.toLocaleString(); // Voeg punten toe aan het resultaat
				if (coinsToEarnSpan) { // Controleer of coinsToEarnSpan bestaat
					coinsToEarnSpan.textContent = formattedDifference;
				}
			} else {
				if (coinsToEarnSpan) { // Controleer of coinsToEarnSpan bestaat
					coinsToEarnSpan.textContent = '0';
				}
			}
		}





		
		function updateBellState() {
			const total = overbids.size;
		  //  console.log(`Overbids: ${overbids.size}, Highest Bids: ${highestBids.size}, Total: ${total}`);
			
			if (overbids.size > 0) {
			//    console.log("Making bell clickable.");
				makeBellClickable();
			} else {
			  //  console.log("Making bell non-clickable.");
				makeBellNonClickable();
			}
		}
		
		function userWasOutbid(koiId) {
			//overbids.add(koiId);
			//highestBids.delete(koiId); // In geval dat deze koi zich al in highestBids bevond
			//console.log(`User was outbid for koi ${koiId}.`);
			//updateBellState();
		}
		
		function userBecameHighestBidder(koiId) {
			highestBids.add(koiId);
			overbids.delete(koiId); // In geval dat deze koi zich al in overbids bevond
			//console.log(`User became highest bidder for koi ${koiId}.`);
			updateBellState();
		}
	
		
	function makeBellClickable() {
			const notificationIcon = document.getElementById('notification-icon');
				
			notificationIcon.classList.add('fa-beat-fade');
			notificationIcon.classList.add('text-danger');
			notificationIcon.classList.remove('opacity-50');
		}
		
		function makeBellNonClickable() {
			//const notificationIcon = document.getElementById('notification-icon');
			
			//notificationIcon.classList.remove('fa-beat-fade');
			//notificationIcon.classList.remove('text-danger');
			//notificationIcon.classList.add('text-secondary');
			//notificationIcon.classList.add('opacity-50');
		}
	
	
			 function placeBid(koiElement, quickBidValue) {
				 var bidValue = quickBidValue || parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10); // Gebruik quickBidValue als het is meegegeven, anders haal de waarde uit het input veld
				 var userId = $('#userID').attr('data-user-id');
				 var koiId = koiElement.attr('data-koi-id');
				 var coinsToEarn = parseInt(koiElement.find('.coinsToEarn').text().replace(/\./g, ''), 10);

			 	//console.log(coinsToEarn);
				 
				 var bidData = {
				   action: 'placeBid',
				   userId: userId,
				   koiId: koiId,
				   bid: bidValue,
				   coins: 0
				 };
			 
				 try {
					 conn.send(JSON.stringify(bidData));
				 } catch (error) {
					 console.error('Fout bij het verzenden van gegevens naar de WebSocket:', error);
				 }

			 }
	
		 
		 
		 function placeAutoBid(koiElement) {
			 var bidValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
			  var userId = $('#userID').attr('data-user-id');
			  var koiId = koiElement.attr('data-koi-id');
			   var coinsToEarn = parseInt(koiElement.find('.coinsToEarn').text().replace(/\./g, ''), 10);
		   
			 var bidData = {
				 action: 'placeAutoBid',
				 userId: userId,
				 koiId: koiId,
				 bid: bidValue,
				 coins: 0
			 };
		   
			 conn.send(JSON.stringify(bidData));
		 }
		 
		 function checkBidValue(koiElement) {
		   var bidValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
			  //currentHighestBid = parseInt(currentHighestBid.toString().replace(/\./g, ''), 10);
		 
			  //console.log('dit is het vergelijk bod.');
			  //console.log(bidValue);
			  				 $('#bidButton').prop('disabled', false);
				  $('#AutoBidButton').prop('disabled', false);
				  updateCoinsToEarn();
			  
		  }
		  
		  // Update de functie om een koiElement parameter te accepteren
		  function updateButtonStatus(koiElement) {
			  var numberField = koiElement.find('.bidInput');
			  var value = numberField.val() || '0'; // Standaardwaarde als undefined of leeg
			  var minValueAttr = numberField.attr('min') || '0'; // Standaardwaarde voor 'min' als undefined
		  
			  // Parse de waarden naar integers
			  var currentValue = parseInt(value.replace(/\./g, ''), 10);
			  var minValue = parseInt(minValueAttr.replace(/\./g, ''), 10);
		  
			  var decrementButton = koiElement.find('.decrementButton');
			  decrementButton.prop('disabled', currentValue <= minValue);
		  }


		  
		  // Jouw bestaande formatWithDots functie kan waarschijnlijk blijven zoals die is
		  function formatWithDots(num) {
			  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
		  }
	
	  });
	
	  </script>
	  <script>$(document).ready(function(){var numberField=koiElement.find('.bidInput');var decrementButton=$('.decrementButton');var incrementButton=$('.incrementButton');updateButtonStatus();function updateButtonStatus(){var currentValue=parseInt(numberField.val().replace(/\./g,''),10);var minValue=parseInt(numberField.attr('min').replace(/\./g,''),10);decrementButton.prop('disabled',currentValue===minValue);}function formatWithDots(num){return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".");}});</script>
	
	
	<!-- hier is begin van oude html bottom -->
	 <script>$(document).ready(function(){if(!sessionStorage.getItem('modalShown')){sessionStorage.setItem('modalShown','true');}});</script>
	
	<script>var input=document.querySelector("#phone"),button=document.querySelector("#buttonVerify");const phoneInputField=document.querySelector("#phone");const phoneInput=window.intlTelInput(phoneInputField,{separateDialCode:true,preferredCountries:["nl","be","de","dk","at","lu"],nationalMode:true,utilsScript:"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",});var handleChange=function(){var text=(phoneInput.isValidNumber())?"International: "+phoneInput.getNumber():"Please enter a number below";var textNode=document.createTextNode(text);$("#phone2").val(phoneInput.getNumber());};input.addEventListener('change',handleChange);input.addEventListener('keyup',handleChange);</script>
	 <script src="/js/list.min.js.pagespeed.ce.xeF1Pxl6Da.js"></script>
	<script type="text/javascript">document.addEventListener('DOMContentLoaded',function(){cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"light","language":"nl","website_name":"Onlinekoiveiling.nl","cookies_policy_url":"https://www.onlinekoiveiling.nl/privacy/"});});</script>
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.34/moment-timezone-with-data.min.js"></script>
	
	   
		<script src="/js/jquery.countdown.min.js.pagespeed.jm.m054IrAmme.js"></script>
		   
		   <script type="text/javascript">$('[data-countdown]').each(function(){var $this=$(this);var finalDate=$(this).data('countdown');var endDate=moment.tz(finalDate,'Europe/Amsterdam');setInterval(function(){var now=moment();var nowInAmsterdam=now.tz('Europe/Amsterdam');var distance=endDate.diff(nowInAmsterdam);if(distance<300000){$this.html('Eindigt binnen 5 min..');}else if(distance<=0){$this.html('Veiling gesloten');}else{var duration=moment.duration(distance);var days=Math.floor(duration.asDays());var hours=duration.hours();var minutes=duration.minutes();var seconds=duration.seconds();var countdownString="";if(days>0){if(days>1){countdownString+=days+" <strong><small>dagen</small></strong> ";}else{countdownString+=days+"<strong><small>dag</small></strong> ";}}countdownString+=hours.toString().padStart(2,"0")+":"+minutes.toString().padStart(2,"0")+":"+seconds.toString().padStart(2,"0")+"";$this.html(countdownString);}},1000);});</script>
	
		  <script type="text/javascript">var options2={valueNames:['sortTitle','breeder','koiAge','datecreated','sortDate','sortPrice','sortLength','sortBids','sortAge']};var auctionlist=new List('auctionlist',options2);auctionlist.sort('sortDate',{order:'asc'});$('#filter-none').click(function(){$('.search').val('');auctionlist.sort('sortPrice',{order:'desc'});auctionlist.search();return false;});auctionlist.on('searchComplete',function(e){if(e.matchingItems.length==0){$('.not-found').show();document.getElementsByClassName('className')[0].style.display="block";document.getElementById("elementID").style.display="block";}else{$('.not-found').hide();document.getElementsByClassName('className')[0].style.display="hidden";document.getElementById("elementID").style.display="hidden";}});$('#listBreeders a').click(function(e){var txt=$(e.target).attr("value");$('.search').val(txt);auctionlist.search(txt);});$('#listVariety a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);auctionlist.search(txt);});</script>
		  <script type="text/javascript">var options={valueNames:['sortTitle','breeder','koiAge','datecreated','sortPrice','sortLength']};var koilist=new List('koilist',options);koilist.sort('datecreated',{order:'desc'});$('#filter-none').click(function(){$('.search').val('');koilist.search();return false;});koilist.on('searchComplete',function(e){if(e.matchingItems.length==0){$('.not-found').show();document.getElementsByClassName('className')[0].style.display="block";document.getElementById("elementID").style.display="block";}else{$('.not-found').hide();document.getElementsByClassName('className')[0].style.display="none";document.getElementById("elementID").style.display="none";}});$('#listBreeders a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);koilist.search(txt);});$('#listVariety a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);koilist.search(txt);});</script>
			
	   
	<script type="text/javascript">$('#buyPopup').on('show.bs.modal',function(event){var button=$(event.relatedTarget)
var koiid=button.data('koiid')
var koinr=button.data('koinr')
var koilink=button.data('koilink')
var koiname=button.data('koiname')
var koiprice=button.data('koiprice')
koipriceexcl=koiprice/1.21
koipricebtw=koiprice-koipriceexcl
const format=(num,decimals)=>num.toLocaleString('nl-NL',{minimumFractionDigits:2,maximumFractionDigits:2,});var modal=$(this)
modal.find('.modal-title').text(koiname+' - '+koinr+' kopen')
modal.find('.detail-code').text(koinr)
modal.find('.detail-name').text(koiname)
modal.find('.detail-priceexcl').text(format(koipriceexcl))
modal.find('.detail-btw').text(format(koipricebtw))
modal.find('.detail-price').text(format(koiprice))
modal.find('.payTitle').val(koinr+' - '+koiname)
modal.find('.amount').val(format(koiprice))
modal.find('.koiid').val(koiid)
modal.find('.koilink').val(koilink)})</script>
	
	<script type="text/javascript">var $wrapper=$('.koilist');$wrapper.find('.koi').sort(function(a,b){return+a.dataset.name-+b.dataset.name;}).appendTo($wrapper);</script>
	
	 <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.js"></script>
	 	<!-- Go to www.addthis.com/dashboard to customize your tools -->
	<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f11be7e9bb7dba3"></script>
	  <!-- IE 10+ / Edge support via babel-polyfill: https://babeljs.io/docs/en/babel-polyfill/ -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
	<script>let auctionTimers={};let divs=document.querySelectorAll('.autoHeightTitle');let maxHeight=0;divs.forEach(function(div){let height=div.clientHeight;if(height>maxHeight){maxHeight=height;}});divs.forEach(function(div){div.style.height=maxHeight+'px';});</script>
	
	</body>
	</html>
<!doctype html>
<html lang="nl">
  <head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Bootstrap CSS -->
	<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">-->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/2.3.0/luxon.min.js"></script>
	<title>Koi 1726252563 | Onlinekoiveiling.nl</title>
	<meta name="keywords" content="koi veiling, koi kopen, koi bieden">
	<meta name="description" content="Bied je mee op deze koi? Maak eenvoudig een account aan en je kunt meebieden.">
	<meta name="robots" content="index,follow"/>
		<meta property="fb:app_id" content="720155388688099">
	<meta property="og:url" content="<br />
<b>Notice</b>:  Undefined variable: fb_url in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/default/htmltop-new.php</b> on line <b>98</b><br />
"/>
	<meta property="og:type" content="page"/>
	<meta property="og:title" content="Onlinekoiveiling.nl | Koi 1726252563"/>
	<meta property="og:description" content="Bied je mee op deze koi? Kijk snel alle details!"/>
	<meta property="og:image" content="https://www.onlinekoiveiling.nl/images/listings/966110308.jpg"/>
	<meta name="facebook-domain-verification" content="paui31x7keby5eauon9j9xorjvl26u"/>
		
	<script src="https://kit.fontawesome.com/006f2ea3d3.js" crossorigin="anonymous"></script>
	<script src="https://kit.fontawesome.com/b051d2a3a4.js" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="/css/A.floating-labels.css+style.css+jquery-msgpopup.css,Mcc.LybSYuj9ev.css.pagespeed.cf.eGWeUjwS-w.css"/>
	
	
	
	<link rel="icon" type="image/png" href="/images/iconset/xfavicon.png.pagespeed.ic.Zz4vX0Ma3X.png">
	
	<link rel="apple-touch-icon" href="/images/iconset/x1024.png.pagespeed.ic.hsyBewNprL.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/images/iconset/x152.png.pagespeed.ic.brgfDQFxkL.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/images/iconset/x180.png.pagespeed.ic.gpVi49c5-G.png">
	<link rel="apple-touch-icon" sizes="167x167" href="/images/iconset/x167.png.pagespeed.ic.VQkUZgWcdP.png">
<link rel="apple-touch-startup-image" href="/images/iconset/x1024.png.pagespeed.ic.hsyBewNprL.png">
<meta name="apple-mobile-web-app-title" content="Online Koi Veiling">
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="white">

	
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-162081511-1"></script>
<!-- list.js -->
<!--  <script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>-->


 
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','UA-162081511-1');</script>

<script type="application/ld+json" class="reviews-schema" data-ref="359f64ed90abbda5dab9cf6777094bb634bd1ff7"> {
	"@context": "http://schema.org", 
	"@type": "Product", 
	"name": "KOICENTRUM SNEEK-Jutrijp", 
	"aggregateRating": 
	{ 
		"@type": "AggregateRating", 
		"ratingValue": "4.7", 
		"reviewCount": "36"
	}
} </script>

      <!-- Google Tag Manager -->
   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NDGZZT5');</script>
   <!-- End Google Tag Manager -->
	   
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"/>
	   <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
	   
	   
	  <link rel="alternate" hreflang="nl" href="https://onlinekoiveiling.nl">
	  <link rel="alternate" hreflang="de" href="https://de.onlinekoiauktion.de">
	   <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
		 <script>document.addEventListener('DOMContentLoaded',function(){var domain=window.location.hostname;var language='nl';if(domain==="onlinekoiauktion.de"){language='de';}Weglot.initialize({api_key:'wg_07899e889253e2d39e8614b9c389ead63',originalLanguage:'nl',destinationLanguages:'nl,de',switchToLanguage:language});});</script>
	   <!-- hier pagina specifieke header files/code -->
</head>
	
	  <body class="d-flex flex-column h-100">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDGZZT5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
	  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDGZZT5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="exampleModalLongTitle">Word lid van onze WhatsApp-groep!</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body text-center">
		<p>Sluit je aan bij onze WhatsApp groep en blijf op de hoogte van onze aankopen in Japan (van 4-11 t/m 11-11) en maak gebruik van onze speciale <b>Scherpe Japan Prijs</b>. Scan de QR-code hieronder of klik op 'Deelnemen' als je op een mobiel apparaat zit.</p>
		
		<!-- Hier komt je QR-code -->
		<img src="/images/xqr-whatsapp.jpg.pagespeed.ic.zRVgLtXCj0.jpg" alt="QR-code voor WhatsApp-groep" class="img-fluid" style="max-width: 50%;">

		<!-- Knop voor mobiele gebruikers -->
		<a href="https://chat.whatsapp.com/K6TYZBofPABE0FxbkaTLJx" class="btn btn-success btn-block mt-3" target="_">Deelnemen</a>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-dismiss="modal">Misschien later / Ik ben al lid</button>
	  </div>
	</div>
  </div>
</div>


	  <header class="bg-light">
		  <div class="container">
			  <nav class="navbar navbar-expand-lg">
			  <div class="container d-block">
			  <div class="row align-items-center">
			  <div class="col-12 col-md-5">
			  
			  <a class="navbar-brand text-center p-0 m-0" href="/">
			  <div class="row g-0 mt-3 mt-md-0 align-items-center text-center text-md-start">
			  <div class="col">
			  	<img class="light-mode-item img-fluid ms-md-2" src="/images/xlogo-online-koi-veiling.png.pagespeed.ic.g8rsjdPVM7.png" alt="logo" style="max-height: 74px;">
			  </div>
			  </div>
			  </a>
			  
			  </div>
			  <div class="col-12 col-md-7 mt-3 mt-md-0 px-0">
			  
			  <div class="align-items-center justify-content-end d-lg-flex ">
					
				<ul class="nav border-bottom justify-content-center fs--14">
					
					  <li class="nav-item" class="">
						  <div id="weglotdropdown" class="">
						</div>  
					  </li>
										  <li class="nav-item">
					  <a href="https://www.facebook.com/onlinekoiveiling" title="Facebook Onlinekoiveiling.nl" target="#" class="nav-link nav-main px-2 px-md-3"><i class="fa-brands fa-facebook fa-lg" style="color: #3872d6;"></i></a>
					  </li>
					  <li class="nav-item">
					  <a href="https://www.instagram.com/onlinekoiveiling.nl" title="Instagram Onlinekoiveiling.nl" target="#" class="nav-link nav-main px-2 px-md-3"><i class="fa-brands fa-instagram fa-lg" style="color: #ac1b91;"></i></a>
					  </li>
				  <li class="nav-item dropdown ps-1 pe-0 pe-md-2">
					<a class="nav-link dropdown-toggle small pb-2 px-0 text-muted" title="Meer informatie" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
					Info
					</a> 
					 <ul class="dropdown-menu dropdown-menu-end" style="width: auto; min-width: 0;">
							  <li><a href="/hoe-werkt-het/" title="Hoe werkt Onlinekoiveiling.nl" class="dropdown-item fs--14 font-weight-normal text-muted">Hoe werkt het?</a></li>
								<li><a href="/koi-laten-bezorgen/" title="Uw koi laten bezorgen? Het kan!" class="dropdown-item fs--14 font-weight-normal text-muted">Ophalen of bezorgen</a></li>
								  <li><a href="/koi-gezondheid/" title="Hoe zorgen wij voor gezonde koi?" class="dropdown-item fs--14 font-weight-normal text-muted">Koi Gezondheid</a></li>
							  <li><a href="/faq/" title="Revieuws & Ervaringen" class="dropdown-item fs--14 font-weight-normal text-muted">FAQ</a></li>
							  <li><a href="/contact/" title="Contact opnemen" class="dropdown-item fs--14 font-weight-normal text-muted">Contact</a></li>
							  <li class="d-none"><a class="dropdown-item fs--14 font-weight-normal text-muted" title="Zoekopdracht plaatsen" href="/kennisbank/">Kennisbank</a></li>
							  <li class="d-none"><hr class="dropdown-divider"></li>
								<li class="d-none"><a class="dropdown-item fs--14 font-weight-normal text-muted" title="Meer info over Koi Centrum Sneek" href="/koi-centrum-sneek/">Koi Centrum Sneek</a></li>
								  <li class="d-none"><a class="dropdown-item fs--14 font-weight-normal text-muted" title="Meer info over Veldhoven Koi Farm" href="/veldhoven-koi-farm/">Veldhoven Koi Farm</a></li>
							  
						  </ul>
					  </li>
					  				<li class="nav-item mt-2 ms-3 mb-3 mb-md-0">
					<a class="nav-link p-0" href="/registreren/" title="Account aanmaken">
					Registreren
					</a>
				</li>
				<li class="nav-item mt-2 ms-3">
					<a class="nav-link p-0" href="/inloggen/" title="Inloggen">
					Inloggen
					</a>
				</li>
								</ul>
				</div>
			  <ul class="nav text-right justify-content-center justify-content-md-end fw-bold mt-2 fs--15">
			  
			  <li class="nav-item">
			  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3" href="/"><i class="fa-regular fa-house-blank"></i></a>
			  </li>
				<li class="nav-item dropdown">
					  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Veilingen</a>
					  <ul class="dropdown-menu">
							<li><a class="dropdown-item" title="Alle Actieve Veilingen" href="/veilingen/">Actieve Veilingen</a></li>
						<li class="d-none"><a class="dropdown-item" title="HQ & VHQ Veilngen" href="/hq-tosai-auction/">HQ & VHQ Veilingen</a></li>
						  <li><a class="dropdown-item" title="Alle Actieve Veilingen" href="/veilingen-gepland/">Geplande Veilingen</a></li>
						<li class="d-none"><a class="dropdown-item" title="Gesloten Veilingen" href="/veilingen/gesloten/">Gesloten Veilingen</a></li>
						</ul>
				</li>
				  <li class="nav-item">
				  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3" href="/koi-kopen/">Aanbod</a>
				  </li>
				  
				  				  
					<li class="d-none nav-item">
					<a class="nav-link nav-main fw-bold text-dark px-2 px-md-3" href="/evenementen/">Events</a>
					</li>
				  
				  				  
				  <li class="nav-item">
				  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3" href="/zoekopdracht/">Zoekopdracht</a>
				  </li>
				  <li class="d-none nav-item">
				  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3" href="/blog/">Blog</a>
				  </li>
					
				  <li class="nav-item">
				  <a class="nav-link nav-main fw-bold text-dark px-2 px-md-3 pe-md-0" href="https://www.koivoershop.nl/">Shop</a>
				  </li>
			  </ul>
			  </div>
			  </div>
			  </div>
			  </nav>
			  </div>
		  </div>
	  </header>
	  
	  <header>
		  
			  
		  <!-- navbar -->
		  <div class="container-fluid pl-0 pr-0 mt-0">
			<div class="">
				<div class="text-center font-weight-normal bg-light text-muted">
					<ul class="list-inline pt-0 pt-md-3 pb-3 pl-2 pr-2 mb-0 fs--14 mx-auto justify-content-center">
						  <li class="list-inline-item ml-2 usp"><i class="far fa-check text-success fw-bold"></i> <a href="/koi-laten-bezorgen/" title="Uw koi kunnen bezorgd worden." class="text-secondary text-decoration-none">Ophalen of Bezorgen</a></li>
						  <li class="list-inline-item ml-2 usp"><i class="far fa-check text-success fw-bold"></i> Kwaliteit Koi uit Japan</li>
							<li class="list-inline-item ml-2 usp"><i class="far fa-check text-success fw-bold"></i> <a href="/hoe-werkt-het/" title="Hoe werkt Onlinekoiveiling.nl" class="text-secondary text-decoration-none">Geen bijkomende kosten!</a></li>
							  <li class="list-inline-item ml-2 usp"><i class="far fa-check text-success fw-bold"></i> <a href="/koi-gezondheid/" title="Koi gezondheid bij Onlinekoiveiling.nl" class="text-secondary text-decoration-none">Alle koi zijn KVH en CEV vrij</a></li>
							<li class="list-inline-item ml-2 usp"><i class="far fa-check text-success fw-bold"></i> <a href="/registreren/" title="Klik hier om je gratis te registreren" class="text-secondary text-decoration-none">Uw account is veilig en anoniem!</a></li>
					</ul>
				</div>
				<script>document.addEventListener("DOMContentLoaded",function(){let usps=document.querySelectorAll('.usp');let currentIndex=0;function rotateUSP(){usps[currentIndex].classList.remove('active');currentIndex=(currentIndex+1)%usps.length;usps[currentIndex].classList.add('active');}rotateUSP();setInterval(rotateUSP,3000);});</script>


				<!--<div class="row text-center font-weight-light bg-light text-muted ml-2 mr-2">
					<div class="col-3 col-md-3 pt-2 pb-1"><i class="fs--16 fad fa-check-double text-green pr-2"></i> <span class="align-top fs--14">Uw <a href="/registreren/" title="Klik hier om je gratis te registreren">account</a> is anoniem!</span></div>
					<div class="col-3 col-md-3 pt-2 pb-1"><i class="h5 fad fa-gavel text-green pr-2"></i> <span class="align-top fs--14">Geen bijkomende kosten!</span></div>
					<div class="col-3 col-md-3 pt-2 pb-1"><i class="h5 fad fa-award text-green pr-2"></i> <span class="align-top fs--14">Kwaliteit Koi uit Japan</span></div>
					<div class="col-3 col-md-3 pt-2 pb-1"><i class="h5 fad fa-person-dolly text-green pr-2"></i> <span class="align-top fs--14">Ophalen of <a href="/koi-laten-bezorgen/" title="Uw koi kunnen bezorgd worden.">Bezorgen</a> in NL & BE</span></div>
				</div>
			-->
			</div>
		  </div>
		  <!-- einde navbar -->  
		  
	  </header>	
	<main role="main">
	
		<div class="container">
			<div class="row mt-md-4">
				
				<div class="col-12 ">
					<p class="text-center text-md-start mt-2 mt-md-0 mb-2 mt-md-0">
							<a href="/veilingen/" title="Bekijk alle veilingen" class="mb-5 small text-decoration-none"><i class="fas fa-chevron-circle-left"></i> Actieve Veilingen</a>
						
						</p>
						</div>
	<div class="col-12">			
<!--<div class="alert alert-warning mt-2 text-center" role="alert">
  <strong>Let op:</strong> In verband met de EK wedstrijd Nederland - Oostenrijk <strong>eindigen</strong> de veilingen donderdag dit keer om <strong>20:00 uur</strong>!
</div>-->
	</div>
	<div class="col-12 col-md-6"><h1 class="h2 mt-0 text-center text-md-start">
	Ginrin  Kogane Ochiba Shigure
	<p class="lead text-muted mb-0 fs--11"><small>Veilingnummer: 1726252563</small></p></h1>
	</div>
	<div class="col-12 col-md-6 text-center text-md-right">
		<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f11be7e9bb7dba3"></script>

				<!-- Go to www.addthis.com/dashboard to customize your tools -->
				<div class="addthis_inline_share_toolbox_cyn2 mt-2"></div>
			
			
	</div><!--
	<div class="col-6 col-md-1 text-center">
		<p><i class="fas fa-share-square"></i><br /><span><a href="" title="Deze veiling delen" class="text-dark">Delen</a></span></p>
	</div>-->
</div>
			<hr class="mt-0"/>
			
			<div class="row">
				<div class="col-12 col-lg-4"> <!-- hier de video en de foto -->
					
									<div class="col-12">
																				<div class="mb-1 d-block d-sm-none"><a href="#" title="Dierenkliniek Landhorst verzorgt voor ons de gezondheid van onze koi."><img src="/images/xbanner-rob-heijmans-online-koi-veiling-mobile.png.pagespeed.ic.5xETOBsT_e.png" class="img-fluid"/></a></div>
										<div class="mb-2 d-none d-sm-block"><a href="#" title="Dierenkliniek Landhorst verzorgt voor ons de gezondheid van onze koi."><img src="/images/xbanner-rob-heijmans-online-koi-veiling.jpg.pagespeed.ic.NCwopl7qj8.jpg" class="img-fluid"/></a></div>
																									
															<div class="row">
											<div class="col-12 col-md-3 text-right pr-4 mt-1 ms-2" style="position: absolute; z-index: 10000; ">
												
											</div>
										</div>
										
																						<div class="ratio ratio-16x9 rounded">
											  <iframe class="z-2" src="https://player.vimeo.com/video/966110308?h=fc8e16cf83&amp;badge=0&amp;autoplay=1&amp;loop=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479&muted=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
											 
											<script src="https://player.vimeo.com/api/player.js"></script>
											</div>
																												
																						
																						<div class="d-none mt-2">
																								<!--<div class="mb-2 d-none d-sm-block"><a href="https://www.onlinekoiveiling.nl/blog/japanreis-oktober-2023/" title="We gaan weer naar Japan, plaats nu je zoekopdracht"><img src="/images/japanreis-2023-oktober.png" class="img-fluid" /></a></div>-->
																								
												<a href="https://koicentrumsneek.nl/vijver-filters-kopen/" title="Meer informatie" target="_"><img src="/images/banners/xvijver-filter-kopen.png.pagespeed.ic.1LRY0vw7p2.png" class="img-fluid"/></a>												
											<!--	<a href="https://www.onlinekoiveiling.nl/blog/japan-live-blog-najaar-2022/" title="Bestel direct dit voer"><img src="/images/japan-live-blog.jpg" class="img-fluid" /></a>-->
												<!------------------------   Biogro-728x90   ------------------------>
					<!--
					<script type="text/javascript">
					var bannersnack_embed = {"hash":"bh3qx0elp","width":728,"height":90,"t":1625734500,"userId":41542292,"responsive":true,"type":"html5"};
					</script>
					<script type="text/javascript" src="//cdn.bannersnack.com/iframe/embed.js"></script>
					<!------------------------   Saki Hikari Balance-728x90   ------------------------>
					<!--
					<script type="text/javascript">
					var bannersnack_embed = {"hash":"bti2t6g2i","width":728,"height":90,"t":1593098389,"userId":41542292,"responsive":true,"type":"html5"};
					</script>
					<script type="text/javascript" src="//cdn.bannersnack.com/iframe/embed.js"></script>
					-->
										</div>
										</div>
				</div>
				<div class="col-12 col-lg-4"> <!-- hier eigenschappen -->
					
					<div class="col-12 px-4">
						
						<h2 class="h6 fw-bold text-left pt-3">Informatie</h2>
						
						<div class="alert alert-warning text-center" role="alert">
						  <strong>Let op:</strong> Koi die worden aangekocht na 1 november 2024 mogen gratis overwinteren tot maart 2025.
						</div>
						<hr class="pt-1 mt-1 mb-1"/>
						<div class="z-3 fs--14 text-center"><span class="badge bg-dark ms-1 fw-bold text-uppercase pt-1">VHQ</span><span class="badge bg-dark ms-1 fw-bold text-uppercase pt-1">Special</span><span class="badge bg-dark ms-1 fw-bold text-uppercase pt-1">Unique</span></div>						<table class="table table-borderless table-sm fs--14">
						  <tbody>
								<tr>
								  <th>Variëteit</th>
								  <td class="text-end">
									  Ginrin Kogane Ochiba Shigure
								  </td>
								</tr>
								
								<tr>
								  <th>Kweker</th>
								  <td class="text-end">
									  																  <a href="/kweker/miyatora/">
																	  Miyatora																  </a>
																		  </td>
								</tr>
								
								<tr>
								  <th>Lengte</th>
								  <td class="text-end">
									  25-30 cm
								  </td>
								</tr>
								
								<tr>
								  <th>Leeftijd</th>
								  <td class="text-end">
									  <a href="#" data-bs-toggle="modal" data-bs-target="#leeftijdInfo"><i class="fa fa-question-circle text-info" aria-hidden="true"></i></a>
									  Jumbo-tosai								  </td>
								  <!-- Modal -->
									<div class="modal fade" id="leeftijdInfo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
									  <div class="modal-dialog modal-dialog-centered">
										<div class="modal-content">
										  <div class="modal-header">
											<h5 class="modal-title" id="exampleModalLabel">Koi leeftijden uitgelegd</h5>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
											  <span aria-hidden="true">&times;</span>
											</button>
										  </div>
										  <div class="modal-body">
											  <h6 class="font-weight-bold mb-0">Tosai</h6>
											  <p>Tosai staat voor een 1-jarige koi. Meestal worden koi geboren in of rond juni. Tot het jaar erop in oktober/november zijn deze koi 'tosai', daarna worden het nisai.</p>
											  <h6 class="font-weight-bold mb-0">Jumbo Tosai</h6>
											  <p>Wanneer een tosai nadat deze uit de mudpond komt (zo rond september) verwarmt binnen blijft zitten en dus doorgroeit noemen we dit een Jumbo Tosai. Deze koi zijn dus groter dan de 'normale' tosai.</p>
											  <h6 class="font-weight-bold mb-0">Nisai</h6>
											  <p>Wanneer een koi na 1,5 jaar in oktober of november uit de mudpond komt noemen we deze 'nisai', oftwel een 2-jarige koi.</p>
											  <h6 class="font-weight-bold mb-0">Small Nisai</h6>
											  <p>Waneer een koi niet de mudpond in gaat maar bij de kweker op de farm blijft krijgen deze koi minder voer en blijven dus kleiner. Wanneer een koi niet groeit ontwikkeld deze wel beter de kleur. Daarom zijn 'Small Nisai' kleiner dan gewone nisai maar wel wel mooier van kleur. De 'eindgrote' van de koi is evengroot als die van zijn of haar broertjes of zusjes.</p>
											  <h6 class="font-weight-bold mb-0">Sansai en ouder</h6>
											  <p>Sansai betekent 3 jaar, Yonsai betekent 4 jaar en Gosai betekent 5 jaar.</p>
										  </div>
										  <div class="modal-footer">
											<button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
										  </div>
										</div>
									  </div>
									</div>
									<!-- Eind Modal -->
								</tr>
								
								<tr>
								  <th>Geslacht</th>
								  <td class="text-end">
									  Onbekend								  </td>
								</tr>
																<tr>
								  <th>Startprijs:</th>
								  <td class="text-end">
									  € 1,-								  </td>
								</tr>
																								<tr>
																								
						  </tbody>
						</table>
						
						<p class="d-none text-center fs--14 mt-4 text-muted mb-4"><strong>Notitie: </strong>Deze koi mag gratis bij ons overwinteren tot het voorjaar. U ontvangt van ons bericht wanneer u de koi kunt ophalen of kunt laten bezorgen.</p>																		<div class="d-none  g-2 no-gutters mt-2">
							<p class="text-center fw-bold mb-0">Deze koi wordt aangeboden door:</p>
							<p class="text-center fs--12 mt-0 fst-italic text-danger"><strong>Ophalen of bezorgen?</strong><br/>Klik op het logo voor meer informatie.</p>
							<div class="col-8 offset-2 col-md-6 offset-md-3">
								<a href="/koi-centrum-sneek/" title="Meer informatie"><img src="/images/xlogo-koicentrum-sneek.png.pagespeed.ic.Z0VuAiV7dD.png" title="Koicentrum Sneek" class="img-fluid"/></a>
							</div>
						</div>
												
											</div>
				</div>
				<div class="col-12 col-lg-4"> <!-- hier de bid panel -->
					
					<div class="col-12 mt-2"> <!-- hier het nieuwe biedscherm -->
						<div id="userID" data-user-id="<br />
<b>Notice</b>:  Undefined index: SESS_MEMBER_ID in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>665</b><br />
"></div>
						<div class="border border-3 border-info rounded border-opacity-50 mt-3 mt-md-3 koiID" data-koi-id="14667">
														<div class="endTimeDisplay mx-4 text-center mt-n3 pt-1 bg-white fw-bold fs--23 text-uppercase text-secondary" style="height: 2.4rem;">datum</div>
														
							<div class="d-none countdown-timer mx-4 text-center mt-n4 pt-1 bg-white fw-bold fs--25 text-uppercase text-dark" style="height: 3rem;">
								<span class="hours"></span><span class="minutes"></span><span class="seconds"></span>
							</div>
							
								<div class="bidPanel">
																	<div class="row fs--12 px-4">
									<div class="col-9 text-start"><p class="mb-1 priceLabels fw-bold"></p><p class="align-middle text-start mb-0"><span class="h4 fw-bold align-middle fs--20 text-success"><span class="currentBid"><span class="fw-light small"></span></span>,-</span></p>
									<p class="bidState mt-1 mb-1"></p>
									
									<!--<span class="badge bg-danger pt-1 text-white fw-bold">Outbid</span>-->
									</div>
									<div class="col-3 text-end"><p class="mb-1 fw-bold">BIEDINGEN</p><p class="align-middle text-end"><span class="h4 align-middle fs--16"><span class="bidCount"></span><br/><a href="#" class="fs--12 text-decoration-none" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Bekijk</a></span></p></div>																				
								</div>
								
																<div class="row g-1 mx-4 mt-0">
											<div class="mb-0">
										  		<p class="fs--14 fw-bold mb-0 text-start fw-bold text-dark">BOD VERHOGEN</p>
											</div>
											<div class="col">
												<div class="d-grid">
												<button class="btn btn-warning decrementButton fw-bold">-</button>
												</div>
											</div>
											
											<div class="col">
												<div class="d-grid">
												<button class="btn btn-warning incrementButton fw-bold px-2">+</button>
												</div>
												
											</div>
											<div class="col-auto">
												<div class="d-grid">
													<button href="#" data-bid-value="25" title="Verhoog uw bod met 25,-" class="btn btn-conversion-boost text-uppercase fw-bold bid-btn">+ 25</button>
												</div>
											</div>
											<div class="col-auto">
												<div class="d-grid">
													<button href="#" data-bid-value="50" title="Verhoog uw bod met 25,-" class="btn btn-conversion-boost text-uppercase fw-bold bid-btn">+ 50</button>
												</div>
											</div>
											<div class="col-auto">
												<div class="d-grid">
													<button href="#" data-bid-value="75" title="Verhoog uw bod met 25,-" class="btn btn-conversion-boost text-uppercase fw-bold bid-btn">+ 75</button>
												</div>
											</div>
											<div class="mb-0">
												  <p class="fs--10 text-muted text-center mb-0">Na het verhogen moet u uw bod nog bevestigen<br/>door 2x op de blauwe knop te drukken.</p>
											</div>
											
								</div>
								<div class="row px-4 pb-0 mt-2 mb-0">
									<div class="AutoBidMessage text-muted fs--12 text-center"></div>
								</div>
								<div class="row g-1 mx-4 mt-0">
									<div class="mb-1">
										  <p class="fs--14 fw-bold mb-0 text-start fw-bold text-dark">UW BOD</p>
										  
											
										  <div class="row g-3 align-items-center mb-2">
											<div class="col">
												<div class="input-group">
													
													  <span class="input-group-text">€</span>
													<input id="bidInput2" disabled style="background-color: #fff;" class="form-control text-start bidInput" type="text" value="0" min="1" step="1">																						  
												</div>
											</div>
										  </div>
									</div>
								</div>
								
								
																
								<div class="d-none row g-1 mx-4 mb-0">
									<p class="spaar-tekst text-muted">
									  <i class="fa-duotone fa-coins fa-lg me-2 ms-2" style="--fa-primary-color: #ddd60e; --fa-secondary-color: #353531;"></i> <span class="fs--12">Spaar <span class="coinsToEarn fw-bold" style="display: inline;"></span> <strong>punten</strong> met dit bod! <a href="#" data-bs-toggle="modal" data-bs-target="#spaarInfo"><i class="fa fa-question-circle text-info" aria-hidden="true"></i></a>
									  <br/>Punten zijn oneindig geldig.
									  </p>
								
								</div>
																								
								<div class="row g-1 mx-4 mb-2 mt-0">
									<a href="/inloggen/" title="Click here to Log in." class="btn btn-primary text-uppercase fw-bold fs--14">Log in om mee te kunnen bieden</a> 
								</div>
								
																<div style="margin-top:0.80rem;">
									<p class="text-secondary text-center px-4 mt-1 fs--12"><strong>PLAATS BOD:</strong> Het bedrag in het veld 'uw bod' wordt direct geboden.<br/><strong>PLAATS AUTOBOD:</strong> Het systeem plaatst automatisch biedingen namens jou op basis van het bedrag in het veld 'uw bod' dat je hebt ingesteld.</p>
								</div>
							</div>
							
							<div class="bidEnded d-none">
							
							<div class="row g-1 mx-4 mb-2">
								<h4 class="h5 text-center">Veiling Beëindigd!</h4>
								<p class="text-center" style="margin-top: 0.5rem;"><strong>Bedankt voor het mee bieden!</strong> Kijk op de pagina van actieve veilingen voor de veilingen die op dit moment nog lopen.</p>
							</div>
							
							</div>
						</div>
					</div>
					<div class="col-12 mt-3"> <!-- hier het nieuwe biedscherm -->
						<div class="px-3 fs--14 mb-4">
							<h3 class="h6 fs--14"><b>Biedstappen:</b></h3><p class="text-start small text-dark">€ 1 <span class="text-secondary">(€ 0-€ 4)</span><br/>€ 5 <span class="text-secondary">(€ 5-€ 149)</span><br/>€ 10 <span class="text-secondary">(€ 150-€ 399)</span><br/>€ 15 <span class="text-secondary">(€ 400-€ 999)</span><br/>€ 20 <span class="text-secondary">(€ 1.000- en hoger)</span></b></p>	
						</div>
						
						<div class="px-3 fs--12">
							<h3 class="h6 fs--14 mb-2"><b>Veiling informatie:</b></h3>
						</div>
					<ul class="fs--12 list-group list-group-flush">
						  <li class="list-group-item"><strong>Een bod in de laatste 5 minuten?</strong><br/>De veiling wordt automatisch met 5 minuten verlengd.</li>
						  <li class="list-group-item"><strong>Van 1 november t/m 31 maart</strong><br/><span class="text-italic">Uw koi mag gratis bij ons overwinteren. Heeft u een verwarmde vijver of quarantainebak dan kunt u in overleg uw koi ophalen.</span></li>
						  <li class="list-group-item"><strong>Van 1 april t/m 31 oktober</strong><br/><span class="text-italic">Wanneer uw koi uit quarantaine is, ophalen/bezorgen binnen 3 weken.</span></li>
						  <li class="list-group-item">Een <strong>autobod</strong> wint altijd van een los geplaatst bod.</li>
						  <li class="list-group-item"><strong>Bied op tijd!</strong> Er kan in de laatste seconden iets vertraging ontstaan op uw computer of telefoon. Het zou zonde zijn als u hierdoor een veiling mist.</li>
						  <li class="list-group-item">Mocht er onverhoopt iets gebeuren met de koi zolang deze bij ons verblijft, dan krijgt u een tegoedbon voor een nieuwe veiling.</li>
					  </ul>
					</div>
				</div>	
			</div>

			  			  <div class="d-none text-center">
				  <a href="https://chat.whatsapp.com/JebI9ANTEMVEYlyI86PnQL" title="Meer informatie over dit event"><img src="/images/xbanner-website-japan-24.jpg.pagespeed.ic.kfJpdmkhC9.jpg" class="img-fluid"/></a>
				</div>
			  	</main>	
	
	<!-- Modal -->
	<div class="modal fade" id="spaarInfo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title" id="exampleModalLabel">Loyaliteitsprogramma Onlinekoiveiling.nl</h5>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			 
		  </div>
		  <div class="modal-body">
			  <ol class="fs--12">
				  <li>Spaar punten bij ieder bod dat u plaatst.</li>
				  <li>U punten worden automatisch ingewisseld bij een aankoop.</li>
				  <li>Punten zijn niet overdraagbaar en/of restitueerbaar.</li>
				  <li>Verdiende punten zijn oneindig geldig, zoals het spaarsysteem aangeboden wordt.</li>
				  <li>Elke dag om 09:00 uur worden verlopen punten in mindering gebracht.</li>
				  <li>100 punten = €1- euro, 1000 punten = €10,- euro enzovoorts.</li>
			  </ol>
			  <p class="fs--12 px-3">U vindt de door u gespaarde punten en puntentransacties terug in uw account onder 'account->sparen'.<br/><strong>Bent u ingelogd? Dan kunt u ook <a href="/account/sparen/" title="Ga naar uw spaar overzicht.">hier</a> klikken.</strong></p>
		  </div>
		  <div class="modal-footer">
			  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
		  </div>
		</div>
	  </div>
	</div>
	<!-- Eind Modal -->
		
	<!-- Modal set Alarm -->
	<div class="modal fade" id="setAlarm" tabindex="-1" role="dialog" aria-labelledby="verifyMobileLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered" role="dialog">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title font-weight-bold" id="staticBackdropLabel">Ontvang gratis een veilingwekker SMS</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
			  
			  <br/>
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>905</b><br/>
		  <p class="text-muted">15 minuten voor het einde van deze veiling ontvang je kosteloos een handig bericht op: </p>
		  </div>
		  <div class="modal-footer">
			  
			   				 <form method="post" action="/secure/verifyMobile.php">
				<input hidden="" name="koiID" value="14667">
				<input hidden="" name="memberID" value="">
				<input hidden="" name="alarmDate" value="<br />
<b>Notice</b>:  Undefined variable: alarmDate in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>927</b><br />
">
				<input hidden="" name="mobile" value="">
				<input hidden="" name="link" value="https://www.onlinekoiveiling.nl/koi/1726252563/">
				<input hidden="" name="koiTitle" value="Ginrin  Kogane Ochiba Shigure
 van de kweker Miyatora">
			  <a href="#" class="text-primary font-weight-bold fs--13" data-dismiss="modal">Annuleren</a>&nbsp;
			  <button name="setAlarm" type="submit" class="btn btn-primary font-weight-bold fs--14">Zet een veilingwekker om <br/>
<b>Notice</b>:  Undefined variable: alarmTime in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>932</b><br/>
 uur <i class="fas fa-bell-on"></i></button>
				 </form>
		  </div>
		</div>
	  </div>
	</div>
	<!-- einde modal verify phone -->
		
	<!-- Modal verify phone -->
	<div class="modal fade" id="verifyMobile" tabindex="-1" role="dialog" aria-labelledby="verifyMobileLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
		  <div class="modal-header">
			<h5 class="modal-title font-weight-bold" id="staticBackdropLabel">Ontvang gratis een veilingwekker SMS</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true">&times;</span>
			</button>
		  </div>
		  <div class="modal-body">
		 	<p>Voordat u een gratis veilingwekker SMS kunt ontvangen, moet u eerst uw mobiele telefoonnummer verifiëren.</p> 
			 <ol class="fs--14">
				 <li>Vul uw mobiele nummer in</li>
				  <li>Voer de code in die u ontvangt op uw mobiel</li>
				   <li>Na de verificatie kunt u de gratis veilingwekker SMS aanzetten.</li>
			 </ol>
		 	<form class="form-signin" method="post" action="/secure/verifyMobile.php">
				 				   <input hidden="" name="currentLink" value="/koi/1726252563">
				 <br/>
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/var/www/vhosts/onlinekoiveiling.nl/onlinekoiveiling.nl/onlinekoiveiling.nl/content/koi.php</b> on line <b>971</b><br/>
			   <div class="input-group" style="width: 100% !important; display: grid !important;">
				   
				   <input type="hidden" id="phone2" name="phone"/>
					  <input id="phone" type="tel" name="phone-full" class="form-control" value=""/>
			</div>
			
		  </div>
			<div class="modal-footer">
				<a href="#" class="text-primary font-weight-bold fs--13" data-dismiss="modal">Annuleren</a>&nbsp;
				<button id="buttonVerify" type="submit" name="generateCode" value="1" class="btn btn-primary font-weight-bold fs--14">Stuur verificatie code</button>
				
				 </form>
			</div>
		</div>
	  </div>
	</div>
	<!-- einde modal verify phone -->
	
	<!-- Modal -->
<div class="modal fade" id="staticBackdrop" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="staticBackdropLabel">Laatste 15 biedingen voor deze veiling</h5>
		<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		
	  </div>
	  <div class="modal-body">
	  
	  <table class="table table-borderless table-sm">
	  <thead>
		<tr>
		  <th scope="col">Bieder</th>
		  <th scope="col" class="text-center">Bedrag</th>
		  <th scope="col">Datum</th>
		</tr>
	  </thead>
	  <tbody>
		  
	  <tr><td class="font-italic text-muted">Bieder 1726051056</td><td class="text-center">155,-</td><td>15-09-2024 17:41:45</td></tr><tr><td class="font-italic text-muted">Bieder 1716010874</td><td class="text-center">125,-</td><td>15-09-2024 09:31:25</td></tr><tr><td class="font-italic text-muted">Bieder 1726051056</td><td class="text-center">120,-</td><td>14-09-2024 17:54:21</td></tr><tr><td class="font-italic text-muted">Bieder 1716010874</td><td class="text-center">90,-</td><td>14-09-2024 17:26:13</td></tr><tr><td class="font-italic text-muted">Bieder 1726051056</td><td class="text-center">85,-</td><td>14-09-2024 16:58:19</td></tr><tr><td class="font-italic text-muted">Bieder 1655322836</td><td class="text-center">70,-</td><td>14-09-2024 16:58:10</td></tr><tr><td class="font-italic text-muted">Bieder 1726051056</td><td class="text-center">65,-</td><td>14-09-2024 16:58:10</td></tr><tr><td class="font-italic text-muted">Bieder 1655322836</td><td class="text-center">60,-</td><td>14-09-2024 16:58:03</td></tr><tr><td class="font-italic text-muted">Bieder 1726051056</td><td class="text-center">55,-</td><td>14-09-2024 16:58:03</td></tr><tr><td class="font-italic text-muted">Bieder 1655322836</td><td class="text-center">20,-</td><td>14-09-2024 16:49:59</td></tr><tr><td class="font-italic text-muted">Bieder 1615692069</td><td class="text-center">15,-</td><td>14-09-2024 16:04:50</td></tr><tr><td class="font-italic text-muted">Bieder 1716010874</td><td class="text-center">10,-</td><td>14-09-2024 11:22:36</td></tr><tr><td class="font-italic text-muted">Bieder 1667250869</td><td class="text-center">5,-</td><td>13-09-2024 23:44:29</td></tr><tr><td class="font-italic text-muted">Bieder 1667250869</td><td class="text-center">1,-</td><td>13-09-2024 23:44:27</td></tr>	  
	  </tbody>
	  </table>
	  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
	  </div>
	</div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="hoewerktautomatischbieden" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
	<div class="modal-content">
	  <div class="modal-header">
		<h5 class="modal-title" id="staticBackdropLabel">Hoe werkt automatisch bieden?</h5>
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true">&times;</span>
		</button>
	  </div>
	  <div class="modal-body">
		  <h2 class="h4">Wat is automatisch bieden?</h2>
		  <p>Na het plaatsen van een autobod (automatisch bod) verhoogt het Online Koi Veiling veilingsysteem, indien nodig, automatisch uw bod €1,- euro zodat u weer de hoogste bieder bent. Het systeem biedt, tot aan de hoogte van het door u opgegeven autobod, over een andere bieder heen. Op deze manier hoeft u niet steeds handmatig een nieuw bod uit te brengen maar kunt u uw maximumbedrag eenvoudig instellen als autobod. Dit is ook handig indien u op de avond van het aflopen van de veiling, zelf de veiling niet kunt volgen. Alleen als iemand een hoger bod doet dan uw autobod, bent u niet meer de hoogste bieder.</p>
		  <h2 class="h4">Hoe werkt automatisch bieden?</h2>
		  <p>U voert het bedrag in dat u maximaal wilt bieden voor het kavel en drukt op de knop "Autobod". Voor de zekerheid dient u uw autobod daarna nog te bevestigen. Vervolgens krijgt u een e-mail met de bevestiging van het uitgebrachte autobod. Indien u nog niet het hoogste bod had dan wordt namens u het eerst mogelijke bod, rekening houdend met de minimale biedstap, uitgebracht.</p>
		  <h2 class="h4">Wie kan mijn autobod zien?</h2>
		  <p>Niemand anders dan uzelf kan het door u ingestelde bedrag zien. </p>
		  <h2 class="h4">Kan ik mijn autobod intrekken?</h2>
		  <p>Nee, dat kan niet. Een door u uitgebracht autobod is onvoorwaardelijk geplaatst en kan niet meer worden ingetrokken.</p>
		  </div>
	  <div class="modal-footer">
		<button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
	  </div>
	</div>
  </div>
</div>


	
	<footer class=" p-0 m-0">
	  <div class="container-fluid">
		  <hr/>
		  <div class="container pb-2">
			  <div class="row">
				  <div class="col-12 col-md-3 text-center text-md-left">
					  <a href="/inloggen/" title="Klik hier om een account aan te maken" class="btn btn-sm btn-primary">Inloggen</a>
					  <a href="/registreren/" title="Klik hier om een account aan te maken" class="btn btn-sm btn-third text-white">Registeren</a>
				  </div>
				  <div class="col-12 col-md-9">
					  <p class="text-center text-md-right font-weight-bold text-secondary fs--13 pt-3 pt-md-1">Elke week minimaal 30 nieuwe veilingen van diverse kwaliteiten, variëteiten en Japanse kwekers online.</p>
				  </div>
			  </div>
		  </div>
	  </div>
	  <!-- Copyright -->
	<!-- Footer -->
	<div class="container-fluid bg-white p-0 pt-2 pb-0 border-top">
		<div class="container pb-0">
			<p class="text-center pb-0 mb-2">
				<span class="pl-2 font-weight-light fs--12">U betaald bij ons altijd veilig met:</span><br/>
					<img src="/images/svg-icons/ideal.svg" style="height: 25px;"/>
					<img src="/images/svg-icons/bancontact-mister-cash.svg" style="height: 25px;" class="ml-1"/>
					<img src="/images/svg-icons/paypal.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/creditcard.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/giropay.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/applepay.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/kbc.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
					<img src="/images/svg-icons/belfius.svg" style="height: 25px;" class="ml-2" loading="lazy"/>
			</p>
			<p class="text-center pb-0 mb-2">
				<span class="pl-2 font-weight-light fs--12">Volg ons op:</span>
				<a href="https://www.facebook.com/koicentrumsneek/" target="_blank" title="Volg ons op Facebook"><img src="/images/svg-icons/facebook-icon.svg" style="height: 25px;" class="ml-1" loading="lazy"/></a>
				<a href="https://www.instagram.com/koicentrumsneek" target="_blank" title="Volg ons op Instagram"><img src="/images/svg-icons/instagram-2-1.svg" style="height: 25px;" class="ml-2" loading="lazy"/></a>
				<a href="https://vimeo.com/user101688227" target="_blank" title="Volg ons op Vimeo"><img src="/images/svg-icons/vimeo-icon-blue.svg" style="height: 20px;" class="ml-2" loading="lazy"/></a>
			</p>
		</div>
	</div>
	<div class="container-fluid bg-white p-0 border-top">
		<div class="container mt-3">
			<p class="text-center fs--13 mb-2">Download <a href="/docs/koi_bijsluiter.pdf" title="Bijsluiter Koi" target="_blank">hier</a> de Koi bijsluiter van het <a href="https://www.licg.nl/aquariumdieren/koi/" title="Infomatie LICG over Koi"> <img src="/images/Nx25xlogo_licg_rgb1470x531.jpg.pagespeed.ic.2mWtJvCY9t.jpg" alt="licg_button_120x60" style="height: 25px; margin-top: -4px;" loading="lazy"/></a></p>
			<p class="text-muted text-center fs--14 mb-2"><a href="/algemene-voorwaarden/" title="Onze Algemene Voorwaarden">Algemene Voorwaarden</a> | <a href="/gebruikersvoorwaarden/" title="Onze Gebruikersvoorwaarden">Gebruikersvoorwaarden</a> | <a href="/privacy/" title="Ons Privacy beleid">Privacy</a> | <a href="/disclaimer/" title="Disclaimer">Disclaimer</a> | <a href="/actievoorwaarden-spelregels/" title="Disclaimer">Actievoorwaarden</a></p>
							<p class="text-dark small text-center mb-2"><i class="far fa-copyright"></i> 
			  Onlinekoiveiling.nl 2020 - 2025</p>
			  
			  <p class="text-center"><a href="https://www.innovateict.com" title="Innovate ICT - Bridging Business and Technology" target="#"><img src="/images/Nx25xinnovate-ict-logo.png.pagespeed.ic.jKZOGOx2xf.png" alt="Created by Innovate ICT" style="height: 25px;"></a></p>
		</div>
	</div>
	</footer>
		
	<!--<a href="#" class="scrollToTop"><i class="fas fa-caret-circle-up fs--40"></i></a>-->

	<!-- hier pagina speciale javascript -->
	
	  <!-- Modal -->
	<div class="modal fade" id="firstLogin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
		  <div class="modal-header border-0 pb-0">
			  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		  </div>
		  <div class="modal-body">
					<p class="center text-center">Om een koi te kunnen aankopen dient u eerst in te loggen.<br/><span class="small">Heeft u nog geen account? Binnen 30 seconden maakt u er 1 aan.</span></p>
			  <form class="form-signin" method="post" action="/secure/login-exec.php?redirectUrl=https://www.onlinekoiveiling.nl/koi/1726252563/">
			<div class="text-center mb-4">
			  <h1 class="h3 mb-3 font-weight-normal">Inloggen</h1>
			</div>
		  		  			<div class="form-label-group">
			  <input type="email" id="inputEmail" class="form-control" placeholder="E-mailadres" required="" autofocus="" name="email">
			  <label for="inputEmail">E-mailadres</label>
			</div>
		  
			<div class="form-label-group">
			  <input type="password" id="inputPassword" class="form-control" placeholder="Wachtwoord" required="" name="password">
			  <label for="inputPassword">Wachtwoord</label>
			  <p class="text-right"><small><a href="/wachtwoord-vergeten/" title="Klik hier om uw wachtwoord opnieuw in te stellen">wachtwoord vergeten?</a></small></p>
	
			</div>
		  
			<div class="checkbox mb-3">
			  <label>
				<input type="checkbox" value="remember-me" name="remember"> Onthoud mijn gegevens
			  </label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">Inloggen</button>
			<p class="text-center mt-3"><span class="font-weight-bold">Nog geen account?</span><br/><a href="/registreren/" title="Klik hier om een gratis account aan te maken">Klik hier om een account aan te maken.</a></p>
		  </form>
		  </div>
		</div>
	  </div>
	</div>
	<!-- einde moadal -->
	<!-- Cookie Consent by https://www.TermsFeed.com -->
	<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/3.1.0/cookie-consent.js"></script>
	 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
	<!--<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>-->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
	
	  	  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	  	
	<script>$(document).ready(function(){document.querySelectorAll('.toggleFavoriteBtn').forEach(function(btn){btn.addEventListener('click',function(){var auction_id=this.getAttribute('data-auction-id');toggleFavorite(auction_id,this);});});function toggleFavorite(auction_id,btnElement){event.preventDefault();var currentPage=window.location.pathname;var xhr=new XMLHttpRequest();xhr.open('GET',"/ajax/add_remove_favorite.php?auction_id="+auction_id,true);xhr.onload=function(){if(xhr.status>=200&&xhr.status<400){if(xhr.responseText.trim()==="Toegevoegd"){btnElement.innerHTML='<i class="fa-solid fa-heart fa-beat-fade text-danger"></i> <span class="fs--12 ms-2 text-danger opacity-75">Koi is Favoriet!</span>';btnElement.classList.add('favorited');}else{btnElement.innerHTML='<i class="fa-solid fa-heart text-secondary"></i>  <span class="text-muted fs--12 ms-2"> Toevoegen aan favorieten</span>';btnElement.classList.remove('favorited');if(currentPage==='/account/favorites/'){$(btnElement).closest('.koiID').parent().remove();}}}else{alert('Er is een fout opgetreden.');}};xhr.onerror=function(){alert('Verbindingsfout. Probeer het opnieuw.');};xhr.send();}});</script>
	
	  <script>
	  	
	  $(document).ready(function() {
		
		  var domainName = window.location.hostname;
		var koiList;
		 function initializeKoiList() {
			 $('#clear-search').off('click').on('click', function() {
				 $('#search-input').val('');
				 koiList.search();
			 });
		 
			 $('#all-btn').addClass('active');
			 $('#ending-btn').addClass('active');
		 
			 $('.my-btn').off('click').on('click', function() {
				 $('.my-btn').removeClass('active');
				 $(this).addClass('active');
			 });
			 
			 $('.sort').off('click').on('click', function() {
				 var sortAttribute = $(this).data('sort');
				 var currentOrder = $(this).data('order');
				 var newOrder = currentOrder === 'asc' ? 'desc' : 'asc';
			 
				 // Verwijder de actieve class van alle sorteerbuttons en voeg het toe aan de huidige.
				 $('.sort').removeClass('active-sort');
				 $(this).addClass('active-sort');
			 
				 // Update de order data attribuut.
				 $(this).data('order', newOrder);
			 
				 // Sorteer de lijst.
				 koiList.sort(sortAttribute, { order: newOrder });
			 
				 // Update de pijl gebaseerd op de huidige sorteervolgorde, alleen voor de actieve knop.
				 $('.sort').not('.active-sort').find('.sort-arrow').text('');
				 $(this).find('.sort-arrow').text(newOrder === 'asc' ? '↑' : '↓');
				 $('#ending-btn').removeClass('active');
			 });
		 
			 var options = {
				 valueNames: ['listVariety', 'listPrice', 'listLength', 'listAge', 'listStars', 'listEnding', 'sex']
			 };
			 
			 // Als koiList al bestaat, maak het dan leeg; anders, initialiseer het.
			 if (typeof koiList !== "undefined") {
				 koiList.clear();
			 } else {
				 koiList = new List('koi-container', options);
			 }
			 
			 koiList.sort('listEnding');
		 
			 $('.filter').off('click').on('click', function() {
				 var filterValue = $(this).data('filter');
		 
				 if (filterValue === "all") {
					 koiList.filter();
				 } else {
					 koiList.filter(function(item) {
						 return (item.values().sex == filterValue);
					 });
				 }
		 
				 toggleNoResultsMessage();
			 });
		 
			 $('#search-input').off('keyup').on('keyup', function() {
				 koiList.search($(this).val());
				 toggleNoResultsMessage();
			 });
		 }
		 
		 function toggleNoResultsMessage() {
			 if (koiList.visibleItems.length === 0) {
				 console.log("No items visible");
				 $('#no-results').show();
			 } else {
				 console.log("Some items are visible");
				 $('#no-results').hide();
			 }
		 }
		 
		 // Roep de functie aan om de UI voor het eerst te initialiseren.
		if (document.getElementById('koi-container')) {
			initializeKoiList();
			console.log('KoiList geïnitialiseerd:', koiList);
		}
	   //console.log('KoiList geïnitialiseerd:', koiList);
	
		 /*
		var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
		if (document.cookie.indexOf('user_timezone') == -1) {
			document.cookie = "user_timezone=" + timezone + "; path=/";
			location.reload(true);
		}
		fetch('/ajax/getTimezone.php', {
			method: 'POST',
			body: JSON.stringify({ timezone: timezone }),
			headers: {
				'Content-Type': 'application/json'
			}
		})
		.then(response => response.text())
		.then(data => {
			//console.log(data); // Je zou de respons van de server hier moeten zien
		});
		*/
		var notificationCount = 0;
		
		function formatPrice(price) {
			// Eerst de '.' vervangen door ','
			let formattedPrice = price.toFixed(2).toString().replace('.', ',');
			
			// Vervolgens na elke '000' een '.' plaatsen
			formattedPrice = formattedPrice.replace(/(\d)(?=(\d{3})+,\d{2}$)/g, '$1.');
			
			// Verwijder de ",00" van de geformatteerde prijs (optioneel)
			formattedPrice = formattedPrice.replace(/,00$/, '');
			
			return formattedPrice;
		}
		let conn = null;  // Hiermee maak je de variabele conn globaal
		
		connectToWebSocket();
			
		function connectToWebSocket() {
			
			conn = new WebSocket('wss://api.onlinekoiveiling.nl:8444');
		
			conn.addEventListener("message", function(event) {
				
				if (event.data === "ping") {
					conn.send("pong");
				}
					// ... de rest van je berichtverwerkingslogica ...
				});
			
			conn.onopen = function(e) {
				//console.log("Verbinding gemaakt met de WebSocket-server2");
				// Aanpassing hier - nu meerdere koiIds
				let koiIds =  ["15320","15321","15322","15323","15324","15325","15408","15423","15433","15437","15473","15577","15612","15648","15672","15675","15688","15692","15761","15762","15763","15845","15869","15870"];
				
				//console.log(koiIds);
		
				let initialData = {
					action: 'init',
					koiIds: koiIds  // Aangepast naar koiIds array
				};
		
				conn.send(JSON.stringify(initialData));
			};
			
			let countdownInterval = null;
			let koiIntervals = {};
			
			conn.onmessage = function(e) {
			   
			   
				var userId = $('#userID').attr('data-user-id');
				var currency = $('#wlCurrency').attr('data-currency');
				
				let data;
				try {
					data = JSON.parse(e.data);
				} catch (error) {
					console.error("Error parsing received data:", error);
					return;
				}
				//console.log(userId); //hier loggen we de data
				let koiID = data.koiId;
				
				let koiElement = $(`.koiID[data-koi-id="${koiID}"]`);
				//console.log(data);
				if (data.action === 'updatePrice') {
					//let now = new Date();
					//let endTime = new Date(data.endTime);
					updateCoinsToEarn(); // Werk de munten bij na het bijwerken van de currentBid

					//console.log(data);
					if (data.highestBidder === userId && data.minimumPriceMessage === null) {
					  makeBellNonClickable();
					 } else if (data.bidders && data.bidders.some(bidder => bidder.userID == userId)) {
						  makeBellClickable();         
						  }
						  
					var timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
					
					// Converteer de huidige tijd naar de tijdzone van de gebruiker
					let now = luxon.DateTime.now().setZone(timezone).toJSDate();
					
					// Converteer de endTime (uit de database in UTC) naar de tijdzone van de gebruiker
					//let adjustedEndTime = data.endTime.replace(' ', 'T') + 'Z'; // Convert to ISO-8601 format
					//let endTime = luxon.DateTime.fromISO(adjustedEndTime, { zone: 'UTC' }).setZone(timezone).toJSDate();
					let adjustedEndTime = data.endTime.replace(' ', 'T'); // Convert to ISO-8601 format
					let endTime = luxon.DateTime.fromISO(adjustedEndTime).toJSDate();

		
					//console.log("data.endTime:", data.endTime);
					//console.log("now:", now);
					//console.log("endTime:", endTime);
	
					let differenceInMilliseconds = endTime - now;
					let differenceInHours = Math.floor(differenceInMilliseconds / 3600000);
			
					const displayDiv = koiElement.find('.endTimeDisplay'); // Neem aan dat je dit nog ergens wilt gebruiken.
						
					// Controleer of de tijd al is verstreken:
					let remainingMinutes = Math.floor((differenceInMilliseconds % 3600000) / 60000);
					let remainingSeconds = Math.floor((differenceInMilliseconds % 60000) / 1000);
					if (differenceInHours <= 0 && remainingMinutes <= 0 && remainingSeconds <= 0) {
						koiElement.find(".countdown-timer").addClass('d-none');
						koiElement.find(".endTimeDisplay").removeClass('d-none').html("<strong>Auction Closed!</strong>");
						
						var bidData = {
						   action: 'setStatusEnded',
						   koiId: koiID
						 };
						 
						 //console.log("Preparing to send bidData");
						 if (conn.readyState === WebSocket.OPEN) {
							 //console.log("Sending bidData...");
							 conn.send(JSON.stringify(bidData));
						 } else {
							 //console.log("WebSocket not ready:", conn.readyState);
						 }
						 
						//displayDiv.html("<strong>Auction Closed!</strong>");
						if (!koiElement.parent().hasClass('bidPage')) { //we zijn niet op de bidpagina
							koiElement.parent().remove();
						} else {
						  koiElement.find(".bidPanel").addClass('d-none');
						  koiElement.find(".countdown-timer").addClass('d-none');
						  koiElement.find(".endTimeDisplay").removeClass('d-none').html('');
						  
						  koiElement.find(".bidEnded").removeClass('d-none');
						  
						}
						
						
						 conn.send(JSON.stringify(bidData));
					}  else {
					  // Ruim de oude timer op voor deze koiID
					  if (koiIntervals[koiID]) {
						  clearInterval(koiIntervals[koiID]);
					  }
					  
					  if (differenceInHours > 9) {
						
						koiElement.find(".countdown-timer").addClass('d-none');
						koiElement.find(".endTimeDisplay").removeClass('d-none');
						let year = endTime.getFullYear();
						let month = String(endTime.getMonth() + 1).padStart(2, '0'); // Maanden beginnen bij 0 in JavaScript
						let day = String(endTime.getDate()).padStart(2, '0');
						let hour = endTime.getHours() > 12 ? endTime.getHours() - 12 : endTime.getHours(); // Convert 24-hour format to 12-hour format
						let minute = String(endTime.getMinutes()).padStart(2, '0');
						let ampm = endTime.getHours() >= 12 ? 'pm' : 'am';
						
						let formattedDate = `${year}-${month}-${day} ${hour}:${minute} ${ampm}`;
						
						displayDiv.html(formattedDate);
					  
						  //return; // Exit hier zodat we de countdown niet starten.
					  } else {
						
						koiElement.find(".endTimeDisplay").addClass('d-none');
						koiElement.find(".countdown-timer").removeClass('d-none');
						const updateDisplay = () => {
							let now = new Date();
							let differenceInMilliseconds = endTime - now;
							
							//console.log('Difference in milliseconds:', differenceInMilliseconds);
							let differenceInHours = Math.floor(differenceInMilliseconds / 3600000);
							let remainingMinutes = Math.floor((differenceInMilliseconds % 3600000) / 60000);
							let remainingSeconds = Math.floor((differenceInMilliseconds % 60000) / 1000);
							
							if (differenceInHours <= 0 && remainingMinutes <= 0 && remainingSeconds <= 0) {
								
								koiElement.find(".countdown-timer").addClass('d-none');
								koiElement.find(".endTimeDisplay").removeClass('d-none');
								console.log("Preparing to send bidData");
							   
								 
								var bidData = {
								   action: 'setStatusEnded',
								   koiId: koiID
								 };
								 console.log(bidData);
															
								//displayDiv.html("<strong>Auction Closed!</strong>");
								if (!koiElement.parent().hasClass('bidPage')) { //we zijn niet op de bidpagina
									koiElement.parent().remove();
								} else {
								  koiElement.find(".bidPanel").addClass('d-none');
								  koiElement.find(".countdown-timer").addClass('d-none');
								  koiElement.find(".endTimeDisplay").removeClass('d-none').html('');
								  
								  koiElement.find(".bidEnded").removeClass('d-none');
								  
								}
			
								if (conn.readyState === WebSocket.OPEN) {
									 console.log("Sending bidData...");
									 conn.send(JSON.stringify(bidData));
								 } else {
									 console.log("WebSocket not ready:", conn.readyState);
	
								 }
								 clearInterval(koiIntervals[koiID]);  // Gebruik het specifieke interval-ID
															 
								 //conn.send(JSON.stringify(bidData));
								 
								//return;
							} else {
							  
							  koiElement.find(".bidPanel").removeClass('d-none');
							  koiElement.find(".countdown-timer").removeClass('d-none');
							  koiElement.find(".endTimeDisplay").addClass('d-none').html('');
							  
							  let hoursFormatted = String(differenceInHours).padStart(2, '0');
							  let minutesFormatted = String(remainingMinutes).padStart(2, '0');
							  let secondsFormatted = String(remainingSeconds).padStart(2, '0');
							  
							  // Stijlaanpassingen op basis van de overgebleven tijd:
							  if (differenceInHours === 0) {
								  koiElement.find(".hours").removeClass('text-dark').addClass('text-secondary');
							  } else {
								  koiElement.find(".hours").removeClass('text-secondary').addClass('text-dark');
							  }
							  
							  if (remainingMinutes === 0) {
								  koiElement.find(".minutes").removeClass('text-dark').addClass('text-secondary');
							  } else {
								  koiElement.find(".minutes").removeClass('text-secondary').addClass('text-dark');
							  }
							  
							  koiElement.find(".hours").html(hoursFormatted + ":");
							  koiElement.find(".minutes").html(minutesFormatted + ":");
							  koiElement.find(".seconds").html(secondsFormatted);
							}
							
									};
						
						// Maak een nieuw interval en sla de timer-ID op in het object
						koiIntervals[koiID] = setInterval(updateDisplay, 1000);
					  
					  }
					} 
					
					  koiElement.find('.listEnding').html(data.endTime);
					  koiElement.find('.currentBid').html(data.bid);
					  
					  //updateCoinsToEarn(); // Werk de munten bij na het bijwerken van de currentBid

					  koiElement.find('.priceLabels').html(data.labels);
					  
					  
					  if (data.label) {
						//console.log(data.label);
						  }
						  	console.log(data.highestBidder);
							  
						if (data.highestBidder === userId && data.minimumPriceMessage === null) {
							console.log('Condition met: Je bent de hoogste bieder.');
							koiElement.find('.bidState').html('<span class="badge bg-success pt-1 text-white fw-bold blink-effect">Je bent de hoogste bieder</span>');
							koiElement.find('.AutoBidMessage').html('');
							userBecameHighestBidder(koiID);
						} else if (data.bidders && data.bidders.some(bidder => bidder.memberID == userId)) {
							console.log('Condition met: Je bent overboden.');
							koiElement.find('.bidState').html('<span class="badge bg-danger pt-1 text-white fw-bold blink-effect weglotBidState">Je bent overboden</span>');
							userWasOutbid(koiID);
						} else if (data.highestBidder === userId && data.minimumPriceMessage === 1) {
							console.log('Condition met: Hoogste bieder, minimumprijs (nog) niet behaald.');
							koiElement.find('.bidState').html('<span class="badge bg-warning pt-1 text-dark fw-bold blink-effect">Hoogste bieder, minimumprijs (nog) niet behaald</span>');
						}
						   // Check voor highestOverallBidder
						   if (data.highestAutoBidder == userId) {
							  let integerBid = parseInt(data.highestAutoBid); 
							  let formattedBid = formatPrice(integerBid);
							  
							   if (domainName === 'onlinekoiauktion.de') {
									 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-center fw-bold text-success">Ihr gespeichertes Autogebot lautet: <span class="fw-bold">€ ' + formattedBid + '</span></p>');
							   } else {
									 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start">Uw opgeslagen autobod is: <span class="fw-bold">€ ' + formattedBid + '</span></p>');
							   }
							  koiElement.find('.AutoBidValue').html(formattedBid);
																						  
						   }
					  
						if (data.sameAutoBid && data.sameAutoBid === 1) {
							//console.log('test zelfde bod');
							
							   if (domainName === 'onlinekoiauktion.de') {
								   koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Ihr Gebot war genauso hoch wie das eines anderen Benutzers, der damit gewonnen hat. Bieten Sie erneut, um das höchste Gebot abzugeben.</span></p>');
							   } else {
								   koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Uw bod was even hoog als een autobod van een andere gebruiker, waardoor deze wint. Bied nogmaals om de hoogste te worden.</span></p>');
							   }
						}
							// Check voor otherBids
							if (data.otherBids && data.otherBids.some(bid => bid.memberID == userId)) {
								if (data.sameAutoBid && data.sameAutoBid === 1) {
									  if (domainName === 'onlinekoiauktion.de') {
										 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Ein anderer Bieter war gerade vor Ihnen. Bitte versuchen Sie es erneut.</span></p>');
									  } else {
										 koiElement.find('.AutoBidMessage').html('<p class="text-center text-md-start"><span class="text-danger">Een andere bieder was u net voor. Probeer het opnieuw.</span></p>');
									  }
								} else {
									const userBid = data.otherBids.find(bid => bid.memberID == userId);
									let integerBid = parseInt(userBid.highestValue); 
									let formattedBid = formatPrice(integerBid);
									
									 if (domainName === 'onlinekoiauktion.de') {
										koiElement.find('.AutoBidMessage').html('<p class="text-center text-orange mb-1">Ihr gespeichertes automatisches Gebot von <span class="fw-bold">€ ' + formattedBid + '</span> ist niedriger als das aktuelle Gebot.</p>'); 
									 } else {
									   koiElement.find('.AutoBidMessage').html('<p class="text-center text-orange mb-1">Uw opgeslagen autobod van <span class="fw-bold">€ ' + formattedBid + '</span> is lager dan het huidige bod.</p>'); 
									 }
									 
								}
							}
							let integerBid = parseInt(data.bid);
							if (domainName === 'onlinekoiauktion.de') {
							  // Als de domeinnaam 'x' is en data.bid lager dan 60, zet integerBid2 op 60
							  if (integerBid < 60) {
								integerBid = 60;
							  }
							  // Als data.bid 60 of hoger is, blijft integerBid2 ongewijzigd
							} 
						 let formattedBid = formatPrice(integerBid);
						 let newMinValue = integerBid;
						 let newMinValueValue = formatPrice(newMinValue);
						 let formattedBidValue = integerBid; 
						 formattedBidValue = formatPrice(formattedBidValue); 
						 //console.log(data.bidCount);
						 
						 if (data.bidCount === 0) {
							 koiElement.find('.bidInput').val(formattedBid);
							 koiElement.find('.bidInput').attr('min', integerBid);
						 } else {
							// In hetzelfde deel waar je de andere event handlers voor koiElement instelt
							let bidSteps = [{"lower_limit":"0","upper_limit":"4","bid_step_value":"1"},{"lower_limit":"5","upper_limit":"149","bid_step_value":"5"},{"lower_limit":"150","upper_limit":"399","bid_step_value":"10"},{"lower_limit":"400","upper_limit":"999","bid_step_value":"15"},{"lower_limit":"1000","upper_limit":"9999","bid_step_value":"20"}];
							
							function getStepForCurrentValue(currentValue) {
								for (let step of bidSteps) {
									if (currentValue >= step.lower_limit && currentValue <= step.upper_limit) {
										return step.bid_step_value;
									}
								}
								return 1; // standaard stapwaarde als er geen match is
							}
							var stepValue = parseInt(getStepForCurrentValue(integerBid), 10);
							
							formattedBidValue = integerBid + 0; 
							newMinValue = integerBid + stepValue;
							newMinValueValue = formatPrice(newMinValue);
							
							// Haal de huidige waarde in de bidInput op en verwijder de formattering
							var currentBidInputValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
							
							// Update de bidInput alleen als de huidige waarde lager is dan newMinValue
							if (currentBidInputValue < newMinValue) {
								koiElement.find('.bidInput').val(newMinValueValue);
								
							}
							updateCoinsToEarn();
							koiElement.find('.bidInput').attr('min', newMinValue);
							//console.log(newMinValue);
						 }
						 //console.log(newMinValue);                 
						//koiElement.find('.bidInput').attr('step', 10000);
						 
						 let bidStep = (newMinValue - integerBid) * 100;
						 let bidStepValue = formatPrice(bidStep);
						 
						 //hier verder
						 let newQuickBidValue = newMinValue;
						 koiElement.find('.quickBidButton').attr('data-quick-bid', newMinValue);
						 koiElement.find('.QuickBid').html(newMinValueValue);
						 
						 
						 
						 koiElement.find('.currentBid').html(formattedBid);
						 
						 updateCoinsToEarn();
						 koiElement.find('.bidCount').text(data.bidCount);
						  koiElement.find('.bidButton').off('click').on('click', function(e) {
							   e.preventDefault();
							   var bidButton = $(this);
						   
							   if (!bidButton.hasClass('btn-place-bid-green')) {
								   bidButton.addClass('btn-place-bid-green');
								   bidButton.text("ZEKER WETEN? KLIK NOGMAALS.");
							   } else {
								   placeBid(koiElement);
								   
								   // Reset de knop na het plaatsen van het bod (optioneel)
								   bidButton.removeClass('btn-place-bid-green');
								   bidButton.text('PLAATS BOD');
							   }
						   });
						   
						   koiElement.find('.autoBidButton').off('click').on('click', function(e) {
							   e.preventDefault();
							   var autoBidButton = $(this);
						   
							   if (!autoBidButton.hasClass('btn-place-bid-green')) {
								   autoBidButton.addClass('btn-place-bid-green');
									autoBidButton.text("ZEKER WETEN? KLIK NOGMAALS.");
							   } else {
								   placeAutoBid(koiElement);
								   // Reset de knop na het plaatsen van de auto-bod (optioneel)
								   autoBidButton.removeClass('btn-place-bid-green');
								   autoBidButton.text('PLAATS AUTOBOD');
							   }
						   });
						  
						  koiElement.find('.quickBidButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  var quickBidValue = newMinValue; // Haal de waarde op uit het data-quick-bid attribuut en converteer het naar een integer
							  placeBid(koiElement, quickBidValue);  // Stuur de quickBidValue als een tweede parameter naar de placeBid functie
						  });
			
	
						  // //console.log('KoiList geïnitialiseerd:', koiList);
						   
						  var numberField = koiElement.find('.bidInput');
						  updateButtonStatus(koiElement);
						   
						  // In hetzelfde deel waar je de andere event handlers voor koiElement instelt
						  let bidSteps = [{"lower_limit":"0","upper_limit":"4","bid_step_value":"1"},{"lower_limit":"5","upper_limit":"149","bid_step_value":"5"},{"lower_limit":"150","upper_limit":"399","bid_step_value":"10"},{"lower_limit":"400","upper_limit":"999","bid_step_value":"15"},{"lower_limit":"1000","upper_limit":"9999","bid_step_value":"20"}];
						  
						  function getStepForCurrentValue(currentValue) {
							  for (let step of bidSteps) {
								  if (currentValue >= step.lower_limit && currentValue <= step.upper_limit) {
									  return step.bid_step_value;
								  }
							  }
							  return 1; // standaard stapwaarde als er geen match is
						  }
	
	
						  
						  koiElement.find('.incrementButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  //console.log('hierna');
							  var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // verwijder punten en parse als getal
							  
							  var stepValue = parseInt(getStepForCurrentValue(currentValue), 10);
							  
								//console.log(stepValue);
							  var newValue = currentValue + stepValue;  // optellen als getallen
							  
							  numberField.val(formatWithDots(newValue));
							  updateButtonStatus(koiElement);
							  checkBidValue(koiElement);
						  });
						  
						  koiElement.find('.decrementButton').off('click').on('click', function(e) {
							  e.preventDefault();
							  var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // verwijder punten en parse als getal
							  var stepValue = parseInt(getStepForCurrentValue(currentValue), 10);
							  var newValue = currentValue - stepValue;  // aftrekken als getallen
							  numberField.val(formatWithDots(newValue));
							  updateButtonStatus(koiElement);
							  checkBidValue(koiElement);
						  });
	
							// Nieuwe code voor de +25, +50, +75 knoppen met koiElement.find()
							koiElement.find('.bid-btn').each(function() {
								$(this).off('click').on('click', function(e) {
									e.preventDefault(); // Voorkom dat de pagina herlaadt bij het klikken op een link
									const bidValue = parseInt($(this).data('bid-value'));
									var currentValue = parseInt(numberField.val().replace(/\./g, ''), 10); // Verwijder punten en parse als getal
									var newValue = currentValue + bidValue; // Optellen als getallen
									numberField.val(formatWithDots(newValue)); // Update de input
									updateButtonStatus(koiElement); // Update de status van de knoppen (indien nodig)
									checkBidValue(koiElement); // Controleer de nieuwe biedwaarde (indien nodig)
								});
							});
						  
					 
					  
					   } else {
						  //console.log(data);
						   console.log("Unhandled action:", data.action);
					   }
					
				  }
				  
				  // Voeg error event listener toe
				  conn.onerror = function(error) {
					  console.error('WebSocket Error:', error);
				  };

				  
			let retryInterval = 1000;  // Start bij 1 seconde
			const maxRetryInterval = 60000;  // Maximaal 1 minuut
			
			conn.onclose = function(event) {
				if (event.wasClean) {
					console.log(`Verbinding gesloten. Reden: ${event.reason} Code: ${event.code}`);
				} else {
					console.log(`Verbinding abrupt verbroken!. Reden: ${event.reason} Code: ${event.code}`);
					setTimeout(() => {
						connectToWebSocket();
						
						// Verdubbel de wachttijd voor de volgende poging
						if (retryInterval < maxRetryInterval) {
							retryInterval *= 2;
						}
					}, retryInterval);  // Probeer opnieuw verbinding te maken na 5 seconden.
				}
			};
		}
	let overbids = new Set();
		let highestBids = new Set();
		
		function updateCoinsToEarn() {
			const currentBidSpan = document.querySelector('.currentBid');
			const currentAutoBidSpan = document.querySelector('.AutoBidValue');
			const bidInput = document.querySelector('.bidInput');
			const coinsToEarnSpan = document.querySelector('.coinsToEarn');
		
			// Controleer of de elementen bestaan
			const currentBidText = currentBidSpan ? currentBidSpan.textContent.replace(/\./g, '') : '0';
			const currentAutoBidText = currentAutoBidSpan ? currentAutoBidSpan.textContent.replace(/\./g, '') : '0';
			const bidValueText = bidInput ? bidInput.value.replace(/\./g, '') : '0';
		
			// Converteer de opgeschoonde tekst naar drijvende komma getallen
			const currentBid = parseFloat(currentBidText);
			const currentAutoBid = parseFloat(currentAutoBidText);
			const bidValue = parseFloat(bidValueText);
		
			if (!isNaN(currentBid) && !isNaN(bidValue)) {
				let difference; // Declareer de variabele buiten de if/else blokken
				
				if (currentAutoBidSpan && !isNaN(currentAutoBid)) { // Controleer of currentAutoBidSpan bestaat
					difference = Math.max(0, bidValue - currentAutoBid);
				} else {
					difference = Math.max(0, bidValue - currentBid);
				}
				const formattedDifference = difference.toLocaleString(); // Voeg punten toe aan het resultaat
				if (coinsToEarnSpan) { // Controleer of coinsToEarnSpan bestaat
					coinsToEarnSpan.textContent = formattedDifference;
				}
			} else {
				if (coinsToEarnSpan) { // Controleer of coinsToEarnSpan bestaat
					coinsToEarnSpan.textContent = '0';
				}
			}
		}





		
		function updateBellState() {
			const total = overbids.size;
		  //  console.log(`Overbids: ${overbids.size}, Highest Bids: ${highestBids.size}, Total: ${total}`);
			
			if (overbids.size > 0) {
			//    console.log("Making bell clickable.");
				makeBellClickable();
			} else {
			  //  console.log("Making bell non-clickable.");
				makeBellNonClickable();
			}
		}
		
		function userWasOutbid(koiId) {
			//overbids.add(koiId);
			//highestBids.delete(koiId); // In geval dat deze koi zich al in highestBids bevond
			//console.log(`User was outbid for koi ${koiId}.`);
			//updateBellState();
		}
		
		function userBecameHighestBidder(koiId) {
			highestBids.add(koiId);
			overbids.delete(koiId); // In geval dat deze koi zich al in overbids bevond
			//console.log(`User became highest bidder for koi ${koiId}.`);
			updateBellState();
		}
	
		
	function makeBellClickable() {
			const notificationIcon = document.getElementById('notification-icon');
				
			notificationIcon.classList.add('fa-beat-fade');
			notificationIcon.classList.add('text-danger');
			notificationIcon.classList.remove('opacity-50');
		}
		
		function makeBellNonClickable() {
			//const notificationIcon = document.getElementById('notification-icon');
			
			//notificationIcon.classList.remove('fa-beat-fade');
			//notificationIcon.classList.remove('text-danger');
			//notificationIcon.classList.add('text-secondary');
			//notificationIcon.classList.add('opacity-50');
		}
	
	
			 function placeBid(koiElement, quickBidValue) {
				 var bidValue = quickBidValue || parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10); // Gebruik quickBidValue als het is meegegeven, anders haal de waarde uit het input veld
				 var userId = $('#userID').attr('data-user-id');
				 var koiId = koiElement.attr('data-koi-id');
				 var coinsToEarn = parseInt(koiElement.find('.coinsToEarn').text().replace(/\./g, ''), 10);

			 	//console.log(coinsToEarn);
				 
				 var bidData = {
				   action: 'placeBid',
				   userId: userId,
				   koiId: koiId,
				   bid: bidValue,
				   coins: 0
				 };
			 
				 try {
					 conn.send(JSON.stringify(bidData));
				 } catch (error) {
					 console.error('Fout bij het verzenden van gegevens naar de WebSocket:', error);
				 }

			 }
	
		 
		 
		 function placeAutoBid(koiElement) {
			 var bidValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
			  var userId = $('#userID').attr('data-user-id');
			  var koiId = koiElement.attr('data-koi-id');
			   var coinsToEarn = parseInt(koiElement.find('.coinsToEarn').text().replace(/\./g, ''), 10);
		   
			 var bidData = {
				 action: 'placeAutoBid',
				 userId: userId,
				 koiId: koiId,
				 bid: bidValue,
				 coins: 0
			 };
		   
			 conn.send(JSON.stringify(bidData));
		 }
		 
		 function checkBidValue(koiElement) {
		   var bidValue = parseInt(koiElement.find('.bidInput').val().replace(/\./g, ''), 10);
			  //currentHighestBid = parseInt(currentHighestBid.toString().replace(/\./g, ''), 10);
		 
			  //console.log('dit is het vergelijk bod.');
			  //console.log(bidValue);
			  				 $('#bidButton').prop('disabled', false);
				  $('#AutoBidButton').prop('disabled', false);
				  updateCoinsToEarn();
			  
		  }
		  
		  // Update de functie om een koiElement parameter te accepteren
		  function updateButtonStatus(koiElement) {
			  var numberField = koiElement.find('.bidInput');
			  var value = numberField.val() || '0'; // Standaardwaarde als undefined of leeg
			  var minValueAttr = numberField.attr('min') || '0'; // Standaardwaarde voor 'min' als undefined
		  
			  // Parse de waarden naar integers
			  var currentValue = parseInt(value.replace(/\./g, ''), 10);
			  var minValue = parseInt(minValueAttr.replace(/\./g, ''), 10);
		  
			  var decrementButton = koiElement.find('.decrementButton');
			  decrementButton.prop('disabled', currentValue <= minValue);
		  }


		  
		  // Jouw bestaande formatWithDots functie kan waarschijnlijk blijven zoals die is
		  function formatWithDots(num) {
			  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
		  }
	
	  });
	
	  </script>
	  <script>$(document).ready(function(){var numberField=koiElement.find('.bidInput');var decrementButton=$('.decrementButton');var incrementButton=$('.incrementButton');updateButtonStatus();function updateButtonStatus(){var currentValue=parseInt(numberField.val().replace(/\./g,''),10);var minValue=parseInt(numberField.attr('min').replace(/\./g,''),10);decrementButton.prop('disabled',currentValue===minValue);}function formatWithDots(num){return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".");}});</script>
	
	
	<!-- hier is begin van oude html bottom -->
	 <script>$(document).ready(function(){if(!sessionStorage.getItem('modalShown')){sessionStorage.setItem('modalShown','true');}});</script>
	
	<script>var input=document.querySelector("#phone"),button=document.querySelector("#buttonVerify");const phoneInputField=document.querySelector("#phone");const phoneInput=window.intlTelInput(phoneInputField,{separateDialCode:true,preferredCountries:["nl","be","de","dk","at","lu"],nationalMode:true,utilsScript:"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",});var handleChange=function(){var text=(phoneInput.isValidNumber())?"International: "+phoneInput.getNumber():"Please enter a number below";var textNode=document.createTextNode(text);$("#phone2").val(phoneInput.getNumber());};input.addEventListener('change',handleChange);input.addEventListener('keyup',handleChange);</script>
	 <script src="/js/list.min.js.pagespeed.ce.xeF1Pxl6Da.js"></script>
	<script type="text/javascript">document.addEventListener('DOMContentLoaded',function(){cookieconsent.run({"notice_banner_type":"headline","consent_type":"express","palette":"light","language":"nl","website_name":"Onlinekoiveiling.nl","cookies_policy_url":"https://www.onlinekoiveiling.nl/privacy/"});});</script>
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.34/moment-timezone-with-data.min.js"></script>
	
	   
		<script src="/js/jquery.countdown.min.js.pagespeed.jm.m054IrAmme.js"></script>
		   
		   <script type="text/javascript">$('[data-countdown]').each(function(){var $this=$(this);var finalDate=$(this).data('countdown');var endDate=moment.tz(finalDate,'Europe/Amsterdam');setInterval(function(){var now=moment();var nowInAmsterdam=now.tz('Europe/Amsterdam');var distance=endDate.diff(nowInAmsterdam);if(distance<300000){$this.html('Eindigt binnen 5 min..');}else if(distance<=0){$this.html('Veiling gesloten');}else{var duration=moment.duration(distance);var days=Math.floor(duration.asDays());var hours=duration.hours();var minutes=duration.minutes();var seconds=duration.seconds();var countdownString="";if(days>0){if(days>1){countdownString+=days+" <strong><small>dagen</small></strong> ";}else{countdownString+=days+"<strong><small>dag</small></strong> ";}}countdownString+=hours.toString().padStart(2,"0")+":"+minutes.toString().padStart(2,"0")+":"+seconds.toString().padStart(2,"0")+"";$this.html(countdownString);}},1000);});</script>
	
		  <script type="text/javascript">var options2={valueNames:['sortTitle','breeder','koiAge','datecreated','sortDate','sortPrice','sortLength','sortBids','sortAge']};var auctionlist=new List('auctionlist',options2);auctionlist.sort('sortDate',{order:'asc'});$('#filter-none').click(function(){$('.search').val('');auctionlist.sort('sortPrice',{order:'desc'});auctionlist.search();return false;});auctionlist.on('searchComplete',function(e){if(e.matchingItems.length==0){$('.not-found').show();document.getElementsByClassName('className')[0].style.display="block";document.getElementById("elementID").style.display="block";}else{$('.not-found').hide();document.getElementsByClassName('className')[0].style.display="hidden";document.getElementById("elementID").style.display="hidden";}});$('#listBreeders a').click(function(e){var txt=$(e.target).attr("value");$('.search').val(txt);auctionlist.search(txt);});$('#listVariety a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);auctionlist.search(txt);});</script>
		  <script type="text/javascript">var options={valueNames:['sortTitle','breeder','koiAge','datecreated','sortPrice','sortLength']};var koilist=new List('koilist',options);koilist.sort('datecreated',{order:'desc'});$('#filter-none').click(function(){$('.search').val('');koilist.search();return false;});koilist.on('searchComplete',function(e){if(e.matchingItems.length==0){$('.not-found').show();document.getElementsByClassName('className')[0].style.display="block";document.getElementById("elementID").style.display="block";}else{$('.not-found').hide();document.getElementsByClassName('className')[0].style.display="none";document.getElementById("elementID").style.display="none";}});$('#listBreeders a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);koilist.search(txt);});$('#listVariety a').click(function(e){var txt=$(e.target).text();$('.search').val(txt);koilist.search(txt);});</script>
			
	   
	<script type="text/javascript">$('#buyPopup').on('show.bs.modal',function(event){var button=$(event.relatedTarget)
var koiid=button.data('koiid')
var koinr=button.data('koinr')
var koilink=button.data('koilink')
var koiname=button.data('koiname')
var koiprice=button.data('koiprice')
koipriceexcl=koiprice/1.21
koipricebtw=koiprice-koipriceexcl
const format=(num,decimals)=>num.toLocaleString('nl-NL',{minimumFractionDigits:2,maximumFractionDigits:2,});var modal=$(this)
modal.find('.modal-title').text(koiname+' - '+koinr+' kopen')
modal.find('.detail-code').text(koinr)
modal.find('.detail-name').text(koiname)
modal.find('.detail-priceexcl').text(format(koipriceexcl))
modal.find('.detail-btw').text(format(koipricebtw))
modal.find('.detail-price').text(format(koiprice))
modal.find('.payTitle').val(koinr+' - '+koiname)
modal.find('.amount').val(format(koiprice))
modal.find('.koiid').val(koiid)
modal.find('.koilink').val(koilink)})</script>
	
	<script type="text/javascript">var $wrapper=$('.koilist');$wrapper.find('.koi').sort(function(a,b){return+a.dataset.name-+b.dataset.name;}).appendTo($wrapper);</script>
	
	 <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.2.js"></script>
	 	<!-- Go to www.addthis.com/dashboard to customize your tools -->
	<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f11be7e9bb7dba3"></script>
	  <!-- IE 10+ / Edge support via babel-polyfill: https://babeljs.io/docs/en/babel-polyfill/ -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js"></script>
	<script>let auctionTimers={};let divs=document.querySelectorAll('.autoHeightTitle');let maxHeight=0;divs.forEach(function(div){let height=div.clientHeight;if(height>maxHeight){maxHeight=height;}});divs.forEach(function(div){div.style.height=maxHeight+'px';});</script>
	
	</body>
	</html>