function sfeerFade() {
	$('#cycle').cycle({
		fx: 'fade',
		pager: '#nav',
		speed: 500,
		timeout: 2500
	});
}

var iconOK = {
	'background-position' : '0px -16px'
}
var iconError = {
	'background-position' : '0px 0px'
};

function emptyZoekveld() {
	$('input.empty').focus(function() {
		BgImg = $(this).css('background-image');
		BgPos = $(this).css('background-position');
		$(this).css('background-image', 'none');
		$(this).css('background-color', 'white');
	});
	$('input.empty').blur(function() {
		if( $('input.empty').val() == '' ) {
			if ( $(this).val() == '' ) {
			$(this).css('background-image', BgImg);
			$(this).css('background-postion', BgPos);
		}
	}
	});
}

function deleteOptie() {
	$('.zocht-op a').click(function() {

		// Id ophalen 
		var sId = $(this).attr('id');
		var nArtikelID = $('#artikelID').val();
		
		switch(sId) {
			case 'verwijder-maat':
				sData = 'sDeleteMaat=1&nArtikelID='+nArtikelID;
			break;
			case 'verwijder-kleur':
				sData = 'sDeleteKleur=1&nArtikelID='+nArtikelID;
			break;
			case 'verwijder-opschrift':
				sData = 'sDeleteOpschrift=1&nArtikelID='+nArtikelID;
			break;
			case 'verwijder-model':
				sData = 'sDeleteModel=1&nArtikelID='+nArtikelID;
			break;
		}
		loadOptie(sData);
	});
}

function requestOptie() {
	$('#form .selectbox-wrapper ul li').click(function() {

		var sData = '';
		
		// Id ophalen van de selectbox
		var sId = $(this).parents('.selectbox-wrapper').attr('id');

		// Controle welke selectbox is aangeklikt
		var sSelectBox = sId.replace('_container','');
		
		// Waarde in de selectbox
		var sValue = $(this).attr('id');
		
		// Artikelnummer van het product
		var nArtikelID = $('#artikelID').val();

		switch(sSelectBox) {
			case 'sMaat':
				sData = 'sMaat='+sValue;
			break;
			case 'sKleur':
				sData = 'sKleur='+sValue;
			break;
			case 'sOpschrift':
				sData = 'sOpschrift='+sValue;
			break;
			case 'sModel':
				sData = 'sModel='+sValue;
			break;
		}
		sData += '&nArtikelID='+nArtikelID;
		loadOptie(sData);
	});
}

function loadOptie(p_sData) {
	$.ajax({
		type: 'POST',
		url: sDomain+'inc/opties.inc.php',
		data: p_sData,
		success: function(sResult){
			//alert(sResult);
			$('#opties').html(sResult);
			$('#sMaat, #sKleur, #sModel, #sOpschrift').selectbox();
			requestOptie();
			deleteOptie();
		}
	});
}


function emptyInput() {
	
	$('form#betaalmethode input[type="text"], form#registreren input[type="text"]').each(function(){
		if( $(this).val() != '' ){
			$(this).css('background-repeat', 'repeat');	
		}														 
	});
	
	$('form#registreren input[type="text"], form#betaalmethode input[type="text"], form#registreren input[type="password"]').focus(function() {
		bgRep = $(this).css('background-repeat');
		$(this).css('background-repeat', 'repeat');
	});
	$('form#registreren input[type="text"], form#betaalmethode input[type="text"], form#registreren input[type="password"]').blur(function() {
		if( $(this).val() == '' ) {
			$(this).css('background-repeat', 'no-repeat');
		}
	});
}

function showSubMenu() {
	$('div#left ul li').click(function() {
		
		$('div#left ul li ul').hide();
		$('div#left ul li a').removeClass('active');
		
		var ul = $(this).children('ul');
		
		if( ul.is(':hidden') ){
			ul.show();	
		}
		
		$(this).children('a').toggleClass('active');
		
		fixDivRight();
	});
}

function toggleImg() {
	
	$('a.thumb').click(function(){
		
		$('a.thumb').removeClass('active');
		$(this).addClass('active');
		
		var nId = parseInt($(this).attr('id').replace('thumb_',''));
		var oThumb = $(this).children('img').attr('src');
		var sNewSrc = oThumb.replace('_thumb','_normal');
		var sNewLightboxSrc = oThumb.replace('_thumb','_lightbox');
		
		$('#largeImg').attr('src',sNewSrc);
		$('#largeImg').attr('class','afbeelding_'+nId);
	});
}

