var DEBUG = true, LOG = true;
function debug(obj){ if ((DEBUG === true) && (window.console && console.debug)){ console.debug(obj); } }
function log(obj){ if ((LOG === true) && (window.console && console.log)){ console.log(obj); } }

var strVorigePostcode = "";
var strVorigeHuisnummer = "";

// Enter in ajax veld afvangen
var inputDelayer=delayTimer(625);

$(document).ready(function() {
	//init
	var timeout = 5000;
	var timer;
	
	//homepage nav
	$('#hotlinks li').hover(function(){
		$(this)
		.addClass('sfhover')
		.find('ul')
		.show();
		clearTimeout(timer);
		Cufon.refresh('#hotlinks a.link');
	},
	function(){
		$(this)
		.removeClass('sfhover')
		.find('ul')
		.hide();
		Cufon.refresh('#hotlinks a.link');
	});

	$('#hotlinks .close').click(function(){
		var li = $(this).parents('li');
		li
		.removeClass('sfhover')
		.find('ul')
		.hide();
		return false;
	});

	$('.dropdown-select a').click(function(event){
		var li = $(this).parents('.dropdown-select');

		if(li.hasClass('sfhover')){
			li.removeClass('sfhover');
			li.find('.dropdown-select-popup').hide();
			$('body').unbind('click');
		}else{
			li.addClass('sfhover');
			li.find('.dropdown-select-popup').show();
			clearTimeout(timer);

			$('body').click(function(e) {
				if (!$(e.target).parents().andSelf().is('.dropdown-select.sfhover')) {
					// Hide the menus
					li.removeClass('sfhover');
					li.find('.dropdown-select-popup').hide();
					$('body').unbind('click');
				}
			});
		}

		event.stopPropagation();
		return false;
	});

	//Toegevoegd op 31-08-2010 voor het sluiten van de filter menu's
	$('.close_btn').click(function(){
		$(this).parent().parent().parent().parent().removeClass('sfhover');
		$(this).parent().parent().parent().find('.dropdown-select-popup').hide();
	});

	$('#mainNav').hover(function() {
		if ($('#panorama-links').length)
			$('#panorama-links iframe').css('visibility','hidden');
	}, function() {
		if ($('#panorama-links iframe').length)
			$('#panorama-links iframe').css('visibility','visible');
	});
	

	//homepage carousel
	var blnActive = true;
	function billboard_initCallback(carousel,state) {
		var billboardLength = $('#billboard-list li').size();

		for (var i=1;i<billboardLength+1;i++){
			$('#billboard .controls').append('<a href="">'+i+'</a>');
		}
		$('#billboard .controls').append('<a href="" class="pauze" id="toggleControl">&nbsp;</a>');
		Cufon.refresh('.controls a', { hover: true });

		$('#billboard-list').mouseenter(function() {
			if (blnActive == true) {
				carousel.stopAuto();
			}
		});
		$('#billboard-list').mouseout(function() {
			if (blnActive == true) {
				carousel.startAuto();
			}
		});

		$('#billboard .controls a#toggleControl').bind('click', function() {
			if ($(this).attr('className') == 'play') {
				$(this).attr('className', 'pauze');
				blnActive = true;
				carousel.startAuto();
			} else {
				$(this).attr('className', 'play');
				blnActive = false;
				carousel.stopAuto();
			}
			return false;
		});
		$('#billboard .controls a').filter('[class!=pauze]')
		.bind('click', function() {
			$('#billboard .controls a#toggleControl').attr('className', 'pauze');
			blnActive = true;
			carousel.startAuto();
			carousel.scroll(jQuery.jcarousel.intval($(this).text()));
			return false;
		});
		$('#billboard .next').bind('click', function() {
			$('#billboard .controls a#toggleControl').attr('className', 'pauze');
			blnActive = true;
			carousel.startAuto();
			carousel.next();
			return false;
		});
		$('#billboard .prev').bind('click', function() {
			$('#billboard .controls a#toggleControl').attr('className', 'pauze');
			blnActive = true;
			carousel.startAuto();
			carousel.prev();
			return false;
		});
	};

	function setActiveIndex(carousel, li, index,state) {
		var newIndex = index - 1;
		$('#billboard .controls a').eq(newIndex).addClass('active').siblings('a').removeClass('active');
		Cufon.replace('.controls a', { hover: true });
	}

	if ($('#billboard').length) {
		$('#billboard-list').jcarousel({
			scroll : 1,
			auto : 4,
			initCallback: billboard_initCallback,
			itemFirstInCallback  : {onAfterAnimation: setActiveIndex},

			// This tells jCarousel NOT to autobuild prev/next buttons
			buttonNextHTML: null,
			buttonPrevHTML: null,
			wrap: 'both',
			animation : 700
		});
	}

	if ($('#pane').length) {
		$('#pane ul').jcarousel({
			scroll : 3,
			animation : 700
		});
	}


	// productdetail
	if ($('#paneSmall').length) {
		$('#paneSmall ul').jcarousel({
			scroll : 2,
			animation : 700
		});
	}


	if ($('.product').length) {
		$('.product .extras .thumbs a:first').removeClass('productPix');
		$('.product .extras .thumbs img').hover(function(){
			$(this).addClass('active');
			$(this).next('a').attr('rel', 'nofollow').removeClass('productPix');
			$(this).parent('li').siblings('li').find('img').removeClass('active');
			$(this).parent('li').siblings('li').find('a').addClass('productPix');
			var src = $(this).attr('src').replace(/IH/gi, 'IL');
			$('.productWrap .product .image img').attr({src: src});
			var imglink = $(this).next('a').attr('href');
			$('.productWrap .product .image a').attr({href: imglink});
			$('#zoomiconlink').attr({href: imglink});
			$('#zoomiconlink').lightBox();
			$('.imageWrap a.productPix').lightBox();
		});

		$('.product .extras .thumbs a').click(function(){
			return false;
		});
	}


	if ($('.material ul').children().length > 1) {
		var first = 0;
		var speed = 700;
		var pause = 5000;

		function removeFirst(){
			first = $('li.material ul li:first').html();
			$('li.material ul li:first')
			.animate({opacity: 0}, speed)
			.fadeOut('slow', function() {$(this).remove(); fadeInFirst();});
			addLast(first);
		}
		function fadeInFirst(){
			$('li.material ul li:first')
			.css({opacity: '0'})
			.animate({opacity: 1}, speed)
			.fadeIn('slow', function() {});
		}
		function addLast(first){
			first = '<li>' + first + '</li>';
			$('li.material ul').append(first);
		}

		interval = setInterval(removeFirst, pause);
	}


	var showPopup = function(strType){
		if ($('#popup_'+strType).length){
			var popup = $('#popup_'+strType);
			var close = $('#popup_'+strType).children('#popup-container').children('.close-btn');

			if(popup.is(':hidden')) {
				if ($(popup).find('iframe').length) {
					$(popup).find('iframe').each(function() {
						if ($(this).attr('src') == 'about:blank') {
							$(this).attr('src', $(this).attr('longdesc'));
						}
					});
				}
				popup.show();
			}

			close.click(function(){
				popup.hide();
				return false;
			});
		}
	};


	$("#review").click(function(){
		showPopup("reviews");
		return false;
	});

	$("#forward").click(function(){
		showPopup("doorsturen");
		return false;
	});

	$("#checkAvailable").click(function(){
		showPopup("beschikbaarheid");
		return false;
	});

	$("#sizes").click(function(){
		showPopup("maat");
		return false;
	});

	$("#multiple").click(function(){
		showPopup("grootaantal");
		return false;
	});

	var hideDropDown = function(el){
		$('#hotlinks > li.'+el).removeClass('sfhover');
		Cufon.replace('#hotlinks a.link', { hover: true });
	};


	var addToDropDown = function(el){
		$('#hotlinks > li.'+el).addClass('sfhover').find('ul').show();
		$('#hotlinks > li.'+el).siblings('li').removeClass('sfhover').find('ul').hide();
		Cufon.replace('#hotlinks a.link', { hover: true });
		clearTimeout(timer);
		timer = setTimeout(function(){hideDropDown(el);}, timeout);
	};


	var addArray = new Array (
		Array('.productBar .optionsWrap .addToList', 'hotlinkMyWishList'),
		Array('.productSelectWrap .addToList', 'hotlinkMyWishList'),
		Array('.productSelectWrap .order', 'hotlinkMyBag'),
		Array('.container .options .orderButton', 'hotlinkMyBag')
	);
	/**/
	
	$('#genericpopup a.close').live('click', function(e){
		e.preventDefault();
		toggleWinkelmandPopup(false);		
	});
	
	$.each(addArray, function(key, value) {
		$(''+value[0]+'').click(function(){
			addToDropDown(value[1]);
			return false;
		});
	});


	// blokken hover
	$('.blocksWrap .block').hover(function(){
		$(this).find('.blockLink').addClass('hover');
	},function(){
		$(this).find('.blockLink').removeClass('hover');
	});

	// blokken click
	$('.blocksWrap .block').click(function(event){
		if((event.target.id != "order") && (event.target.id != "verlanglijst_verwijder")){		//verlanglijst heeft 2 click items van een click op de bestellen knop af -> we willen dan geen redirect.
			var link = $(this).find('a.arrow').attr('href');

			if (link){
				window.location = link;
				return false;
			}
		}
		return true;
	});

	$('.butSearch').click(function(event) {
		$('#INTPZPAGE').val(1);
	});

	/* Product zoeker */
	$('.resetButton').click(function(event) {
		//event.preventDefault();
		$('#filter, #filterSearch').find('input[type=checkbox]:checked').each(function() {
			$('label[for="'+$(this).attr("id")+'"]').trigger("click");
			if($.browser.msie){
				$(this).attr("checked","")
			} else {
				$(this).trigger("click")
			}
		});

		/* Reset price slider */
		if ($('#pricerange-slider').length) {
			$('#pricerange-slider').slider('destroy');
			initSlider(1, 125);
		}

		//return false;
	});

	/* Bij invoer postcode en huisnummer automatisch de straatnaam en woonplaats erbij zoeken. */
	if ($('form#aanmeldOrdertraject').length) {
		$('#STRAAT, #WOONPLAATS')
		.attr('readonly', 'readonly');

		$('#POSTCODE, #HUISNUMMER').live('keyup blur', function(){
			inputDelayer(function(){
				lookupAdresInfo();
			});
		});
		lookupAdresInfo();
	}

	if ($('#extraInfo').length) {
		$('#extraInfo a.toggle').bind('click', toggleExtraInfo);
	}
	
	/* Popup beschikbare maten zichtbaar maken */
	$('.blockLink')
		.mouseenter(function(){ $(this).find('.productmatenpopup').show(); })
		.mouseleave(function(){ $(this).find('.productmatenpopup').hide(); });
		
	$('div.dropdown-select-popup input[type=checkbox]').change(function() {
		$('#frmProductzoeker').submit();
	});
			
	/* Uitschuifmenu maten valt soms te groot uit, hier parent div hoger maken */
	$('#sizeBox_input').live('click', function()
	{
		var container = $('div.productWrap>div.product');
		var select = $('#sizeBox_container');
		
		var selectBottom = select.offset().top + select.outerHeight();
		var divBottom = container.offset().top + container.outerHeight();
		var delta = selectBottom - divBottom;
		
		log ('selectBottom: ' + selectBottom);
		log ('divBottom: ' + divBottom);
		log ('delta: ' + delta);
		
		if (delta > 0 && !container.data('slideheight_delta'))
		{
			container.animate(
				{'height' : container.height() + delta},
				900,
				'linear',
				function()
				{
					log ('callback');
					$('#sizeBox_container').data('slideheight_delta', delta);
				}
			);
		}
	});
	
});

