var g_cardsInited = false;

function init()
{
    if (document.getElementById)
    {
        g_cardsInited = true;
    }
}

function step2()
{
    hideLayer("cardsrow1");
    showLayer("cardsrow2");

    hideLayer("instruct1");
    showLayer("instruct2");
}

function step3()
{
    hideLayer("cardsrow2");
    showLayer("cardsrow3");

    hideLayer("instruct2");
    showLayer("instruct3");
}

function showLayer(sId)
{
    if (g_cardsInited)
    {
        var elm = document.getElementById(sId);
        elm.style.display = "block";
    }
}

function hideLayer(sId)
{
    if (g_cardsInited)
    {
        var elm = document.getElementById(sId);
        elm.style.display = "none";
    }
}