function openLightbox(){
	$('#mainimg').click(function(){
		var p_nId = $(this).children('img').attr('class').replace('afbeelding_','');
		$('#invisible_'+p_nId).click();						 
	});
}

function bgShopperItem() {
	$('.shopperitem:even').addClass('even');
}

function showBezorgAdres() {
	$('input.verzendmethode').change(function() {
		if($(this).val() == 'anderadres'){
            $('#bezorgadres').show('fast');
			$('#bezorgadres input:not(.not)').addClass('required');
        } else {
            $('#bezorgadres').hide('fast');
			$('#bezorgadres input:not(.not)').removeClass('required');
        }
        /*if ($('#ander-adres input').is(':checked')) {
			$('#bezorgadres').show('fast');
			$('#bezorgadres input:not(.not)').addClass('required');
		} else {
			$('#bezorgadres').hide('fast');
			$('#bezorgadres input:not(.not)').removeClass('required');
		}*/
	});
}

function verzekerProduct() {
	$('#vzakkoord').click(function() { 
		if($(this).attr('checked') == true){
			var sData = 'verzekerProducten=1';
		} else {
			var sData = 'verzekerProducten=0';
		}
		//alert(sData);
		loadWinkelwagen(sData);
	});
}


function winkelwagen() {
	$('.details label.aantal input').change(function(){
		var nArtikelID = $(this).parent().next('.refresh').attr('id').replace('refresh_','');
		var nAantal = $(this).attr('value');		
		loadWinkelwagen('artikelID=' + nArtikelID + '&updateaantal=' + nAantal);
	});
	$('.details a.refresh').click(function(){
		var nArtikelID = $(this).attr('id').replace('refresh_', '');
		var nAantal = $(this).prev().children('input').val();	
		loadWinkelwagen('artikelID=' + nArtikelID + '&updateaantal=' + nAantal);
	});	
	$('.shopperitem a.del').click(function(){
		var nArtikelID = $(this).attr('id').replace('delete_', '');
		
		$(this).parent().slideUp('fast', function(){
			loadWinkelwagen('artikelID=' + nArtikelID + '&updateaantal=0');										  
		});
		
		
	});
}
function loadWinkelwagen(p_sData) {
	$.ajax({
		type: 'POST',
		url: sDomain+'inc/winkelmandje.inc.php',
		data: p_sData,
		success: function(result){
			
			$('#ajax').html(result);
			
			if( $('#callback').length > 0 ){
			
				$('strong#volgendestempel').html($('#callback span#bedragtotvolgendestempel').html());
				$('strong#aantalstempels').html($('#callback span#volgendestempels').html());
			
			} else {
				
				$('strong#volgendestempel').parent().prev().remove();
				$('strong#volgendestempel').parent().remove();
				
			}
			winkelwagen();
			bgShopperItem();
			verzekerProduct();
		}
	});
}
function fixDivRight(){
	var nHeightL = $('#left').outerHeight(true);
	var nHeightR = $('#right').outerHeight(true);
	if(nHeightL > nHeightR){
		$('#right').height(nHeightL);
	}
}
/*function adresGegevens() {
	$('form#winkelmandje').trigger('submit'); 
}*/
function showWachtwoordVergeten(){
	$('#vergeten-link').click(function(){
		if( $('#nieuw').is(':visible') ){
			$('#nieuw').fadeOut(300, function(){
				$('#wachtwoordvergeten').fadeIn(300);											
			});		
		} else {
			$('#wachtwoordvergeten').fadeOut(300, function(){
				$('#nieuw').fadeIn(300);											
			});	
		}
	});
}
function wachtwoordVergeten(){
	$('#wachtwoordvergetenForm').validate({
		rules: {
			sEmail_vergeten: {
				required: true,
				email: true,
				remote: sDomain+'inc/wachtwoordvergeten.inc.php?check=ja'
			}
		},
		messages: {
			sEmail_vergeten: {
				required: 'Geen geldig e-mailadres!',
				email: 'Geen geldig e-mailadres!',
				remote: 'Onbekend e-mailadres!'
			}
		},
		errorPlacement: function(error, element) {
			error.insertAfter(element.next('span.icon'));
			element.next('span.icon').css(iconError);
		},
		errorElement: 'div',
		success: function(label) {
			label.prev('span.icon').css(iconOK);
			label.remove();
		},
		submitHandler: function(form) { 
			var sMelding = '';
			var options = {
				url: sDomain+'inc/wachtwoordvergeten.inc.php',
				type: 'POST',
				success: function(response) {
					if(response == '1'){
						var sTitel = 'Gegevens verzonden';
						sMelding = 'Uw wachtwoord is naar uw mail verzonden.';
						$(form).clearForm();
						$('#wachtwoordvergeten').fadeIn(500,function(){
							$(this).html('<h5>'+sTitel+'</h5><p>'+sMelding+'</p>');
						});
					}
				}
			}
			$(form).ajaxSubmit(options);
			return false;
		}
	});	
}

