function navigationHandler(elements){
	var progressItems = elements;
	
	/*** Function init ***/
	this.init = function() {
		// This line in only for test differents colors on progress bar, please remove
				dataBox.setValue('stepVisited','true');
		// -----------------------------------------------------------------------------
		
		this.setColors();
		setFormPage(dataBox.getValue('currentStep'));
		
		progressItems.each(function() {
			$(this).click(function(){
				dataBox.currentStepNumber = $(this).attr('id').replace(/[a-zA-Z]/g,'');
								
				var menuItemClicked = dataBox.currentStepNumber;
				
				dataBox.setValue('currentStep',dataBox.currentStepNumber);
				
				// This line in only for test differents colors on progress bar, please remove
						dataBox.setValue('stepVisited','true');
				// -----------------------------------------------------------------------------
				
				setProgressColors(progressItems);
				setFormPage(dataBox.getValue('currentStep'));
				
				if(clickFromTopNav){
				    switch(menuItemClicked*1){
				        case 1: s.tl(this,"o","TopNav_Normal v AD"); break;
				        case 2: s.tl(this,"o","TopNav_Screener"); break;
				        case 3: s.tl(this,"o","TopNav_Clock Draw"); break;
				        case 4: s.tl(this,"o","TopNav_DDG"); break;
				        case 5: s.tl(this,"o","TopNav_Completed"); break;
				    };
				}
				clickFromTopNav=true;
				
			});
		});		
		
		$("#formStep1 .gotoStep .next a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage2").click();
		});
		
		$("#formStep2 .gotoStep .prev a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage1").click();
		});
		$("#formStep2 .gotoStep .next a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage3").click();
		});
		
		$("#formStep3 .gotoStep .prev a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage2").click();
		});
		$("#formStep3 .gotoStep .next a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage4").click();
		});
		
		$("#formStep4 .gotoStep .prev a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage3").click();
		});
		$("#formStep4 .gotoStep .next a").click(function(){
		    clickFromTopNav=false;
			$("#progressPage5").click();
		});
		
	}

	/*** Set progress bar step colors ***/
	this.setColors = function() {
		setProgressColors(progressItems);
	}
		
	this.toPage = function( page ) {
		setFormPage( page );
	}
	
}

function setFormPage( page ) {

	$("div#formHolder div.stepBox").each(function(){
		var boxPage = $(this).attr('id').replace(/[a-zA-Z]/g,'');
		if(boxPage == page) {
			$(this).css('display','block');
		} else {
			$(this).css('display','none');
		}
	});
	s.siteID="Aricept";
    s.server="";
    s.channel="Aricept";
    s.pageType="";
    s.prop1=s.siteID + "/guide";
    s.prop2="";
    s.prop3="";
    s.prop4="";
    s.prop5="";
    s.prop6="";
    s.prop9="";
    s.prop12="/guide";
    s.prop13="";
    s.prop14="";
    s.prop20=""
    s.prop21="";
    s.prop25="";
    /* Conversion Variables */
    s.events="";
    s.eVar1="";
    s.eVar2="";

    s.eVar8=""; // survey offer and completion pages. 
    s.eVar9="";
    s.eVar10="";
    s.eVar11="";
    s.eVar12="";
    s.eVar14="";//product name.
    s.campaign="";
	switch(page*1){
	    case 1: 
	        s.pageName = "Guide_Normal v AD";
	        break;
	    case 2: 
	        s.pageName = "Guide_Screener";
	        break;
	    case 3: 
	        s.pageName = "Guide_Clock Draw";
	        break;
	    case 4: 
	        s.pageName = "Guide_DDG";
	        break;
	    case 5: 
	        s.pageName = "Guide_Completed";
	        break;
	}
	var s_code=s.t();
	if(s_code)document.write(s_code);
}

/*** Set the colors on the progress bar ***/
function setProgressColors(progressItems) {
	var currentStep = dataBox.getValue('currentStep');
	var elementStep;
		
	progressItems.each(function(){
		elementStep = $(this).attr('id').replace(/[a-zA-Z]/g,'');
		if(elementStep == currentStep) {
			$(this).removeClass('novisited');
			$(this).removeClass('visited-incompleted');
			$(this).removeClass('visited-completed');
		} else {
			dataBox.currentStepNumber = elementStep;
			var stepInfo;
			stepInfo = dataBox.getValue('stepCompleted');
			
			if(stepInfo == 'true') {
				$(this).removeClass('novisited');
				$(this).addClass('visited-completed');
			} else {
				stepInfo = dataBox.getValue('stepVisited');				
				if(stepInfo == 'true') {
					$(this).removeClass('novisited');
					$(this).addClass('visited-incompleted');
				} else {				
					$(this).addClass('novisited');
					$(this).removeClass('visited-incompleted');
				}
			}
		}
	});
	
	this.currentStepNumber = dataBox.getValue('currentStep');
}