
function updateProductCount(url) {
	waarde = $('#productaantal').val();
	url = url.replace("/a/1/", "/a/"+waarde+"/");
	$('#addwinkelmandje').attr('href', url);
}



// *****************************************************************
// Winkelmand functions
// *****************************************************************

function winkelmandLeverError(productids, errormsg) {
	producten = productids.split(', ');
		
	for(var i in producten)
	{
		$('#product' + producten[i]).addClass("rodekader");
	}
	
	$('#feedback').html('<ul class="foutboodschap"><li>' + errormsg + '</li></ul>');
}

function countUp(ctrObject) {
	waarde = $(ctrObject).val();
	waarde = parseInt(waarde) + 1;
	$(ctrObject).val(waarde);
}

function countDown(ctrObject) {
	waarde = $(ctrObject).val();
	waarde = parseInt(waarde) - 1;
	
	if (parseInt(waarde) < 1) {
		waarde = 1;
	}
	
	$(ctrObject).val(waarde);
}

function wizard_deleteProduct(productid, url, confirmmsg) {
	var answer = confirm(confirmmsg)
	if (answer){
		$('#divWinkelmandjeLijst').load(url+'?productid=' + productid + '&aantal=0&showconflicts=1');
	}
}


function wizard_higherProductCount(productid, url) {
		
	waarde = $('#productaantal_'+productid).val();
	waarde = parseInt(waarde) + 1;
	$('#productaantal_'+productid).val(waarde);

	$('#divWinkelmandjeLijst').load(url+'?productid=' + productid + '&aantal=' + waarde);
}

function wizard_lowerProductCount(productid, url) {
	
	waarde = $('#productaantal_'+productid).val();
	waarde = parseInt(waarde) - 1;
	if (waarde < 1) {
		waarde = 1;
	}
	$('#productaantal_'+productid).val(waarde);
	
	$('#divWinkelmandjeLijst').load(url+'?productid=' + productid + '&aantal=' + waarde);
}

function handleForm(besteltype) {
	$('#besteltype').val(besteltype);
	
	$('#frmBestelling').submit();
}

//*****************************************************************

function productOver(blokid) {
	$('#'+blokid).addClass('productBlokOver');

	if (!$('#'+blokid).hasClass('first')) {
		$('#'+blokid+' > .title').addClass('titleover'); 
	}
	
}

function productOut(blokid) {
	$('#'+blokid).removeClass('productBlokOver');
		
	if (!$('#'+blokid).hasClass('first')) {
		$('#'+blokid+' .titleover').removeClass('titleover');
	}
}
// *****************************************************************
// PRODUCT AJAX GRID STUFF
//*****************************************************************

function changePage(page, catid, merk) {
	$('#loadingPane').show();
	$('#productenContent').hide();
	  if(catid) {    $.post(changePageAjaxUrl, { curpage: page, currentCatid: catid, currentMerk: merk },              function(data) {                  $('#productenContent').html(data);                  $('#loadingPane').hide();                  $('#productenContent').show();              }          );  }  else {    $.post(changePageAjaxUrl, { curpage: page},              function(data) {                  $('#productenContent').html(data);                  $('#loadingPane').hide();                  $('#productenContent').show();              }          );  }
}
//*****************************************************************

var bannercounter = 0;

function nivoChange() {
	bannercounter = bannercounter + 1;
	clearAllBannerButtons();
	$("#abanner"+bannercounter).addClass("active");
}

function nivoEnd() {
	bannercounter = -1;
}

function clearAllBannerButtons() {
	$(".abanner.active").removeClass("active");
}

