//var MAL_TablesShown = 1; // Output by page

function MAL_GoStep1() {
    $('step1Content').setStyle('display', '');
    $('step2Content').setStyle('display', 'none');
    $('step3Content').setStyle('display', 'none');
}
function MAL_GoStep2() {
    $('step1Content').setStyle('display', 'none');
    $('step2Content').setStyle('display', '');
    $('step3Content').setStyle('display', 'none');
}
function MAL_GoStep3() {
    $('step1Content').setStyle('display', 'none');
    $('step2Content').setStyle('display', 'none');
    $('step3Content').setStyle('display', '');
}

window.addEvent('domready', function() {

    // Init our accordian-like element
    MAL_GoStep1();

    $('step1Header').addEvent('click', function(event) {
        MAL_GoStep1();
    });
    $('step1Next').addEvent('click', function(event) {
        MAL_GoStep2();
    });

    $('step2Header').addEvent('click', function(event) {
        MAL_GoStep2();
    });
    $('step2Next').addEvent('click', function(event) {
        MAL_GoStep3();
    });
    $('step2Prev').addEvent('click', function(event) {
        MAL_GoStep1();
    });

    $('step3Header').addEvent('click', function(event) {
        MAL_GoStep3();
    });
    $('step3Prev').addEvent('click', function(event) {
        MAL_GoStep2();
    });

    // Hide some word tables
    if (MAL_TablesShown < 2) {
        $('wordTable2').setStyle('display', 'none');
    }
    if (MAL_TablesShown < 3) {
        $('wordTable3').setStyle('display', 'none');
    }
    if (MAL_TablesShown < 4) {
        $('wordTable4').setStyle('display', 'none');
    }
    if (MAL_TablesShown < 5) {
        $('wordTable5').setStyle('display', 'none');
    }
    
    $('divWordLimit').setStyle('display', 'none');

    $('divAddMoreWords').addEvent('click', function(event) {
        MAL_TablesShown++;

        if (MAL_TablesShown > 5) {
            $('divAddMoreWords').setStyle('display', 'none');
            $('divWordLimit').setStyle('display', '');
        }
        else {
            $('wordTable' + MAL_TablesShown).setStyle('display', '');
        }



    });

});