$.stappenMenu=function(){this.currentStep=false;if($('#stappenmenu').size()==1){$('#stappenmenu').find('li a').each(function(){$(this).html("<span>"+$(this).html()+'</span>')})
$('#stappenmenu').after('<div id="step-gray-container"> \
        <div id="step-gray"> \
            <div id="step-green-container"> \
                <div id="step-green"> \
                \
                </div> \
            </div> \
        </div> \
    </div>');$('#stappenmenu').appendTo('#step-gray-container')
var widthMinusOffset=$('#step-gray-container').width();var widthPerBox=(widthMinusOffset/$('#stappenmenu li a').size());var i=1;$('#stappenmenu li a').each(function(){$(this).addClass('step-'+i);$(this).css('left',((widthPerBox/2)/$('#stappenmenu li a').size())+((i-1)*widthPerBox))
i++;})
if($('#stappenmenu li a.current').size()==0){$('#stappenmenu li a:first').addClass('current')}
var currentPercentage=$('#stappenmenu li a.current').css('left');$('#step-green-container').css('width',parseInt(currentPercentage.replace('px',''))+($('#stappenmenu li a.current').width()/2));$.stappenMenu.currentStep=parseInt($('#stappenmenu li a.current').attr('class').replace(' current','').replace('step-',''))
$('#stappenmenu li a').each(function(){if($(this).hasClass('current')){return false;}
$(this).addClass('done')})}}
$.stappenMenu.moveForward=function(){location.href="#steps"
if($.stappenMenu.currentStep<$('#stappenmenu li a').size()){var nextStepElement=$('#stappenmenu li a.current').removeClass('current done').addClass('done').parent().next().find('a').addClass('current-hidden');var currentPercentage=$('#stappenmenu li a.current-hidden').css('left');$.stappenMenu.currentStep++
$('#step-green-container').animate({'width':parseInt(currentPercentage.replace('px',''))+($('#stappenmenu li a.current-hidden').width()/2)},500,function(){$('.current-hidden').removeClass('current-hidden').addClass('current')});}}
$.stappenMenu.moveBackward=function(){if($.stappenMenu.currentStep>1){var nextStepElement=$('#stappenmenu li a.current').removeClass('current done').parent().prev().find('a').addClass('current-hidden');var currentPercentage=$('#stappenmenu li a.current-hidden').css('left');$('#step-green-container').animate({'width':parseInt(currentPercentage.replace('px',''))+($('#stappenmenu li a.current-hidden').width()/2)},500,function(){$('.current-hidden').removeClass('current-hidden').addClass('current')});$.stappenMenu.currentStep--}}
$.stappenMenu.gotoStep=function(stepID){$('#stappenmenu li a.current').removeClass('current');$('#stappenmenu li a.step-'+stepID).addClass('current');var currentPercentage=$('#stappenmenu li a.current').css('left');$('#step-green-container').css('width',parseInt(currentPercentage.replace('px',''))+($('#stappenmenu li a.current').width()/2))
$('#stappenmenu li a:not(.current)').removeClass('done')
$('#stappenmenu li a').each(function(){if($(this).hasClass('current')){return false;}
$(this).addClass('done')})
$.stappenMenu.currentStep=stepID}
$(function(){$.stappenMenu()
$('.stappenalert a').click(function(){if($(this).attr('href')=='#'){alert('Zorg ervoor dat alle voorgaande stappen volledig zijn ingevuld.');return false;}});});