var background = 1;

// when the DOM is ready...
$(document).ready(function () {
  
  $("#vragen_slider .navigation").hide();
  $("#vragen_slider").css('overflow', 'hidden');
	$('#vragen_slider .vraag_buttons .rechts input').hide();

  // check on load if buttons should show
	$('.panel input').each(function() {
  	var validationparent = $(this).parents('fieldset').attr('id');
  	//console.log($(this).attr('id') + ' changed: ', $('#'+validationparent));
  	var allclear = true;
  	$('#' + validationparent + ' input[type=text]'+', #' + validationparent + ' input[type=file]'+', #' + validationparent + ' textarea').each(function(){
  		if ($(this).hasClass('required') && $(this).attr('value')=='') {
  			allclear = false;
  		}
  	});
  	$('#' + validationparent + ' input[type=radio]').each(function(){
  			var group = $(this).attr('name');
  			//console.log( 'input[name="'+group+'"]:checked = ' + $('input[name="'+group+'"]:checked').length);
  		if($('input[name="'+group+'"]:checked').length == 0 ) {
  				//console.log( group + ' has no checkmark' );
  			allclear = false;
  		}
  	});

  	if (allclear) {
          	$('#' + validationparent + '  .vraag_buttons .rechts input').show();
  	}
	});


	// prepare blurhandler for validation
	$('.panel input').each(function() {
		//console.log('validation handler: ',$(this));
    	$(this).bind("change", function(e) {
			var validationparent = $(this).parents('fieldset').attr('id');
			//console.log($(this).attr('id') + ' changed: ', $('#'+validationparent));
			var allclear = true;
			$('#' + validationparent + ' input[type=text]'+', #' + validationparent + ' input[type=file]'+', #' + validationparent + ' textarea').each(function(){
				if ($(this).hasClass('required') && $(this).attr('value')=='') {
					allclear = false;
				}
			});
			$('#' + validationparent + ' input[type=radio]').each(function(){
    			var group = $(this).attr('name');
    			//console.log( 'input[name="'+group+'"]:checked = ' + $('input[name="'+group+'"]:checked').length);
				if($('input[name="'+group+'"]:checked').length == 0 ) {
    				//console.log( group + ' has no checkmark' );
					allclear = false;
				}
			});

			if (allclear) {
        $('#' + validationparent + '  .vraag_buttons .rechts input').show();
			}
		});

		$(this).bind("blur", function(e) {
			var validationparent = $(this).parents('fieldset').attr('id');
			//console.log($(this).attr('id') + ' changed: ', $('#'+validationparent));
			var allclear = true;
			$('#' + validationparent + ' input[type=text]'+', #' + validationparent + ' input[type=file]'+', #' + validationparent + ' textarea').each(function(){
				if ($(this).hasClass('required') && $(this).attr('value')=='') {
					allclear = false;
				}
			});
			$('#' + validationparent + ' input[type=radio]').each(function(){
    			var group = $(this).attr('name');
    			//console.log( 'input[name="'+group+'"]:checked = ' + $('input[name="'+group+'"]:checked').length);
				if($('input[name="'+group+'"]:checked').length == 0 ) {
    				//console.log( group + ' has no checkmark' );
					allclear = false;
				}
			});

			if (allclear) {
            	$('#' + validationparent + '  .vraag_buttons .rechts input').show();
			}
		});

		$(this).bind("focus", function(e) {
			var validationparent = $(this).parents('fieldset').attr('id');
			//console.log($(this).attr('id') + ' changed: ', $('#'+validationparent));
			var allclear = true;
			$('#' + validationparent + ' input[type=text]'+', #' + validationparent + ' input[type=file]'+', #' + validationparent + ' textarea').each(function(){
				if ($(this).hasClass('required') && $(this).attr('value')=='') {
					allclear = false;
				}
			});
			$('#' + validationparent + ' input[type=radio]').each(function(){
    			var group = $(this).attr('name');
    			//console.log( 'input[name="'+group+'"]:checked = ' + $('input[name="'+group+'"]:checked').length);
				if($('input[name="'+group+'"]:checked').length == 0 ) {
    				//console.log( group + ' has no checkmark' );
					allclear = false;
				}
			});

			if (allclear) {
            	$('#' + validationparent + '  .vraag_buttons .rechts input').show();
			}
		});

		$(this).bind("click", function(e) {
			var validationparent = $(this).parents('fieldset').attr('id');
			//console.log($(this).attr('id') + ' changed: ', $('#'+validationparent));
			var allclear = true;
			$('#' + validationparent + ' input[type=text]'+', #' + validationparent + ' input[type=file]'+', #' + validationparent + ' textarea').each(function(){
				if ($(this).hasClass('required') && $(this).attr('value')=='') {
					allclear = false;
				}
			});
			$('#' + validationparent + ' input[type=radio]').each(function(){
    			var group = $(this).attr('name');
    			//console.log( 'input[name="'+group+'"]:checked = ' + $('input[name="'+group+'"]:checked').length);
				if($('input[name="'+group+'"]:checked').length == 0 ) {
    				//console.log( group + ' has no checkmark' );
					allclear = false;
				}
			});

			if (allclear) {
            	$('#' + validationparent + '  .vraag_buttons .rechts input').show();
			}
		});
	});

  initSlider();
  //show first question
  showQuestion(0,0);

});