terminal.js

var columnHeight = 17;

var wordColumnWidth = 12;

var Count = 12;

var Difficulty = 7;

var DudLength = 8;

var Sound = true;

var InfoText = "ROBCO INDUSTRIES (TM) TERMALINK PROTOCOL<br />ENTER PASSWORD NOW";

var Haikus = [
	"Out of memory.<br />We wish to hold the whole sky,<br />But we never will.",
	"Three things are certain:<br />Death, taxes, and lost data.<br />Guess which has occurred.",
	"wind catches lily<br />scatt'ring petals to the wind:<br />segmentation fault",
	"The fence is for you<br />To protect you from danger<br />Don't go past the fence",
	"Joe Roquefort: hero<br />of cryptanalysis in<br />the Second World War.",
	"Math gurus showed us<br />some hash weaknesses. Panic<br />ensues. New hash now!",
	"Two thousand seven,<br />NIST says 'New hash contest now!'<br />Five years later, done."
];

var Correct = "";

var Words = {};

var OutputLines = [];

var AttemptsRemaining = 4;

var Power = "off";

var BracketSets = [
	"<>",
	"[]",
	"{}",
	"()"
];

var gchars =
[
	"'",
	"|",
	"\"",
	"!",
	"@",
	"#",
	"$",
	"%",
	"^",
	"&",
	"*",
	"-",
	"_",
	"+",
	"=",
	".",
	";",
	":",
	"?",
	",",
	"/"
];

Start = function()
{
	$.get("server.php", {
		length: Difficulty,
		count: Count
	}, WordCallback);
}

window.onload = function()
{
	if (Power == "off")
		return;
		
	if ($.browser.safari || $.browser.msie)
		Sound = false;
	
	document.onselectstart = function() { return false; }
	
	if (Sound)
		$("#poweron")[0].play();
	
	PopulateScreen();
	
	WordColumnsWithDots();
	FillPointerColumns();
	SetupOutput();
	
	AttemptsRemaining = 4;
	
	JTypeFill("info", InfoText, 20, function()
	{
		UpdateAttempts();
	}, "", "");
	Start();
	
}

WordColumnsWithDots = function()
{
	var column2 = $("#column2");
	var column4 = $("#column4");
	
	var dots = GenerateDotColumn();
	column2.html( dots );
	column4.html( dots );
}

PopulateScreen = function()
{
	$("#terminal").html('<div id="terminal-interior"><div id="info"></div><div id="attempts"></div><div id="column1" class="column pointers"></div><div id="column2" class="column words"></div><div id="column3" class="column pointers"></div><div id="column4" class="column words"></div><div id="output"></div><div id="console">></div></div>');
}

UpdateAttempts = function()
{
	var AttemptString = AttemptsRemaining + " ATTEMPT(S) LEFT: ";
	JTypeFill("attempts", AttemptString, 20, function(){
		var i = 0;
		while (i < AttemptsRemaining)
		{
			AttemptString += " &#9608;";
			i++;
		}
		$("#attempts").html( AttemptString);
	}, "", "");
}

TogglePower = function()
{
	if (Power == "on")
	{
		Power = "off";
		$("#terminal-background-off").css("visibility", "visible");
		$("#terminal").css("background-image", "url('graphics/bg-off.png')");
		$("#terminal").html("");
		if (Sound)
			$("#poweroff")[0].play();
	}
	else
	{
		Power = "on";
		$("#terminal-background-off").css("visibility", "hidden");
		$("#terminal").css("background-image", "url('graphics/bg.png')");
		window.onload();
	}
}

JTypeFill = function(containerID, text, TypeSpeed, callback, TypeCharacter, Prefix)
{
	var cont = $("#" + containerID);
	
	if (typeof TypeCharacter == 'undefined' || TypeCharacter == null)
		TypeCharacter = "&#9608;";
	
	if (typeof Prefix == 'undefined' || Prefix == null)
		Prefix = ">";
	
	cont.html("").stop().css("fake-property", 0).animate(
	{
		"fake-property" : text.length
	},
		{
			duration: TypeSpeed * text.length,
			step: function(i)
			{
				var insert = Prefix + text.substr(0, i);
				var i = Math.round(i);
				if (cont.text().substr(0, cont.text().length - 1 ) != insert)
				{
					if (Sound)
						$("#audiostuff").find("audio").eq( Math.floor(Math.random() * $("#audiostuff").find("audio").length) )[0].play();
				}
				cont.html(insert + TypeCharacter);
			},
			complete: callback
		}
	);
}