function loadMainmenu(strPageType){
	
	if(strPageType != "homepage"){
		
		$.ajax({
			url : '/ajax/request-handler.asp',
			data : ({ strAktie : 'main-menu' }),
			success : function(result){
				
				$('#mainNav ul li:gt(0)').each(function(){
					$(this).remove();
				});
				
				$('#mainNav ul').append(result);		
				
				Cufon.refresh('#mainNav > ul > li > a');
				Cufon.refresh('#mainNav .kop');
				
				initMainNavHover();
			}
		});		
		
	}
	else
	{
		initMainNavHover();
	}
	
}

function initMainNavHover(){
	$('#mainNav li').hover(function(){
		$(this).addClass('sfhover');
		$(this).find('.content-subnavigatie').show();

		Cufon.refresh('#mainNav > ul > li > a');
		Cufon.refresh('#mainNav .kop');
	}, function(){
		$(this).removeClass('sfhover');
		$(this).find('.content-subnavigatie').hide();

		Cufon.refresh('#mainNav > ul > li > a');
		Cufon.refresh('#mainNav .kop');
	});
}

function toggleExtraInfo(evt) {
	if ($(this).hasClass('toggleHidden')) {
		$(this)
		.removeClass('toggleHidden')
		.parent()
		.find('.extraInfoContent')
		.slideDown('500');
	} else {
		$(this)
		.addClass('toggleHidden')
		.parent()
		.find('.extraInfoContent')
		.slideUp('500');
	}
}

