// JavaScript Document

function submitForm (formid) {
	if ($("#" + formid).validate().form()) {
		$('#' + formid).submit();
	}
}

function submitAdresForm () {
	if ($('#afleveradresanders').attr('checked') != true) {
		
		    $('#bedrijfaflever').val($('#bedrijf').val());
		    $('#naamaflever').val($('#naam').val());
		    $('#straataflever').val($('#straat').val());
		    $('#huisnummeraflever').val($('#huisnummer').val());
		    $('#postcodeaflever').val($('#postcode').val());
		    $('#plaatsaflever').val($('#plaats').val());
	}
	if ($("#stepform").validate().form()) {
		$('#stepform').submit();
	}
}

var faqnr_active = ''
function toggleFAQ (faqnr) {
	if (faqnr_active != '') {
		$('#faqvraag' + faqnr_active + '_antwoord').slideUp('fast');
	}
	$('#faqvraag' + faqnr + '_antwoord').slideToggle('fast');
	faqnr_active = faqnr;
}

function setVariant(winkelartikel_id,winkelvariant_id,winkelvariant_kleur) {
	$('#variant'+ winkelartikel_id).html(winkelvariant_id);
	$('#winkelvariant_kleur'+ winkelartikel_id).html(winkelvariant_kleur);
	$('#variantopener'+ winkelartikel_id + ' div').html($('#variantselector' + winkelvariant_id).html());
	$('.variantselect').fadeOut('fast');
	
	$('#variantopener' + winkelartikel_id + ' div').css({border:'1px solid #CCCCCC'});
}

// jQuery fadeToggle plugin
jQuery.fn.fadeToggle = function(s, fn){
	return (this.is(":visible"))
		? this.fadeOut(s, fn)
		: this.fadeIn(s, fn);
};

function toggleKleurkiezer() {
	if ($("#kleurkiezer").css('marginLeft') == '-310px') {
		$("#kleurkiezer").animate({ 
			marginLeft: "0px"
		}, 500 );
	}
	else {
		$("#kleurkiezer").animate({ 
			marginLeft: "-310px"
		}, 500 );
	}
}
function hideKleurkiezer() {
	$("#kleurkiezer").animate({ 
		marginLeft: "-310px"
	}, 500 );
}


// vertical positioning in the viewport

(function($){
  $.fn.vCenter = function(options) {
    var pos = {
      sTop : function() {
        return window.pageYOffset || document.documentElement && document.documentElement.scrollTop ||	document.body.scrollTop;
      },
      wHeight : function() { 
        return window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body.clientHeight;
      }
    };
    return this.each(function(index) {
      if (index == 0) {
        var $this = $(this);
        var elHeight = $this.height();
		    var elTop = pos.sTop() + (pos.wHeight() / 2) - (elHeight / 2);
        $this.css({
          position: 'absolute',
          marginTop: '0',
          top: elTop
        });


      }
    });
  };

})(jQuery);

function selectCollectie() {
	$("#kleurkiezeriframe").attr({src:"/kleurkiezer.asp?collectie=" + $('#collectie').val()});
	$("#kleurkiezeriframe").css({display:'block'});
}

function zoekTrefwoord() {
	trefwoord = $('#trefwoordinput').val();
	if (trefwoord.length > 0) {
		$("#kleurkiezeriframe").attr({src:"/kleurkiezer.asp?trefwoord=" + trefwoord});
		$("#kleurkiezeriframe").css({display:'block'});
	}
}

function zoekMijnkleuren () {
	$("#kleurkiezeriframe").attr({src:"/kleurkiezer.asp?mijnkleuren=1"});
	$("#kleurkiezeriframe").css({display:'block'});
}

function blinkField (element) {
	element.css({border:'1px solid #BB111C'});
	element.fadeIn(200).fadeOut(200).fadeIn(200).fadeOut(200).fadeIn(200).fadeOut(200).fadeIn(200);
}

function winkelwagentje (actie) {
	winkelwagentjeGo = true;
	aantal = $('#wwvensteraantal').val();
	variantid = $('#wwvenstervariantid').html();
	
	if (aantal == '') {
		blinkField($('#wwvensteraantal'));
		winkelwagentjeGo = false;
	}
	
	if (winkelwagentjeGo == true) {
		$.get('/ajax/winkelwagentje.asp', { actie: actie, variantid: variantid, aantal: aantal },
		  function(data){
			if (data != '0') {
				$('#ww_info').html(data);
				$('#ww_kassa').css({display:''});
				new $.nyroModalManual({
					bgColor: '#000000',
					minHeight: 100,
					url: '#winkelwagentje_venstertoegevoegd'
				});
				
			}
		  });
	}
}

function winkelwagentjeEdit (variantid,aantal,kleur) {
	$.get('/ajax/winkelwagentje.asp', { actie: 'edit', variantid: variantid, aantal: aantal, kleur: kleur},
	  function(data){
			location.href = '/?winkel/winkelwagentje';
	});
	
}

function validatePostCode(strPC) {
  return typeof strPC=='string'
    ?strPC.match(/[1-9][0-9]{3} ?[a-zA-Z]{2}/)==strPC
    :false;
  //Met optimalisaties van Henk KH
}

function getAdres (veldnaamext) {
	if(typeof veldnaamext == 'undefined') {
		veldnaamext = '';
	}
	var postcodevalue = $('#postcode'+veldnaamext).val().replace(/ /,'');
	var huisnummervalue = $('#huisnummer'+veldnaamext).val().replace(/ /,'').replace(/\./,',');
	$('#postcode'+veldnaamext).val(postcodevalue);
	
	if (validatePostCode(postcodevalue) && huisnummervalue != '') {
	
		$.ajax({
		  type: "GET",
		  url: "/webservices/webservices_xml.asp?method=addressReeksPostcodeSearch&parameters=" + postcodevalue + huisnummervalue, //Requesting simple.xml
		  dataType: "xml", //Make sure that you specify the type of file you expecting (XML)
		  complete: function(data) {
		
		   var json = $.xmlToJSON(data.responseXML); //Please notice that we use responseXML here which is DOMDocument object
		   //Now I want to get a value of the second node
		   //alert(json.straatnaam_nen[0].Text); //Result should be "Test Value 2"
		   straatnaam_nen = '';
		   plaatsnaam = '';
		   if(json.straatnaam_nen && json.plaatsnaam) {
			   var straatnaam_nen = json.straatnaam_nen[0].Text;
			   var plaatsnaam = json.plaatsnaam[0].Text
			   $('#straat'+veldnaamext).val(straatnaam_nen);
			   $('#plaats'+veldnaamext).val(plaatsnaam);
			   $('#straat'+veldnaamext).blur();
			   $('#plaats'+veldnaamext).blur();
			   $('#telefoon'+veldnaamext).focus();
		   }
		   else {
			   $('#straat'+veldnaamext).focus();
		   }
		}
		});
	}
}