function gotoBanner(nr) {

	//alert("goto: "+nr);
	
	clearAllBannerButtons();

	$("#abanner"+nr).addClass("active");

	bannercounter = nr;
	
	//$('#slider').data('nivo:vars').stop = true;

	// Stop the slider

	$('#slider').data('nivo:vars').stop = true;

	// Remove traces of Nivo

	$('#slider').find('div.nivo-slice').remove();

	$('#slider').find('div.nivo-caption').remove();

	$('#slider').find('div.nivo-controlNav').remove();

	$(window).unbind('keypress');

	// Re-Initialize
	
	$('#slider').nivoSlider({
		effect:'sliceDown', //Specify sets like: 'fold,fade,sliceDown'
		slices:15,
		animSpeed:500, //Slide transition speed
		pauseTime:5000,
		startSlide:nr, //Set starting Slide (0 index)
		directionNav:false, //Next & Prev
		directionNavHide:true, //Only show on hover
		controlNav:false, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      	//controlNavThumbsFromRel:false, //Use image rel for thumbs
		//controlNavThumbsSearch: '.jpg', //Replace this with...
		//controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:false, //Use left & right arrows
		pauseOnHover:false, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8 //Universal caption opacity
	});

	$('#slider').data('nivo:vars').stop = true;
	//setTimeout("stopnivo()",500);

	
}

function stopnivo() {
	$('#slider').data('nivo:vars').stop = true;
}

/****************************************************************************/
// AUTOCOMPLETE

$(function() {

	if ($("#searchkeyword").length > 0) {
	
	$( "#searchkeyword" ).autocomplete({
		source: "/searchbox/",
		minLength: 2,
		select: function( event, ui ) {
			location.href =  ui.item.link; 
			//log( ui.item ?
			//	"Selected: " + ui.item.value + " aka " + ui.item.id :
			//	"Nothing selected, input was " + this.value );
		}
	})
	.data( "autocomplete" )._renderItem = function( ul, item ) {
		/*var output = '';
		for (property in item) {
		  output += property + ': ' + item[property]+'; ';
		}
		alert(output);*/


			return $( "<li></li>" )
				.data( "item.autocomplete", item )
				
				//item.id
				//item.foto
				//item.link
				//item.naam
				//item.ondertitel
				
				.append( "<a href='" + item.link + "'><img src='" + item.foto + "' /><span>" + item.naam + "</span><br>" + item.ondertitel + "</a>" )
				.appendTo( ul );
		};

	}
	
	/*$( "#searchkeyword" ).autocomplete({
		source: function(request, response) {
			
	      $.get("/searchbox/?term=" + $("#searchkeyword").val(), function(data) {
	        var result = $.map($.trim(data).split("\n"), function(row) {
	          var split = row.split("|");
	          	          
	          return {
	            id: split[0],
	            value: split[1]
	          };
	        });
	        response(result);
	      });
	    },
		minLength: 2,
		select: function( event, ui ) {
			//log( ui.item ?
			//	"Selected: " + ui.item.value + " aka " + ui.item.id :
			//	"Nothing selected, input was " + this.value );
		}
	});*/
});


$(document).ready(function() {

	
	/* if ($('#searchkeyword').length) {
		 $("#searchkeyword").autocomplete('/searchbox/');
	 }
	 
	 $("#searchkeyword").focus(function() {
		 var ac = $("#searchkeyword").data('autocompleter');
			if (ac && $.isFunction(ac.cacheFlush)) {
				ac.cacheFlush();
			}
	    });*/
	/*$("#flush").click(function() {
		var ac = $("#ac1").data('autocompleter');
		if (ac && $.isFunction(ac.cacheFlush)) {
			ac.cacheFlush();
		} else {
			alert('Error flushing cache');
		}
	});

	$("#ac2").autocomplete({
		url: 'temp/search.php',
		sortFunction: function(a, b) {
			a = String(a.data[0]).toLowerCase();
			b = String(b.data[0]).toLowerCase();
			if (a > b) {
				return 1;
			}
			if (a < b) {
				return -1;
			}
			return 0;
		},
		showResult: function(value, data) {
			return '<span style="color:red">' + value + '</span>';
		},
		onItemSelect: function(item) {
		    var text = 'You selected ' + item.value;
		    if (item.data.length) {
		        text += ' [' + item.data.join(', ') + ']';
		    }
		    alert(text);
		}
	});

    $("#toggle").click(function() {
    	$("#hide").toggle(); // To test repositioning
    });
	 */	
});



function positionMenu() {
        $(".subnav").each(function(){
                var positionNav = $(this).offset();
                var screenWidth = $(window).width();
               if((screenWidth / 2) < positionNav.left) {
                       $(this).css({
                               "right": "0px",
                               "left": "auto"
                       });
               }
        });
}