WordCallback = function(Response)
{
	Words = JSON.parse(Response).words;
	Correct = Words[0];
	Words = Shuffle(Words);
	FillWordColumns();
}

SetupInteractions = function(column)
{
	column = $(column);
	
	column.find(".character").hover(function()
	{
		if (AttemptsRemaining == 0)
			return false;
			
		$(this).addClass("character-hover");
		
		
		
		if ( !$(this).hasClass("word") && !$(this).hasClass("dudcap") )
		{
			UpdateConsole($(this).text());
			return true;
		}
		
		if ($(this).hasClass("word"))
			UpdateConsole($(this).attr("data-word"));
		else if ($(this).hasClass("dudcap"))
			UpdateConsole($(this).text());
		
		var cur = $(this).prev();
		if (cur.is("br"))
				cur = cur.prev();
		while (cur.hasClass("word") || cur.hasClass("dud"))
		{
			cur.addClass("character-hover");
			cur = cur.prev();
			if (cur.is("br"))
				cur = cur.prev();
		}
		
		var cur = $(this).next();
		if (cur.is("br"))
				cur = cur.next();
		while (cur.hasClass("word") || cur.hasClass("dud"))
		{
			cur.addClass("character-hover");
			cur = cur.next();
			if (cur.is("br"))
				cur = cur.next();
		}
		
	},
	function()
	{
			
		$(this).removeClass("character-hover");
		
		if ( !$(this).hasClass("word") && !$(this).hasClass("dudcap") )
			return true;
		
		var cur = $(this).prev();
		if (cur.is("br"))
				cur = cur.prev();
		while (cur.hasClass("word") || cur.hasClass("dud"))
		{

			cur.removeClass("character-hover");
			cur = cur.prev();
			if (cur.is("br"))
				cur = cur.prev();
		}
		
		var cur = $(this).next();
		if (cur.is("br"))
				cur = cur.next();
		while (cur.hasClass("word") || cur.hasClass("dud"))
		{
			cur.removeClass("character-hover");
			cur = cur.next();
			if (cur.is("br"))
				cur = cur.next();
		}
	});
	
	column.find(".character").click(function()
	{
		if (AttemptsRemaining == 0)
			return false;
			
		var word;
		if ($(this).hasClass("word"))
		{
			if (Sound)
				$("#enter")[0].play();
			word = $(this).attr("data-word");
			UpdateOutput(word);
			
			if (word.toLowerCase() == Correct.toLowerCase())
			{
				if (Sound)
					$("#passgood")[0].play();
				UpdateOutput("");
				UpdateOutput("Exact match!");
				UpdateOutput("Please wait");
				UpdateOutput("while system");
				UpdateOutput("is accessed.");
				AttemptsRemaining = 0;
				Success();
			}
			else
			{
				if (Sound)
					$("#passbad")[0].play();
				UpdateOutput("Entry denied");
				UpdateOutput( CompareWords(word, Correct) + "/" + Correct.length + " correct." );
				AttemptsRemaining--;
				UpdateAttempts();
				if (AttemptsRemaining == 0)
					Failure();
			}
		}
		else if ($(this).hasClass("dudcap"))
		{
			if (Sound)
				$("#enter")[0].play();
			HandleBraces( $(this) );
		}
		else
		{
			return false;
		}
	});
}

RemoveDud = function()
{
	var LiveWords = $(".word").not("[data-word='" + Correct.toUpperCase() + "']");
	
	var WordToRemove = $( LiveWords[ Math.floor( Math.random() * LiveWords.length) ] ).attr("data-word");
	
	$("[data-word='" + WordToRemove + "']").each(function(index, elem)
	{
		$(this).text(".").removeClass("word").removeAttr("data-word");
	});
}

HandleBraces = function(DudCap)
{
	if ( Math.round( Math.random() - .3 ) )
	{
		AttemptsRemaining = 4;
		UpdateOutput("");
		UpdateOutput("Allowance");
		UpdateOutput("replenished.");
		UpdateAttempts();
	}
	else
	{
		UpdateOutput("");
		UpdateOutput("Dud removed.");
		RemoveDud();
	}
	
	$(DudCap).text(".").unbind("click");
		var cur = $(DudCap).next();
		if (cur.is("br"))
				cur = cur.next();
		while ( cur.hasClass("dud") )
		{
			if ( cur.hasClass("dudcap") )
			{
				cur.text(".").removeClass("dudcap").unbind("click");
			}
			else
			{
				cur.text(".").unbind("click");
			}
			cur = cur.next();
			if (cur.is("br"))
				cur = cur.next();
		}
		
		var cur = $(DudCap).prev();
		if (cur.is("br"))
				cur = cur.prev();
		while ( cur.hasClass("dud") )
		{
			if ( cur.hasClass("dudcap") )
			{
				cur.text(".").removeClass("dudcap").unbind("click");
			}
			else
			{
				cur.text(".").unbind("click");
			}
			cur = cur.prev();
			if (cur.is("br"))
				cur = cur.prev();
		}
}

