// Script

function getQueryVariable(variable)
{
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if(pair[0] == variable){return pair[1];}
	}
	return false;
}

var answers, answer, page, question_wrapper, question, label, checkbox, select, total, total_risk;

var results_url = "results/index.html";
var pages = [
	{
		title: "Passwords",
		questions : [{
			type: "radio",
			name: "different-passwords",
			question: "Do you have different business and personal <span class='tooltip-trigger' data-tooltip-title='Password' data-tooltip='A secret series of characters that enables a user to gain access to a file, computer or program and prevents unauthorised use.''>passwords</span>?",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 5
				}
			]
		},{
			type: "radio",
			name: "same-password",
			question: "Do you use the same <span class='tooltip-trigger' data-tooltip-title='Password' data-tooltip='A secret series of characters that enables a user to gain access to a file, computer or program and prevents unauthorised use.'>passwords</span> for more than one account?",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 5
				},
				{
					label: "No",
					name: "no",
					rating: 0
				}
			]
		},{
			type: "radio",
			name: "how-often-change",
			question: "How often do you change <span class='tooltip-trigger' data-tooltip-title='Password' data-tooltip='A secret series of characters that enables a user to gain access to a file, computer or program and prevents unauthorised use.'>passwords</span>?",
			answers: [
				{
					label: "Once a week",
					name: "week",
					rating: 0
				},
				{
					label: "Once a month",
					name: "month",
					rating: 4
				},
				{
					label: "Once a year",
					name: "year",
					rating: 8
				},
				{
					label: "Never",
					name: "never",
					rating: 12
				}
			]
		},{
			type: "radio",
			name: "how-often-shared",
			question: "How often do you use public or shared computers?",
			answers: [
				{
					label: "Often",
					name: "often",
					rating: 10
				},
				{
					label: "Rarely",
					name: "rarely",
					rating: 3
				},
				{
					label: "Never",
					name: "never",
					rating: 0
				}
			]
		},{
			type: "radio",
			question: "Do you always log-out?",
			name: "log-out",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "Often",
					name: "often",
					rating: 3
				},
				{
					label: "Rarely",
					name: "rarely",
					rating: 10
				}
			]
		},{
			type: "radio",
			question: "Have you changed default <span class='tooltip-trigger' data-tooltip-title='Password' data-tooltip='A secret series of characters that enables a user to gain access to a file, computer or program and prevents unauthorised use.''>passwords</span> for all user accounts?",
			name: "default-passwords",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 5
				},
				{
					label: "Don't know",
					name: "dont-know",
					rating: 3
				}
			]
		},

		]
	},
	{ // "<span class='tooltip-trigger' data-tooltip-title='' data-tooltip=''></span>"
		title: "Technology",
		questions : [{
			type: "radio",
			question: "Do you download official software updates and <span class='tooltip-trigger' data-tooltip='A small piece of software that is designed to update or fix problems with a computer program.' data-tooltip-title='Patches'>patches</span>?",
			name: "do-you-patch",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 4
				}
			]
		},{
			type: "radio",
			question: "Do you use <span class='tooltip-trigger' data-tooltip-title='Cloud computing' data-tooltip='The delivery of computer services on a pay-as-you-go basis over the internet.'>cloud computing</span>? ",
			name: "do-you-cloud",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 3
				},
				{
					label: "No",
					name: "no",
					rating: 0
				}
			]
		},{
			type: "radio",
			question: "Have you installed a <span class='tooltip-trigger' data-tooltip-title='Firewall' data-tooltip='A hardware or software security device that filters information passing between internal and external networks.'>firewall</span>?",
			name: "have-you-firewall",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 8
				}
			]
		},{
			type: "radio",
			question: "Do you have up-to-date anti-<span class='tooltip-trigger' data-tooltip-title='Malware' data-tooltip='Short for malicious software, it is a generic term that covers a range of software programs that are designed to attack, degrade, infiltrate or prevent the use of an IT system or network. Types of malware can include viruses, worms, Trojan horses, malicious active content and spyware.'>malware</span> protection?",
			name: "anti-malware",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 5
				},
				{
					label: "Don't know",
					name: "dont-know",
					rating: 3
				}
			]
		},{
			type: "radio",
			question: "Do you take regular back-ups of key business systems?",
			name: "regular-backups",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 5
				},
				{
					label: "Don't know",
					name: "dont-know",
					rating: 3
				}
			]
		}]

		
	},
	{
		title: "Sensitive data",
		questions : [{
			type: "radio",
			question: "Where do you keep sensitive data?",
			name: "sensitive-data",
			answers: [
				{
					label: "On the main server",
					name: "server",
					rating: 8
				},
				{
					label: "In a secure area",
					name: "secure-area",
					rating: 4
				},
				{
					label: "I don't keep sensitive data",
					name: "dont-keep",
					rating: 0
				},
				{
					label: "Behind a special <span class='tooltip-trigger' data-tooltip-title='Firewall' data-tooltip='A hardware or software security device that filters information passing between internal and external networks.'>firewall</span>",
					name: "firewall",
					rating: 2
				},
			]
		},{
			type: "radio",
			question: "Do you send sensitive documents by email?",
			name: "do-you-email",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 4
				},
				{
					label: "No",
					name: "no",
					rating: 0
				}
			]
		},{
			type: "radio",
			question: "When transferring important files containing sensitive data, do you <span class='tooltip-trigger' data-tooltip-title='Encrypt' data-tooltip='The translation of data into a secret code that cannot be easily understood by an unauthorised person.'>encrypt</span> them?",
			name: "when-transferring-important",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 0
				},
				{
					label: "No",
					name: "no",
					rating: 8
				},
				{
					label: "Don't know",
					name: "dont-know",
					rating: 4
				}
			]
		}]
	},{
		title : "Social media",
		questions: [{
			type: "checkbox",
			question: "Which social media platforms do you use?",
			name: "social-media-platforms",
			negative: 0,
			answers: [
				{
					label: "Twitter",
					name: "Twitter",
					rating: 0
				},
				{
					label: "LinkedIn",
					name: "LinkedIn",
					rating: 0
				},
				{
					label: "Facebook",
					name: "Facebook",
					rating: 0
				},
				{
					label: "YouTube",
					name: "YouTube",
					rating: 0
				}
			]
		},{
			type: "radio",
			question: "Are these accounts connected to your website?",
			name: "linked-to-website",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 4
				},
				{
					label: "No",
					name: "no",
					rating: 0
				}
			]
		},{
			type: "radio",
			question: "Are these accounts connected to your work email?",
			name: "linked-to-email",
			answers: [
				{
					label: "Yes",
					name: "yes",
					rating: 4
				},
				{
					label: "No",
					name: "no",
					rating: 0
				}
			]
		}]
	},{
		title : "About you",
		questions: [{
			type: "text",
			question: "Age",
			name: "age"
		},{
			type: "text",
			question: "Business or practice:",
			name: "business-name"
		},{
			type: "radio",
			question: "Size:",
			name: "size",
			answers: [
				{
					label: "Small",
					name: "small",
					rating: 0
				},
				{
					label: "Medium",
					name: "medium",
					rating: 0
				},
				{
					label: "Large",
					name: "large",
					rating: 0
				},
			]
		}]
	}
];