$(document).ready(function() {
	positionMenu();
});

function wisWinkelmand(productid, url) {
	
	$.get(url+'?productid=' + productid, function(response) { reloadTopNav(); })
	//$('#divTopNav').load(url+'?productid=' + productid + '&rnd=' + Math.random());
	
}

//*****************************************************************
// Winkelkeuze scripts
//*****************************************************************

function setWinkel(winkel) {
	
	$('#winkel').val(winkel);
	highlightWinkel(winkel);
	
	$('#vink1').css('display', 'none');
	$('#vink2').css('display', 'none');
	$('#vink3').css('display', 'none');
	
	if (winkel == 'aarschot') {
		$('#vink1').css('display', 'block');
	} else if (winkel == 'haacht') {
		$('#vink2').css('display', 'block');
	} else if (winkel == 'hasselt') {
		$('#vink3').css('display', 'block');
	}
}

function highlightWinkel(winkel) {
	//location1 - location2 - location3
	// aarschot - haacht - hasselt
	
	$('#bolaarschot').removeClass('active');
	$('#bolhaacht').removeClass('active');
	$('#bolhasselt').removeClass('active');
	
	$('#maplocation1').removeClass('bg');
	$('#maplocation2').removeClass('bg');
	$('#maplocation3').removeClass('bg');
	
	$('#number1').removeClass('number');
	$('#number2').removeClass('number');
	$('#number3').removeClass('number');
	$('#number1').removeClass('number-active');
	$('#number2').removeClass('number-active');
	$('#number3').removeClass('number-active');
	
	
	
	if (winkel == 'aarschot') {
		$('#bolaarschot').addClass('active');
		$('#maplocation1').addClass('bg');
		$('#number1').addClass('number-active');
		$('#number2').addClass('number');
		$('#number3').addClass('number');
		//$('#vink1').css('display', 'block');
	} else if (winkel == 'haacht') {
		$('#bolhaacht').addClass('active');
		$('#maplocation2').addClass('bg');
		$('#number1').addClass('number');
		$('#number2').addClass('number-active');
		$('#number3').addClass('number');
		//$('#vink2').css('display', 'block');
	} else if (winkel == 'hasselt') {
		$('#bolhasselt').addClass('active');
		$('#maplocation3').addClass('bg');
		$('#number1').addClass('number');
		$('#number2').addClass('number');
		$('#number3').addClass('number-active');
		//$('#vink3').css('display', 'block');
	} else {
		$('#number1').addClass('number');
		$('#number2').addClass('number');
		$('#number3').addClass('number');
	}
}

function clearWinkel() {
	var activeWinkel = $('#winkel').val();
	
	setWinkel(activeWinkel);
	
}

function winkelSubmit(errormsg) {
	
	var activeWinkel = $('#winkel').val();
	
	if (activeWinkel == '') {
		$('#feedback').html('<ul class="foutboodschap"><li>' + errormsg + '</li></ul>');
	} else {
		$('#frmWinkels').submit();
	}
}

//*****************************************************************


//*****************************************************************
// Winkelmand functies gunther drop down
//*****************************************************************
function initMenu() {
	$('ul.liststyle4 ul').hide();
	$('ul.liststyle4 ul.current').show();
	$('ul.liststyle4 li .showsub').click(function() {
		var checkElement = $(this).next();
		var checkLink = $(this).prev();
		if((checkElement.is('ul')) && (checkElement.is(':visible'))){
			return false;
		}
		if((checkElement.is('ul')) && (!checkElement.is(':visible'))){
			$('ul.liststyle4 ul:visible').slideUp('slow');
			checkElement.slideDown('normal');
			$('ul.liststyle4 li a').removeClass('active');
			checkLink.addClass('active');
			return false;
		}
	});
}

function positionMenu() {
	$(".subnav").each(function(){
		var positionNav = $(this).offset();
		var screenWidth = $(window).width();
		if((screenWidth / 2) < positionNav.left) {
			$(this).css({
				"right": "0px",
				"left": "auto"
			});
		}
	});
}

//*****************************************************************