Failure = function()
{
	UpdateOutput("Entry denied.");
	UpdateOutput("Lockout in");
	UpdateOutput("progress.");
	
	$("#terminal-interior").animate({
		top: -1 * $("#terminal-interior").height()
	},
	{
		duration: 1000,
		complete : function()
		{
			$("#terminal").html("<div id='adminalert'>TERMINAL LOCKED<br />PLEASE CONTACT AN ADMINISTRATOR</div>");
		}
	});
}

Success = function()
{
	$("#terminal-interior").animate({
		top: -1 * $("#terminal-interior").height()
	},
	{
		duration: 1000,
		complete : function()
		{
			$("#terminal").html("<div id='adminalert'>" + Haikus[ Math.floor( Math.random() * Haikus.length ) ].toUpperCase() + "</div>");
		}
	});
}

CompareWords = function(first, second)
{
	if (first.length !== second.length)
	{
		return 0;
	}
	
	first = first.toLowerCase();
	second = second.toLowerCase();
	
	var correct = 0;
	var i = 0;
	while (i < first.length)
	{
		if (first[i] == second[i])
			correct++;
		i++;
	}
	return correct;
}

UpdateConsole = function(word)
{
	var cont = $("#console");
	var curName = cont.text();
	var TypeSpeed = 80;
	
	cont.html("").stop().css("fake-property", 0).animate(
	{
		"fake-property" : word.length
	},
		{
			duration: TypeSpeed * word.length,
			step: function(i)
			{
				var insert = ">" + word.substr(0, i);
				var i = Math.round(i);
				if (cont.text().substr(0, cont.text().length - 1 ) != insert)
				{
					if (Sound)
						$("#audiostuff").find("audio").eq( Math.floor(Math.random() * $("#audiostuff").find("audio").length) )[0].play();
				}
				cont.html(insert + "&#9608;");
			}
		}
	);
}

UpdateOutput = function(text)
{
	OutputLines.push(">" + text);
	
	var output = "";
	
	var i = columnHeight - 2;
	while (i > 0)
	{
		output += OutputLines[ OutputLines.length - i ] + "<br />";
		i--;
	}
	
	$("#output").html(output);
}

PopulateInfo = function()
{
	var cont = $("#info");
	
	var curHtml = "";
	
	var TypeSpeed = 20;

	cont.stop().css("fake-property", 0).animate(
		{
			"fake-property" : InfoText.length
		},
		{
			duration: TypeSpeed * InfoText.length,
			step: function(delta)
			{
				var insert = InfoText.substr(0, delta);
				delta = Math.round(delta);
				if (cont.html().substr(0, cont.html().length - 1 ) != insert)
				{
					$("#audiostuff").find("audio").eq( Math.floor(Math.random() * $("#audiostuff").find("audio").length) )[0].play();
				}
				cont.html(insert);
			}
		}
	);
}

SetupOutput = function()
{
	var i = 0;
	while (i < columnHeight)
	{
		OutputLines.push("");
		i++;
	}
}

FillPointerColumns = function()
{
	var column1 = document.getElementById("column1");
	var column3 = document.getElementById("column3");
	
	var pointers = "";
	
	var i = 0;
	while ( i < columnHeight )
	{
		pointers += RandomPointer() + "<br />";
		i++;
	}
	
	column1.innerHTML = pointers;
	
	pointers = "";
	
	var i = 0;
	while ( i < columnHeight )
	{
		pointers += RandomPointer() + "<br />";
		i++;
	}
	
	column3.innerHTML = pointers;
}