function validateForm(p_sForm){
	var aMessage = new Array();
	aMessage[0] = 'Vul uw voorletters in.';
	aMessage[1] = 'Vul uw achternaam in.';
	aMessage[2] = 'Vul uw naam in.';
	aMessage[3] = 'Vul uw adres in.';
	aMessage[4] = 'Vul een geldig adres in.';
	aMessage[5] = 'Vul uw postcode in.';
	aMessage[6] = 'Vul een geldige postcode in.';
	aMessage[7] = 'Vul uw woonplaats in.';
	aMessage[8] = 'Vul een geldige woonplaats in.';
	aMessage[9] = 'Vul uw e-mailadres in.';
	aMessage[10] = 'Vul een geldig e-mailadres in.';
	aMessage[11] = 'Vul uw telefoonnummer in.';
	aMessage[12] = 'Vul een geldig telefoonnummer in.';
	aMessage[13] = 'Vul uw vraag in.';
	aMessage[14] = 'Vul uw bericht in.';
	aMessage[15] = 'Vul de naam van de bekende in.';
	aMessage[16] = 'Vul het e-mailadres van de bekende in.';
	aMessage[17] = 'Vul het onderwerp in.';
	aMessage[19] = 'De e-mailadressen komen niet overeen.';
	aMessage[20] = 'Vul een wachtwoord in.';
	aMessage[21] = 'De wachtwoorden komen niet overeen.';
	aMessage[22] = 'Vul een land in.';	

	$.validator.addMethod("postcode", function(postcode, element) {
		postcode = postcode.replace(/\s+/g, ""); 
		return this.optional(element) ||
			postcode.match(/^[1-9]{1}[0-9]{3}[ ]?[a-z]{2}/i);
	}, "Vul a.u.b. een geldige postcode in.");
	
	$.validator.addMethod("telefoon", function(phone_number, element) {
    	phone_number = phone_number.replace(/\s+/g, ""); 
		return this.optional(element) || phone_number.length > 9 &&
			phone_number.match(/^(\(?\+?[0-9]*\)?)?[0-9_\- \(\)]*$/);
	}, "Vul a.u.b. een geldig telefoonnummer in.");
	
	$.validator.addMethod("geennummers", function(geennummers, element) {
		   var reg = /[0-9]/;
		   return this.optional(element) || !geennummers.match(reg);
	}, "Getallen zijn niet toegestaan.");
	
	$.validator.addMethod("lettersnummer", function(lettersnummer, element) {
		   var reg = /([a-z]+)/;
		   var reg2 = /([0-9]+)/;
		   return this.optional(element) || (lettersnummer.match(reg) && lettersnummer.match(reg2));
	}, "In dit veld moeten letters en getallen voorkomen.");
	$('#'+p_sForm).validate({
		rules: {
			sNaam: 'required',
			sAdres: {
				required: true,
				lettersnummer: true
			},
			sPostcode: {
				required: true,
				postcode: true
			},
			sWoonplaats: {
				required: true,
				geennummers: true
			},
			sEmail: {
				required: true,
				email: true
			},
			sTelefoon: {
				required: true,
				telefoon: true
			},
			sWachtwoord: {
				required: true
			},
			sWachtwoord2: {
				required: true,
				equalTo: '#sWachtwoord'
			}
		},
		messages: {
			sNaam: aMessage[2],
			sAdres: {
				required: aMessage[3],
				lettersnummer: aMessage[4]
			},
			sPostcode: {
				required: aMessage[5],
				postcode: aMessage[6]
			},
			sWoonplaats: {
				required: aMessage[7],
				geennummers: aMessage[8]
			},
			sEmail: {
				required: aMessage[9],
				email: aMessage[10]
			},
			sTelefoon: {
				required: aMessage[11],
				telefoon: aMessage[12]
			},
			sWachtwoord: {
				required: aMessage[20]
			},
			sWachtwoord2: {
				required: aMessage[20],
				equalTo: aMessage[21]
			},
			sNaam_anders: aMessage[2],
			sLand: aMessage[22],
			sAdres_anders: {
				required: aMessage[3],
				lettersnummer: aMessage[4]
			},
			sPostcode_anders: {
				required: aMessage[5],
				postcode: aMessage[6]
			},
			sPlaats_anders: {
				required: aMessage[7],
				geennummers: aMessage[8]
			}
		},
		errorPlacement: function(error, element) {
			error.insertAfter(element.next('span.icon'));
			element.next('span.icon').css(iconError);
		},
		errorElement: 'div',
		success: function(label) {
			label.prev('span.icon').css(iconOK);
			label.remove();
		},
		submitHandler: function(form) {
			if(p_sForm == 'registreren') {
				form.trigger('submit');
			} else {
				form.submit();
			}
		}
	});	
}
function showSubPayment(){
	
	$('form#betaalmethode ul li').each(showOptions);
	
	$('form#betaalmethode ul li').click(showOptions);	
}