//*****************************************************************
// LOGINBOX & BESTELWIZARD FUNCTIES
//*****************************************************************
function doLoginBox(url, topnavurl) {
	var email = $('#frmLoginBox #txtEmail').val();
	var pasw = $('#frmLoginBox #txtPassword').val();
	var result = 'NOK';
	var error = '';
	
	$.getJSON(url, { email: email, pasw: pasw }, function(json){
		result = json.result;
				
		if (result == 'OK') {
			$('#divLoginBox').hide();
			$('#divTopNav').load(topnavurl);
						
			if ($('#frmOrder #txtEmail').val() == '') {
				$('#frmOrder #txtEmail').val(json.userdata['Email']);
			}
			
			if ($('#frmOrder #txtVoornaam').val() == '') {
				$('#frmOrder #txtVoornaam').val(json.userdata['Voornaam']);
			}
			
			if ($('#frmOrder #txtNaam').val() == '') {
				$('#frmOrder #txtNaam').val(json.userdata['Achternaam']);
			}
			
			if ($('#frmOrder #txtStraat').val() == '') {
				$('#frmOrder #txtStraat').val(json.userdata['Straat']);
			}
			
			if ($('#frmOrder #txtNummer').val() == '') {
				$('#frmOrder #txtNummer').val(json.userdata['Nummer']);
			}
			
			if ($('#frmOrder #txtBus').val() == '') {
				$('#frmOrder #txtBus').val(json.userdata['Bus']);
			}
			
			if ($('#frmOrder #txtPostcode').val() == '') {
				$('#frmOrder #txtPostcode').val(json.userdata['Postcode']);
			}
			
			if ($('#frmOrder #txtGemeente').val() == '') {
				$('#frmOrder #txtGemeente').val(json.userdata['Gemeente']);
			}
			
			if ($('#frmOrder #lstLand').val() == '') {
				$('#frmOrder #lstLand').val(json.userdata['Land']);
			}
			
			if ($('#frmOrder #txtTelefoon').val() == '') {
				$('#frmOrder #txtTelefoon').val(json.userdata['Telefoon']);
			}
			
			$('#divAccount').hide();
			
			if (json.userdata['mailing'] == 1) {
				$('#divMailing').hide();
			}
			

			if (json.userdata['BTWPlichtig'] == 1 || json.userdata['BTWnr'] != '' || json.userdata['Bedrijfsnaam'] != '') {
				// set checked
				$('#tblFactuur').show();
				$('#chkFactuur').attr('checked', true);
			
				if ($('#frmOrder #txtBtw').val() == '') {
					$('#frmOrder #txtBtw').val(json.userdata['BTWnr']);
				}
				
				if ($('#frmOrder #txtBedrijfsnaam').val() == '') {
					$('#frmOrder #txtBedrijfsnaam').val(json.userdata['Bedrijfsnaam']);
				}
				
				$('#frmOrder #rbtBtwPlichtig').val(json.userdata['BTWPlichtig']);
			}
			
			
			if ($('#chkLeverAdres').is(':checked')) {
				// Prefill these fields also
				copyLeverAdresInfo();
			}
			
		} else {
			$('#loginBoxFeedback').html(json.error);	
		}
	});
}

function copyLeverAdresInfo() {
	if ($('#frmOrder #txtLeverVoornaam').val() == '') {
		$('#frmOrder #txtLeverVoornaam').val($('#frmOrder #txtVoornaam').val());
	}
	
	if ($('#frmOrder #txtLeverNaam').val() == '') {
		$('#frmOrder #txtLeverNaam').val($('#frmOrder #txtNaam').val());
	}
	
	if ($('#frmOrder #txtLeverStraat').val() == '') {
		$('#frmOrder #txtLeverStraat').val($('#frmOrder #txtStraat').val());
	}
	
	if ($('#frmOrder #txtLeverNummer').val() == '') {
		$('#frmOrder #txtLeverNummer').val($('#frmOrder #txtNummer').val());
	}
	
	if ($('#frmOrder #txtLeverBus').val() == '') {
		$('#frmOrder #txtLeverBus').val($('#frmOrder #txtBus').val());
	}
	
	if ($('#frmOrder #txtLeverPostcode').val() == '') {
		$('#frmOrder #txtLeverPostcode').val($('#frmOrder #txtPostcode').val());
	}
	
	if ($('#frmOrder #txtLeverGemeente').val() == '') {
		$('#frmOrder #txtLeverGemeente').val($('#frmOrder #txtGemeente').val());
	}
	
	if ($('#frmOrder #lstLeverLand').val() == '') {
		$('#frmOrder #lstLeverLand').val($('#frmOrder #lstLand').val());
	}
	
}