function setPaginering(intPage) {
	$('#INTPZPAGE').val(intPage);
	$('#frmProductzoeker').submit();
}

function updateSortFilter(caller) {
	$('#STRPZSORT').val(caller.selectedVal);
	$('#frmProductzoeker').submit();
}

function updatePPPFilter(caller) {
	$('#INTPZPAGE').val(1);
	$('#INTPZPPP').val(caller.selectedVal);
	$('#frmProductzoeker').submit();
}

function updateMaat(caller){
	$('input.bestelbutton').hide();
	if(window.location != caller.selectedVal){
		window.location = caller.selectedVal;
	}
}

function updateKleur(caller){
	if(window.location != caller.selectedVal){
		window.location = caller.selectedVal;
	}
}

function initSlider(intMin, intMax) {
	/* Price slider */
	if ($('#pricerange-slider').length){

		$('#pricerange-slider').slider({ animate:true, range: true, min:1, max:125, values: [intMin, intMax], slide: function(event, ui) {
			if (ui.values[1] == 125) {
				$('#pricerange').html('<span>Van: <b>&euro;' + ui.values[0] + '</b></span><span class="tm">Tot: <b>max.</b></span>');
			} else {
				$('#pricerange').html('<span>Van: <b>&euro;' + ui.values[0] + '</b></span><span class="tm">Tot: <b>&euro;' + ui.values[1]+'</b></span>');
			}
			$('#INTPZPRIJSMIN').val(ui.values[0]);
			$('#INTPZPRIJSMAX').val(ui.values[1]);
		}});
		var strMin = '&euro;' + $('#pricerange-slider').slider('values', 0);
		var strMax = '&euro;' + $('#pricerange-slider').slider('values', 1);
		if ($('#pricerange-slider').slider('values', 1) == 125) {
			strMax = 'max.';
		}
		$('#pricerange').html('<span>Van: <b>' + strMin + '</b></span><span class="tm">Tot: <b>'+strMax+'</b></span>');
	}
}

