var phrases = [
    ["", "today: Started writing my memoirs. On the command line. Like a boss.", ""],
    ["", "yesterday 2pm: used jrnl to keep track of accomplished tasks. The done.txt for my todo.txt", ""],
    ["-from 2009 -until may", "", "(Displays all entries from January 2009 to last may)"],
    ["", "A day on the beach with @beth and @frank. Taggidy-tag-tag.", ""],
    ["--tags", "", "@idea    7<br />@beth    5"],
    ["--export json", "", "(Exports your entire journal to json)"],
    ["--encrypt", "", "(256 bit AES encryption. Crack this, NSA.)"]
]

var args = document.getElementById("args");
var input = document.getElementById("input");
var output = document.getElementById("output");
var right = document.getElementById("right");
var left = document.getElementById("left");
var current = 0
var timer = null;

var next = function() {
    clearTimeout(timer);
    reveal(++current % phrases.length);
    setTimeout(next, 5000);
}
var prev = function() {
    reveal(--current % phrases.length);
}

var reveal = function(idx) {
    var args_text      = phrases[idx][0];
    var input_text     = phrases[idx][1];
    var output_text    = phrases[idx][2];
    var old_dix = idx == 0 ? phrases.length - 1 : idx - 1;
    console.log(idx, old_dix, "++++++++++++")
    var old_args_text  = phrases[old_dix][0]
    var old_input_text = phrases[old_dix][1]
    var old_output_text =phrases[old_dix][2]
    console.log(args_text, input_text, output_text)
    console.log(old_args_text, old_input_text, old_output_text)
    var s4 = function() {fadeIn(output_text, output);}
    var s3 = function() {letter(input_text, input, s4);}
    var s2 = function() {letter(args_text, args, s3);}
    var s1 = function() {unletter(old_args_text, args, s2);}
    var s0 = function() {unletter(old_input_text, input, s1);}
    fadeOut(old_output_text, output, s0, 10);
    // letter(input_text, input);
    // output.innerHTML = output_text;
}
var fadeIn = function(text, element, next, step) {
    step = step || 0
    var nx = function() { fadeIn(text, element, next, ++step); }
    if (step==0) {
        element.innerHTML = "";
        setTimeout(nx, 550);
        return;
    }
    if (step==1) {element.innerHTML = text;}
    if (step>10 || !text) { if (next) {next(); return;} else return;}
    element.style.opacity = (step-1)/10;
    element.style.filter = 'alpha(opacity=' + (step-1)*10 + ')';
    setTimeout(nx, 50);
}
var fadeOut = function(text, element, next, step) {
    if (step===10) element.innerHTML = text;
    if (step<0 || !text) {
        element.innerHTML = "";
        if (next) {next(); return;}
        else return;
    }
    element.style.opacity = step/10;
    element.style.filter = 'alpha(opacity=' + step*10 + ')';
    var nx = function() { fadeOut(text, element, next, --step); }
    setTimeout(nx, 50);
}

var unletter = function(text, element, next, timeout, index) {
    timeout = timeout||10;
    if (index==null) index = text.length;
    if (index==-1 || !text.length) { if (next) {next(); return;} else return;}
    element.innerHTML = text.substring(0, index);
    var nx = function() { unletter(text, element, next, timeout, --index); }
    setTimeout(nx, timeout);
}

var letter = function(text, element, next, timeout, index) {
    timeout = timeout||35;
    index = index||0;
    if (index > text.length || !text.length) { if (next) {next(); return;} else return;}
    element.innerHTML = text.substring(0, index);
    var nx = function() { letter(text, element, next, timeout, ++index); }
    setTimeout(nx, timeout);
}
setTimeout(next, 3000);