function showHideFactuurinfo() {
	if ($('#chkFactuur').is(':checked')) {
		$('#tblFactuur').show();
	} else {
		$('#tblFactuur').hide();
	}
}

function showHideLeverinfo() {
	if ($('#chkLeverAdres').is(':checked')) {
		$('#tblLeveradres').show();
		
		copyLeverAdresInfo();
	} else {
		$('#tblLeveradres').hide();
	}
}

function cleanPasw() {
	var pasw = $('#frmLoginBox #txtPassword').val();
	
	if (pasw == 'Paswoord') {
		$('#frmLoginBox #txtPassword').val('');
	}
}

function cleanEmail() {
	var email = $('#frmLoginBox #txtEmail').val();
	
	if (email == 'E-mail') {
		$('#frmLoginBox #txtEmail').val('');
	}
}

function restorePasw() {
	var pasw = $('#frmLoginBox #txtPassword').val();
	
	if (pasw == '') {
		$('#frmLoginBox #txtPassword').val('Paswoord');
	}
}

function restoreEmail() {
	var email = $('#frmLoginBox #txtEmail').val();
	
	if (email == '') {
		$('#frmLoginBox #txtEmail').val('E-mail');
	}
}
//*****************************************************************


//*****************************************************************
//Betaalkeuze scripts
//*****************************************************************

function setBetaal(betaalmethode) {
	
	$('#tblBetaalkeuze tr td span.betaalvink').removeClass("inactive-vink");
	$('#tblBetaalkeuze tr td span.betaalvink').removeClass("vink");
	$('#tblBetaalkeuze tr td span.betaalvink').addClass("inactive-vink");
	$('#tblBetaalkeuze tr').removeClass('bg');
	
	$('#betaalmethode').val(betaalmethode);
	highlightBetaal(betaalmethode);
	
	/*$('#vink_bankcontact').addClass("inactive-vink");
	$('#vink_kredietkaart').addClass("inactive-vink");
	$('#vink_ing').addClass("inactive-vink");
	$('#vink_kbc').addClass("inactive-vink");
	$('#vink_dexia').addClass("inactive-vink");
	$('#vink_paypal').addClass("inactive-vink");
	$('#vink_ideal').addClass("inactive-vink");
	$('#vink_bank').addClass("inactive-vink");*/
	
	$('#vink_' + betaalmethode).css('display', 'block');
	
	//$('#tblBetaalkeuze tr td span').removeClass("inactive-vink");
	
}

function highlightBetaal(betaalmethode) {
	
	/*$('#row_bankcontact').removeClass('bg');
	$('#row_kredietkaart').removeClass('bg');
	$('#row_ing').removeClass('bg');
	$('#row_kbc').removeClass('bg');
	$('#row_dexia').removeClass('bg');
	$('#row_paypal').removeClass('bg');
	$('#row_ideal').removeClass('bg');
	$('#row_bank').removeClass('bg');*/
	
	
	
	//$('#tblBetaalkeuze tr td span').removeClass("inactive-vink");
	//$('#tblBetaalkeuze tr td span').removeClass("vink");
	$('#vink_' + betaalmethode).removeClass('inactive-vink');
	$('#vink_' + betaalmethode).addClass('vink');
	//
	
	$('#row_' + betaalmethode).addClass('bg');

}

function clearBetaal() {
	var activeBetaal = $('#betaalmethode').val();
	
	setBetaal(activeBetaal);
	
}

function betaalSubmit(errormsg) {
	
	var activeBetaal = $('#betaalmethode').val();
	
	if (activeBetaal == '') {
		$('#feedback').html('<ul class="foutboodschap"><li>' + errormsg + '</li></ul>');
	} else {
		$('#frmBetaalkeuze').submit();
	}
}

//*****************************************************************