FillWordColumns = function()
{
	var column2 = document.getElementById("column2");
	var column4 = document.getElementById("column4");
	
	var column2Content = $(GenerateGarbageCharacters());
	var column4Content = $(GenerateGarbageCharacters());
	
	var WordsPerColumn = Words.length;
	
	// Fill the first column
	
	var AllChars = column2Content;
	
	var start = Math.floor(Math.random() * wordColumnWidth);
	var i = 0;
	while (i < Words.length / 2)
	{
		var pos = start + i * Math.floor(AllChars.length / (Words.length / 2));
		for (var s = 0; s < Difficulty; s++)
		{
			var word = Words[i].toUpperCase();
			$(AllChars[pos + s]).addClass("word").text(word[s]).attr("data-word", word);
		}
		i++;
	}
	
	AllChars = AddDudBrackets(AllChars);
	//console.log( AllBlanks );
	
	PrintWordsAndShit( column2, AllChars );
	
	// Fill the second, we'll work this into a loop later
	
	AllChars = column4Content;
	
	start = Math.floor(Math.random() * wordColumnWidth);
	i = 0;
	while (i < Words.length / 2)
	{
		var pos = start + i * Math.floor(AllChars.length / (Words.length / 2));
		for (var s = 0; s < Difficulty; s++)
		{
			var word = Words[i + Words.length / 2].toUpperCase();
			$(AllChars[pos + s]).addClass("word").text(word[s]).attr("data-word", word);
		}
		i++;
	}
	AllChars = AddDudBrackets(AllChars);
	PrintWordsAndShit( column4, AllChars );
}

AddDudBrackets = function(Nodes)
{
	var AllBlankIndices = GetContinuousBlanks(Nodes);
	
	
	var i = 1;
	while (i < AllBlankIndices.length)
	{
		if (Math.round( Math.random() + .25 ) )
		{
			var Brackets = BracketSets[ Math.floor( Math.random() * BracketSets.length ) ];
			var ChunkCenter = Math.floor( AllBlankIndices[i].length / 2 );
			var j = ChunkCenter - DudLength / 2;
			while (j < ChunkCenter + DudLength / 2)
			{
				if (j == ChunkCenter - DudLength / 2)
					$( Nodes[ AllBlankIndices[i][ j ] ] ).text( Brackets[0] ).addClass("dudcap");
				else if (j == ChunkCenter + DudLength / 2 - 1)
					$( Nodes[ AllBlankIndices[i][ j ] ] ).text( Brackets[1] ).addClass("dudcap");
				
				$( Nodes[ AllBlankIndices[i][ j ] ] ).addClass("dud");
				
				j++;
			}
		}
		i++;
	}
	
	return Nodes;
}

GetContinuousBlanks = function(Nodes)
{
	var AllNodes = $( Nodes );
	var ContinuousBlanks = [[]];
	var cur = 0;
	$.each(AllNodes, function(index, elem)
	{
		if ( !$(elem).hasClass("word") )
		{
			ContinuousBlanks[cur].push( index );
		
			if (index + 1 != AllNodes.length)
			{
				if ( $(AllNodes[index + 1]).hasClass("word") )
				{
					ContinuousBlanks.push([]);
					cur++;
				}
			}
		}
	});
	return ContinuousBlanks;
}

PrintWordsAndShit = function(container, words)
{
	Nodes = $(container).find(".character");
	Nodes.each(function(index, elem)
	{
		$(elem).delay(5 * index).queue(function()
		{
			$(elem).replaceWith( words[index] );
			if (index == Nodes.length - 1)
			{
				SetupInteractions(container);
			}
		});
	});
}

Shuffle = function(array)
{
	var tmp, current, top = array.length;
	if(top) while(--top)
	{
		current = Math.floor(Math.random() * (top + 1));
		tmp = array[current];
		array[current] = array[top];
		array[top] = tmp;
	}
	return array;
}

GenerateDotColumn = function()
{
	var dots = "";
	
	var x = 0;
	var y = 0;
	while (y < columnHeight)
	{
		while (x < wordColumnWidth)
		{	
			dots += "<span class='character'>.</span>";
			x++;
		}
		dots += "<br />";
		x = 0;
		y++;
	}
	
	return dots;
}

GenerateGarbageCharacters = function()
{
	var garbage = "";
	
	var x = 0;
	var y = 0;
	while (y < columnHeight)
	{
		while (x < wordColumnWidth)
		{	
			garbage += "<span class='character'>" + gchars[ Math.floor( Math.random() * gchars.length ) ] + "</span>";
			x++;
		}
		//garbage += "<br />";
		x = 0;
		y++;
	}
	
	return garbage;
}

RandomPointer = function()
{
	if (Sound)
		return "0x" + (("0000" + Math.floor( Math.random() * 35535 ).toString(16).toUpperCase()).substr(-4));
	else
	{
		var butt = (("0000" + Math.floor( Math.random() * 35535 ).toString(16).toUpperCase()));
		return "0x" + butt.slice(butt.length - 4, butt.length); 
	}				
}