text: function scroll_to_class(element_class, removed_height) {
  	var scroll_to = $(element_class).offset().top - removed_height;
  	if($(window).scrollTop() != scroll_to) {
  		$('html, body').stop().animate({scrollTop: scroll_to}, 0);
  	}
  }
  
  function bar_progress(progress_line_object, direction) {
  	var number_of_steps = progress_line_object.data('number-of-steps');
  	var now_value = progress_line_object.data('now-value');
  	var new_value = 0;
  	if(direction == 'right') {
  		new_value = now_value + ( 100 / number_of_steps );
  	}
  	else if(direction == 'left') {
  		new_value = now_value - ( 100 / number_of_steps );
  	}
  	progress_line_object.attr('style', 'width: ' + new_value + '%;').data('now-value', new_value);
  }
  
  $(document).ready(function() {
      // // Form
      $('.f1 fieldset:first').fadeIn('slow');
      $('.f2 fieldset:first').fadeIn('slow');
      
      $('.f1 input[type="text"], .f1 input[type="password"], .f1 textarea, .f1 select').on('focus', function() {
      	$(this).removeClass('input-error');
      });
      
      // step selanjutnya (ketika klik tombol selanjutnya)
      $('.f1 .btn-next').on('click', function() {
      	var parent_fieldset = $(this).parents('fieldset');
      	var next_step = true;
      	// navigation steps / progress steps
      	var current_active_step = $(this).parents('.f1').find('.f1-step.active');
      	var progress_line = $(this).parents('.f1').find('.f1-progress-line');
      	
      	// // validasi form
      	// parent_fieldset.find('input[type="text"], input[type="password"], textarea, select').each(function() {
      	// 	if( $(this).val() == "" ) {
      	// 		$(this).addClass('input-error');
      	// 		next_step = false;
      	// 	}
      	// 	else {
      	// 		$(this).removeClass('input-error');
      	// 	}
      	// });
      	
      	if( next_step ) {
      		parent_fieldset.fadeOut(400, function() {
      			// change icons
      			current_active_step.removeClass('active').addClass('activated').next().addClass('active');
      			// progress bar
      			bar_progress(progress_line, 'right');
      			// show next step
  	    		$(this).next().fadeIn();
  	    		// scroll window to beginning of the form
      			scroll_to_class( $('.f1'), 20 );
  	    	});
      	}
      });
      
      // step sbelumnya (ketika klik tombol sebelumnya)
  	$('.f1 .btn-previous').on('click', function (e) {
  		e.preventDefault();
      	// navigation steps / progress steps
      	var current_active_step = $(this).parents('.f1').find('.f1-step.active');
      	var progress_line = $(this).parents('.f1').find('.f1-progress-line');
      	
      	$(this).parents('fieldset').fadeOut(400, function() {
      		// change icons
      		current_active_step.removeClass('active').prev().removeClass('activated').addClass('active');
      		// progress bar
      		bar_progress(progress_line, 'left');
      		// show previous step
      		$(this).prev().fadeIn();
      		// scroll window to beginning of the form
  			scroll_to_class( $('.f1'), 20 );
      	});
      });
      
      // submit (ketika klik tombol submit diakhir wizard)
      // $('.f1').on('submit', function(e) {
      // 	// validasi form
      // 	$(this).find('input[type="text"], input[type="password"], textarea, select').each(function() {
      // 		if( $(this).val() == "" ) {
      // 			e.preventDefault();
      // 			$(this).addClass('input-error');
      // 		}
      // 		else {
      // 			$(this).removeClass('input-error');
      // 		}
      // 	});
      // });
  });