function verlangLijstToevoegen(){
	var intProductgroepid = $("#productgroepid").val();
	var intProductId = $("#productid").val();
	$.post("/ajax/request-handler.asp",
		{strAktie: "verlanglijst-toevoegen", intproductgroepid: intProductgroepid, intproductid: intProductId},
		function(data){
			$("#verlanglijstinfo_content").html(data.html);
		},
		"json"
	);
	return false;
}

function setActiveMenuItem(strPageType, strHoofdgroep) {
	if (strPageType == 'homepage') {
		$('#mainBar #mainNav ul.container > li').find('a[title=home]').addClass('active');
	} else if (strPageType == 'outlet') {
		$('#mainBar #mainNav ul.container > li').find('a[title=outlet]').addClass('active');
	} else if (strHoofdgroep != '') {
		$('#mainBar #mainNav ul.container > li').find('a[title='+strHoofdgroep.toString().toLowerCase()+']').addClass('active');
	}
}

function orderItem(productId)
{
	var randomnumber = Math.floor(Math.random()*1001)
	
	$.ajax({
		url				: '/ajax/request-handler.asp',
		async			: false,
		dataType	: 'json',
		data			: {
									strAktie: 'winkelwagen-toevoegen',
									intProductid: productId,
									intRandom: randomnumber
								},
		success		: function(data)
								{
									$("#winkelmandje_aantal_producten").html( data.nieuwaantal);
									$("#winkelmandje_info_content").html(data.html);
									$("#knoppen").show();
									
									var intYScroll = $(window).scrollTop();
									if (intYScroll > 350)
									{
										toggleWinkelmandPopup(true);
										setTimeout(function(){toggleWinkelmandPopup(false)}, 3000);
									}
								}
	});
	/*
	$.post("/ajax/request-handler.asp",
		{strAktie: "winkelwagen-toevoegen", intProductid: productId},
		function(data){
			$("#winkelmandje_aantal_producten").html( data.nieuwaantal);
			$("#winkelmandje_info_content").html(data.html);
			$("#knoppen").show();
			
			var intYScroll = $(window).scrollTop();
			if (intYScroll > 350)
			{
				toggleWinkelmandPopup(true);
				setTimeout(function(){toggleWinkelmandPopup(false)}, 3000);
			}
		},
		"json"
	);
	return false;
	*/
}