function showOptions(){
	var oRadio = $(this).children('div.input').find('input');
	var oOptions = $(this).children('ul.sub');
	if ( oRadio.is(':checked') ) {
		$('ul.sub').hide();
		oOptions.show();
	} else {
		oOptions.hide();
	}	
}

function saveForm(p_sForm) {

	var options = {
		url: sDomain+'inc/request.inc.php',
		type: 'POST',
		success: function(data) {
			sRequest = data;
			aRequest = sRequest.split('|');
			if(aRequest[0] == 'succes') {
				$('#message').html(aRequest[1]);
				updateLast();
				$(p_sForm).clearForm();
			} else {
				$('#message').html(aRequest[1]);
			}
			$('#message').show();
		},
		error: function(message){
			//alert('error'+message);
		}

	}
	
	$(p_sForm).ajaxSubmit(options);
}

function updateLast() {
	$.ajax({
		url: sDomain+'inc/request.inc.php',
		type: 'POST',
		data: 'action=update&message=last',
		success: function(data){
			$('#laatste').html(data);
			if($("#laatste").is(":hidden")) {
				$('#laatste').slideDown("slow", function() {
					
				});
			}
		},
		error: function(message){
			alert('error'+message);
		}
	});
	return false;

}

function showMailBekende() {
	$('.mailbekende').click(function() {
		$('#layer').css('opacity',0.9);
		$('#layer').fadeIn('fast');
		$('#formmail').fadeIn('fast');
		$('html, body').animate({
			scrollTop: 0
		}, 500, function(){
		});	
	
	});
	hideMailBekende();
}

function hideMailBekende() {
	$('#layer, #formmail .close').click(function() {
		$('#message').html('');
		$('#deelmail').clearForm();
		$('#layer').fadeOut('fast');
		$('#formmail').fadeOut('fast');
	});
}

/*function saveForm(p_sForm) {

	var options = {
		url: sDomain+'inc/request.inc.php',
		type: 'POST',
		success: function(data) {
			sRequest = data;
			aRequest = sRequest.split('|');
			if(aRequest[0] == 'succes') {
				$('#message').html(aRequest[1]);
				updateLast();
				$(p_sForm).clearForm();
			} else {
				$('#message').html(aRequest[1]);
			}
			$('#message').show();
		},
		error: function(message){
			//alert('error'+message);
		}

	}
	
	$(p_sForm).ajaxSubmit(options);
}
*/
function mailBekende(p_sForm) {
	var options = {
		url: sDomain+'inc/mailbekende.inc.php',
		type: 'POST',
		success: function(data) {
			sRequest = data;
			aRequest = sRequest.split('|');
			if(aRequest[0] == 'succes') {
				$('#message').hide();
				$('#message').html(aRequest[1]);
				$('#message').fadeIn('slow');
				$(p_sForm).clearForm();
				setTimeout(function() {
					$('#formmail').fadeOut('fast');
					$('#layer').fadeOut('fast');
					$('#message').html('');
					$('#message').hide();
				}, 2500); 
				
			} else {
				$('#message').html(aRequest[1]);
				$('#message').fadeIn('slow');
			}
			
		},
		error: function(message){
			//alert('error'+message);
		}

	}
	$('#formmail '+p_sForm).ajaxSubmit(options);
}

function alertMessage(p_sType, p_nId) {
	
	var sMessage;
	
	if(p_sType == 'aantal') {
		sMessage = '<div class="alert"><strong>Let op:</strong><br />Het ingevulde aantal is niet voorradig, het maximale aantal is ingevuld.</div>';
	}
	
	$('#'+p_nId).append(sMessage);
	setTimeout(function() {
        $('#'+p_nId+' .alert').fadeIn('slow');
    }, 500); 
	setTimeout(function() {
        $('#'+p_nId+' .alert').fadeOut('slow');
    }, 4500); 
	
}