/* THIS IS WHAT I USED TO MAKE THE NEW ANIMATION, A LOT OF PRECISION */

$('#text').typeIt({
					 speed: 50,
					 autoStart: false
				})
				.tiSettings({speed: 5})
				.tiType('-Username: ')
				.tiPause(2000)
				.tiSettings({speed: 80})
				.tiType('<?=$broken;?>')
				.tiPause(500)
				.tiDelete(2)
				.tiType('<?=$fix;?>')
				.tiPause(1000)
				.tiBreak()
				.tiSettings({speed: 5})
				.tiType('-Password: ')
				.tiPause(2000)
				.tiSettings({speed: 80})
				.tiType('***')
				.tiPause(1000)
				.tiType('****')
				.tiSettings({speed: 200})
				.tiType('*****')
				.tiPause(2000)
				.tiBreak()
				.tiBreak()
				.tiSettings({speed: 10})
				.tiType('--- Access Granted ---')
				.tiBreak()
				.tiType('<?=$r1;?>')
				.tiBreak()
				.tiType('----------------------')
				.tiPause(2000)
				.tiBreak()
				.tiBreak()
				.tiSettings({speed: 50})
				.tiType('Joining: <?=$name;?>')
				.tiBreak()
				.tiType('Current Map: <?=$_SESSION['sMap'];?>')
				.tiBreak()
				.tiType('User Data: <?=$uData;?>')
				.tiPause(3000)
				.tiBreak()
				.tiBreak()
				.tiBreak()
				.tiSettings({speed: 10})
				.tiType('----------------------')
				.tiSettings({speed: 30})
				.tiBreak()
				.tiType('<?=$r2;?>')
				.tiBreak()
				.tiType('<?=$r3;?>')
				.tiBreak()
				.tiSettings({speed: 10})
				.tiType('----------------------')
				.tiSettings({speed: 50})
				.tiPause(5000)
				.tiBreak()
				.tiBreak()
				.tiType('<?=$r4;?>')

/* THIS WAS THE OLD ANIMATION, YOU CAN SEE THE DIFFERENCE */

			$('#text').typeIt({
					strings: [
					"-Username: <?=$uName;?>",
					"-Password ********",
					" ",
					"--- Access Granted ---",
					"<?=$r1;?>",
					"----------------------",
					" ",
					"Joining: <?=$name;?>",
					"Current Map: <?=$_SESSION['sMap'];?>",
					"User Data: <?=$uData;?>",
					" ",
					"----------------------",
					"<?=$r2;?>",
					"<?=$r3;?>",

					"----------------------",
					" ",
					"<?=$r4;?>"

					],
					speed: 50,
					autoStart: false
				});