function create_questions(pages){
	total_risk = 0;
	for(var i = 0; i < pages.length; i ++){
		var page = $("<div/>", {
			"class": "page page-"+i,
			html: "<h2>" + pages[i].title+ "</h2>"
		});
		questions = $("<div/>", {
			"class": "page-contents"
		});
		for(var j = 0; j < pages[i].questions.length; j ++){

			question_rating = 0;

			question_wrapper = $("<div/>", {
				"class": "question_wrapper "+pages[i].questions[j].type
			});
			question = $("<p/>", {
				html: pages[i].questions[j].question,
				"class": "question"
			});
			question.appendTo(question_wrapper);

			// ---------------
			// C H E C K B O X
			// ---------------

			if(pages[i].questions[j].negative){
				hidden = $("<input/>", {
					type: "hidden",
					value: pages[i].questions[j].negative
				});
				total_risk += (pages[i].questions[j].negative * 2);
				hidden.appendTo(question_wrapper);
			}

			if(pages[i].questions[j].type == "checkbox"){
				answers = $("<div/>",{
					"class": "answers"
				});
				for(k = 0; k < pages[i].questions[j].answers.length; k ++){
					
					
					question_rating = pages[i].questions[j].answers[k].rating;
					total_risk += question_rating;

					answer = $("<div/>");

					label = $("<label/>",{
						'html': pages[i].questions[j].answers[k].label,
						'for': "id-" + i + '-' + j + '-' + k
					});
					checkbox = $("<input/>", {
						'type': "checkbox",
						// 'required' : 'required',
						'name': pages[i].questions[j].name + '[]',
						'value': pages[i].questions[j].answers[k].rating,
						'id': "id-" + i + '-' + j + '-' + k
					});

					label.appendTo(answer);
					checkbox.appendTo(answer);

					answer.appendTo(answers);

				}
				answers.appendTo(question_wrapper);
			}

			// -----------
			// S E L E C T
			// -----------
			
			if(pages[i].questions[j].type == "select"){
				answers = $("<div/>",{
					"class": "answers"
				});
				select = $("<select/>");
				for(k = 0; k < pages[i].questions[j].answers.length; k ++){
					
					if(pages[i].questions[j].answers[k].rating > question_rating){
						question_rating = pages[i].questions[j].answers[k].rating;
					}

					answer = $("<div/>");

					option = $("<option/>", {
						text: pages[i].questions[j].answers[k].label,
						value: pages[i].questions[j].answers[k].rating
					});
					option.appendTo(select);
					

				}
				total_risk += question_rating;
				select.appendTo(answer);
				answer.appendTo(answers);
				answers.appendTo(question_wrapper);
			}
			// -----------
			// T E X T
			// -----------
			
			if(pages[i].questions[j].type == "text"){
				answers = $("<div/>",{
					"class": "answers"
				});
				answer = $("<input/>", {
					'type' : 'text',
					'required' : 'required',
					'name' : pages[i].questions[j].name
				});

				answer.appendTo(answers);
				answers.appendTo(question_wrapper);
			}

			// ---------
			// R A D I O
			// ---------

			if(pages[i].questions[j].type == "radio"){
				answers = $("<div/>",{
					"class": "answers"
				});

				for(k = 0; k < pages[i].questions[j].answers.length; k ++){
					
					var answer = $("<div/>");

					if(pages[i].questions[j].answers[k].rating > question_rating){
						question_rating = pages[i].questions[j].answers[k].rating;
					}

					var label = $("<label/>",{
						html: pages[i].questions[j].answers[k].label,
						'for': "id-" + i + '-' + j + '-' + k
					});

					var radio_input = $("<input/>", {
						'text': pages[i].questions[j].answers[k].label,
						'value': pages[i].questions[j].answers[k].rating,
						'name': pages[i].questions[j].name + '[]',
						"required" : "required",
						'id': "id-" + i + '-' + j + '-' + k,
						'type': "radio"
					});
					label.appendTo(answer);
					radio_input.appendTo(answer);
					answer.appendTo(answers);
				}
				answers.appendTo(question_wrapper);
				total_risk += question_rating;
			}

			

			question_wrapper.appendTo(questions);


		}


		if(i != pages.length -1){
			button = $("<button/>", {
				text: "Next",
				"class": "next-questions"
			});
			button_div = $("<div/>",{
				"class": "button-wrapper"
			});
			button.appendTo(button_div);
			button_div.appendTo(questions);
		}else{
			button = $("<a/>", {
				"text": "Finish",
				"class": "button",
				"href": results_url + '?p=0',
				"id": "results-button"
			});
			button_div = $("<div/>",{
				"class": "button-wrapper"
			});
			button.appendTo(button_div);
			button_div.appendTo(questions);
		}

		questions.appendTo(page);
		page.appendTo("#pages");

	}

	$(".page-contents").hide();
	$(".page-0").addClass('active').find(".page-contents").show();

}