function orderOutletItem(outletID) {
	$.post("/ajax/request-handler.asp", {
		strAktie: "voegtoe-koopjeshoek-product",
		intOutletID: outletID
		}, function(response){
			$("#winkelmandje_aantal_producten").html( response.nieuwaantal);
			$("#winkelmandje_info_content").html(response.html);
			$("#knoppen").show();
		},
		"json"
	);
	return false;
}

function readMore(){
	var intAdd = 100;
	if ($('#sizeBox_container ul li').length) {
		intAdd = ($('#sizeBox_container ul li').length * 15);
	}

	$('.descriptions').slideUp('', function() {
		$('.fullDescription').slideDown();
		$('.info').css('marginBottom', intAdd+'px');
	});
	return false;
}

function readLess(){
	$('.fullDescription').slideUp('', function() {
		$('.descriptions').slideDown();
		$('.info').css('marginBottom', '0px');
	});
	return false;
}

/* Fade controle */
function updateGroup(setGroup) {
	if (nextGroup == setGroup && nextGroup != '') {
		fadeGroup(nextGroup);
	}
}

/* Fade uitvoeren */
function fadeGroup(strGroup) {
	$('#'+curGroup).hide();

	curGroup = strGroup;

	$('#'+curGroup).show();
	$('#merkNaamContainer').html('-&nbsp;' + $('#'+curGroup).attr('title'));
	Cufon.refresh('h2');

	var targetOffset = parseInt($('#scrollToPos').offset().top - 450);
	$('html,body').animate({scrollTop: targetOffset}, 1000);
}

function getDaysForMonth() {
	var month = parseInt($('#monthBox').val());
	var year  = $('#yearBox').val();

	// Standaard dagen in de maand in array zetten
	var no_of_days_in_month = new Array(0,31,28,31,30,31,30,31,31,30,31,30,31);

	// afhandeling februari, i.v.m. schrikkeljaren.
	// Schrikkeljaar:
	// Volgens de Gregoriaanse kalender is dit een jaar met 366 dagen.
	// Elk vierde jaar is een schrikkeljaar, behalve de eeuwjaren, die niet door 400 deelbaar zijn.
	if (month == 2) {
		if ( (year%4==0 && year%100 != 0) || year%400 == 0 ) {
			// Dit is een schrikkeljaar, dus 29 februari bestaat!
			no_of_days_in_month[month]=29;
		}
	}

	for(var i = 0;i<=31;i++) {
		if(i < 10) {
			$('#dayBox_input_0'+i).hide();
		} else {
			$('#dayBox_input_'+i).hide();
		}
	}

	for(var i = 0;i<=no_of_days_in_month[month];i++) {
		if(i < 10) {
			$('#dayBox_input_0'+i).show();
		} else {
			$('#dayBox_input_'+i).show();
		}
	}
}


