script.js

var qData = null; // THIS VARIABLE HOLDS THE DATA ;)

$(document).ready( function(){
	window.onpopstate = function(){
		displayQuestion(null);
	};
	$('.outer-container').css('min-height', $(window).height()-130);
	$.get('data.json', null, function(data){
		qData = data;
		displayQuestion(null);
	}, "json");
});

function displayQuestion(routeString){
	$('.stack-container,.question-container,.choice-container,.answer-container').empty();
	$('.min-strength-warning').hide();

	var invalidFlag = false;
	var route=[];
	var i;
	if(routeString===null){
		routeString='';
		if(window.location.hash.length>1){
			// Google Analytics
			ga('send', 'pageview', '/pp/' + encodeURIComponent(window.location.hash.substring(1)));

			route=window.location.hash.substring(1).split('/');
			for(i in route){
				routeString += route[i] + '/';
			}
		}
	}else{
		route = routeString.split('/');
	}

	if(routeString.length > 0 && routeString[routeString.length-1]!='/')
		routeString+='/';

	var currentNode = qData;
	var stackHTML=$('<div />'),stackNode=null;

	for(i in route){
		if(route[i].length===0)
			break;
		if(typeof(currentNode.children)==='undefined'||currentNode.children.length===0){
			invalidFlag=true;
			break;
		}

		stackHTML.append('<div class="arrow-down"></div>').append($('<div />').addClass('stack-piece').html('<a href="#'+getRouteString(route,i)+'">'+currentNode.choices[route[i]]+'</a>'));
		currentNode = currentNode.children[route[i]];
	}

	$('.stack-container').html(stackHTML);

	if(currentNode.answer!==null){
		$('.answer-container').html(currentNode.answer);
		if(currentNode.min_strength_level == true)
			$('.min-strength-warning').show();
	}else{

		$('.question-container').html(currentNode.question);
		var outputHTML='', loopEnd = currentNode.choices.length;

		for(i in currentNode.choices){
			outputHTML += '<li><a href="#'+routeString+i+'">'+currentNode.choices[i]+'</a></li>';
		}
		$('.choice-container').html(outputHTML);
	}

	$('.choice-container a,.stack-container a,.min-strength-warning a').off().click(function(){
		if($(this).attr('href').charAt(0) == '#'){
			// Google Analytics
			ga('send', 'pageview', '/pp/' + encodeURIComponent($(this).attr('href').substring(1)));

			displayQuestion($(this).attr('href').substring(1));
			if($(window).scrollTop() > $('.stack-container').position().top){
				$('html,body').animate({scrollTop: $('.stack-container').position().top});
			}
		}

	});

	$('.answer-container a').off().click(function(e){
		// Open all answer links in a new tab
		e.preventDefault();
		window.open($(this).attr('href'));
	});
}

function getRouteString(route,depth){
	var s = '';
	for(var i=0;i<depth;i++){
		if(i!==0)
			s += '/';
		s += route[i];
	}
	return s;
}