create_questions(pages);

function add_questions(){
	total = 0;
	$("#quiz input").each(function(){
		if($(this).is(":checked")){
			total += parseInt($(this).val(), 10);
		}
	});
	$("#quiz select").each(function(){
		total += parseInt($(this).find("option:selected").val(), 10);
	});
	$("#quiz input[type=hidden]").each(function(){
		total  += parseInt($(this).val(), 10);
	});
	$("#results").text(total);
	var perc_number = String(Math.ceil(100 * (total / total_risk)));
	$("#results-button").attr('href', results_url + '?p=' + perc_number);
}

$(document).on( "change", "#quiz input, #quiz select", function(){
	add_questions();
});

$(document).on( "click", "#pages h2", function(){
	$page = $(this).closest('.page');
	if($page.hasClass('active')){
		$page.removeClass('active').find('.page-contents').slideUp();
	}
	else{
		$page.addClass('active').find('.page-contents').slideDown();
	}
	if($('.active').length){
		$('body, html').animate({
			'scrollTop' : $page.offset().top
		});	
	}
});

$(document).on( "click", "button", function(event){
	event.preventDefault();
	$(".active").removeClass('active').find('.page-contents').slideUp();
	$(this).closest('.page').next().addClass('active').find('.page-contents').slideDown(400, function(){
		$('body, html').animate({
			'scrollTop' : $(".active").offset().top
		});	
	});
});