function lookupAdresInfo()
{
	var strPostcode, strHuisnummer;
	var strStraat, strWoonplaats;

	var strLandSelector;
	var strPostcodeSelector, strHuisnummerSelector;
	var strStraatSelector, strWoonplaatsSelector, strBothSelector;
	var strStraatVisualSelector, strWoonplaatsVisualSelector, strBothVisualSelector;

	var strMessageNietGeldig = 'Geen geldige postcode/huisnr.';

	strLandSelector       = '#LAND';
	strPostcodeSelector   = '#POSTCODE';
	strHuisnummerSelector = '#HUISNUMMER';
	strStraatSelector     = '#STRAAT';
	strWoonplaatsSelector = '#WOONPLAATS';
	strBothSelector       = '#STRAAT, #WOONPLAATS';
	strStraatVisualSelector     = '#STRAATVISUAL';
	strWoonplaatsVisualSelector = '#WOONPLAATSVISUAL';
	strBothVisualSelector       = '#STRAATVISUAL, #WOONPLAATSVISUAL';

	/* Postcode lookup werkt alleen voor Nederland, bij iets anders geselecteerd dus niks doen.*/
	if ($(strLandSelector).val().toUpperCase() != 'NEDERLAND')
	{
		return;
	}

	var strPostcode   = $(strPostcodeSelector).val();
	var strHuisnummer = $(strHuisnummerSelector).val();

	var blnDoUpdate = false;
	
	if (strVorigePostcode != strPostcode) {
		strVorigePostcode = strPostcode;
		blnDoUpdate = true;
	}
	if (strVorigeHuisnummer != strHuisnummer) {
		strVorigeHuisnummer = strHuisnummer;
		blnDoUpdate = true;
	}

	if ( (blnDoUpdate == true) || ( (strPostcode == "") && (strHuisnummer == "") ) ) {
		var strRegexPostcode  = /^\d{4}\s?[a-zA-Z]{2}$/;

		if ( strPostcode != '' && strHuisnummer != '' && isFinite(strHuisnummer) && strRegexPostcode.test(strPostcode))
		{
			$(strBothSelector).val('Gegevens worden opgezocht...');

			$.getJSON(
				'/AJAX/request-handler.asp',
				{
					strAktie			: 'GetAdresgegevensJSON',
					strPostcode		: escape(strPostcode.replace(' ', '')),
					strHuisnummer	: escape(strHuisnummer)
				},

				function(data) {
					var strStraatnaam = data[0].Straatnaam;
					var strWoonplaats = data[0].Woonplaats;

					$(strStraatSelector).val(strStraatnaam == '#element niet gevonden#' ? strMessageNietGeldig : strStraatnaam);
					$(strStraatVisualSelector).html(strStraatnaam == '#element niet gevonden#' ? strMessageNietGeldig : strStraatnaam);
					$(strWoonplaatsSelector).val(strWoonplaats == '#element niet gevonden#' ? strMessageNietGeldig : strWoonplaats);
					$(strWoonplaatsVisualSelector).html(strWoonplaats == '#element niet gevonden#' ? strMessageNietGeldig : strWoonplaats);
				}
			);
		}
		else
		{
			$(strBothSelector).val(strMessageNietGeldig);
			$(strBothVisualSelector).html(strMessageNietGeldig);
		}
	}
}

function validateStraatWoonplaats(strStraat, strWoonplaats) {
	var cont = $('form#aanmeldOrdertraject .container');
	var valid = true;

	if (strStraat == '' || strStraat == 'Geen geldige postcode/huisnr.' || strWoonplaats == '' || strWoonplaats == 'Geen geldige postcode/huisnr.') {
		valid = false;
	}

	if (valid == false && !$('form#aanmeldOrdertraject .errormelding').length)
		$(cont).before('<span class="errormelding clearfix"></span>');

	if (valid == false) {
		$('form#aanmeldOrdertraject .errormelding').html('<b>Vul een geldige postcode huisnummer combinatie in. De volgende velden zijn nog niet correct: </b><br>- Straat<br>- Woonplaats<br><br>');
	} else if (valid == true) {
		$('form#aanmeldOrdertraject .errormelding').remove();
	}

	return valid;
}