add_questions();



var url_percentage = getQueryVariable('p');
if(url_percentage){

	var url_percentage_number = parseInt(url_percentage);
	var rating = '';

	if(url_percentage_number < 33){
		rating = 'low';
	}else if(url_percentage_number < 66){
		rating = 'medium';
	}else{
		rating = 'high';
	}

	$('#score-placeholder').text(rating);

	var perc = url_percentage + "%";
	$("#bar").animate({
		width: perc
	});
 
	console.log('hello');

	var links = {
		"high" : "http://www.icaew.com/en/technical/information-technology/cyber-resource-centre/getting-started",
		"medium" : "http://www.icaew.com/en/technical/information-technology/cyber-resource-centre/good-security-practices",
		"low" : "http://www.icaew.com/en/technical/information-technology/cyber-resource-centre/risk-and-return"
	}

	$('#find-out-more-link').attr('href', links[rating]);

}



$('[data-tooltip]').css({'cursor':'pointer'}).hover(function(){
	var $target = $(this);
	var target_width = $target.width();
	var target_top = $target.offset().top;
	var target_left = $target.offset().left;
	$('#tooltip-title').text($target.attr('data-tooltip-title'));
	$('#tooltip-text').text($target.attr('data-tooltip'));
	$('#tooltip').css({
		'top' : target_top + 28,
		'left' : target_left - 100
	}).fadeIn(200);
},function(){
	$('#tooltip').hide();
});

$('#results-button').on('click', function(e){
	$("#quiz").validate({'ignore' : '.ignore'});
	if( ! $("#quiz").valid()){
		$page = $("label.error").filter(function() { return $(this).css("display") != "none" }).closest('.page');
		$page.find('.page-contents').show();
		$page.addClass('active');
		return false;
	};	
});

/*

Unused

,{
	type: "checkbox",
	question: "Do you use any of the following (tick all that apply) ",
	negative: 12,
	answers: [
		{
			label: "Password generator",
			name: "password-generator",
			rating: -4
		},
		{
			label: "Encryption",
			name: "encryption",
			rating: -4
		},
		{
			label: "Key chain management",
			name: "key-chain-management",
			rating: -4
		}
	]
}


*/