function delayTimer(delay){
	var timer;

	return function(fn){
		timer=clearTimeout(timer);
		if(fn)
			timer=setTimeout(function(){
				fn();
			},delay);
		return timer;
	}
}



function bestelProductMetAantal(intProductID, intAantal, strRedirect)
{
	
	$.post(
		'/ajax/request-handler.asp',
		{
			strAktie						: 'winkelwagen-toevoegen-met-aantal',
			intProductID				: intProductID,
			intAantal						: intAantal
		},
		function(response)
		{
			if (response === '[OK]')
			{
				if (strRedirect != '')
				{
					window.location.href = strRedirect;
				}
			}
		}
	);
}

function closeMarketingactiePopup()
{
	$('div.marketingactiepopup').fadeOut('fast', function(){
		$('#marketingactiepopupoverlay').hide();
	});
}


function toggleWinkelmandPopup(blnShow)
{
	if (blnShow === false)
	{
		$('#genericpopup')
		.find('.genericpopupheader, .genericpopupcontent')
			.html('')
			.end()
		.hide();
		
		$('#overlay').hide();
	}
	else if (blnShow === true)
	{	
		/* Popupje klonen */
		var header = $('#winkelmandje_header').clone();
		var content = $('#winkelmandje_info').clone();
		
		$('#overlay').show();
		
		/* Alleen de html wordt gekloond, hier dus de styling van de popup overnemen */
		$('#genericpopup')
			.css({
				'width'					: '294px',
				'margin-left'		: '-147px',
				'margin-top'		: '-83px'
			})
			.find('.genericpopupheader')
				.html( $(header).html( 'Winkeltas<a href="#" class="close">&nbsp;</a>' ) )
				.find('a')
					.css({
						'background'					: 'url(\'/images/btn_close_hotlink.jpg\') no-repeat center center ',
						'display'							: 'block',
						'height'							: '10px',
						'width'								: '9px',
						'padding'							: '10px',
						'position'						: 'absolute',
						'right'								: '10px',
						'top'									: '4px',
						'overflow'						: 'hidden',
						'text-decoration'			: 'none'
					})
					.end()
				.css({
					'background-image'	: 'url(\'/images/dropdown_h_bg.jpg\')',
					'background-repeat'	: 'repeat-x',
					'font-size'					: '18px',
					'height'						: '27px',
					'padding'						: '13px 20px 0',
					'position'					: 'relative'
				})
				.end()
			.find('.genericpopupcontent')
				.html( $(content).html() )
				.css({
					'background-color'	: '#ededed',
					'background-image'	: 'url(\'/images/dropdown_bg.jpg\')',
					'padding'						: '20px',
					'border'						: '1px solid #d9d9d9'
				})
				.find('.image')
					.css({
						'float'							: 'left',
						'border'						: '1px solid #ebebeb',
						'height'						: '65px',
						'width'							: '65px',
						'margin-right'			: '10px'
					})
					.end()
				.find('.description')
					.css({
						'float'							: 'left',
						'width'							: '175px'
					})
					.find('.highlight')
						.css({
							'font-weight'			: 'bold'
						})
						.end()
					.end()
				.find('.view, .goPay')
					.css({						
						'background-repeat'	: 'no-repeat',
						'display'						: 'inline-block',
						'height'						: '29px',
						'overflow'					: 'hidden',
						'margin-top'				: '15px',
						'margin-right'			: '10px',
						'text-decoration'		: 'none'
					})
					.filter('.view')
						.css({						
							'background-image'	: 'url(\'/images/btn_view.jpg\')',
							'width'							: '67px'
						})
						.end()
					.filter('.goPay')
						.css({						
						'background-image'	: 'url(\'/images/btn_go_pay.jpg\')',
						'width'							: '142px'
						})
						.end()
					.end()
				
				.end()
			.show();			
	}
}


function maatUpdated(element)
{
	var name = $(element).attr('name');	// opmaak: intProductMaatvariatieID_63128_63128
	var intNieuwProductID = $(element).find('option:selected').val();	//	bvb. 63130
	var newName = name.substr(0, name.lastIndexOf('_') + 1) + intNieuwProductID;	//intProductMaatvariatieID_63128_63130
	
	$(element).attr('name', newName);
}