function showBandForm()
{
    if (e = document.getElementById('choices'))
    {
        e.style['display'] = 'none';
    }

    if (e = document.getElementById('instructionsDemo'))
    {
        e.style['display'] = 'none';
    }

    if (e = document.getElementById('formBand'))
    {
        e.style['display'] = 'block';
    }
}


function showDemoInstructions()
{
    if (e = document.getElementById('choices'))
    {
        e.style['display'] = 'none';
    }

    if (e = document.getElementById('instructionsDemo'))
    {
        e.style['display'] = 'block';
    }

    if (e = document.getElementById('formBand'))
    {
        e.reset();
        e.style['display'] = 'none';
    }
}


function cancel()
{
    if (e = document.getElementById('choices'))
    {
        e.style['display'] = 'block';
    }

    if (e = document.getElementById('formBand'))
    {
        e.reset();
        e.style['display'] = 'none';
    }

    if (e = document.getElementById('instructionsDemo'))
    {
        e.style['display'] = 'none';
    }
}


function addMemberField(idx)
{
    if (!(c = document.getElementById('membersContainers')))
    {
        return;
    }

    if (document.getElementById('member' + idx))
    {
        return;
    }

    f = document.createElement('div');
    f.style['paddingTop'] = '5px';
    f.innerHTML = '<input id="member' + idx + '" type="text" name="members[' + idx + ']" value="" style="width: 300px;" onfocus="addMemberField(' + (idx + 1) + ')" onblur="removeMemberFields()" />';
    f.id = 'membersContainer' + idx;
    c.appendChild(f);
}


function removeMemberFields()
{
    var max = 0;

    if (!(c = document.getElementById('membersContainers')))
    {
        return;
    }

    do
    {
        if (!document.getElementById('member' + max))
        {
            break;
        }

        max++;
    }
    while (true);

    for (var idx = max - 1; idx > 0; idx--)
    {
        var f1 = document.getElementById('member' + idx);
        var f2 = document.getElementById('member' + (idx - 1));

        if (!f1.value && !f2.value)
        {
            if (c1 = document.getElementById('membersContainer' + idx))
            {
                c.removeChild(c1);
            }
        }
        else
        {
            break;
        }
    }
}


function validateBandForm()
{
    f = document.getElementById('bandName');

    if (!f.value)
    {
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        f.focus();
        return false;
    }

    f = document.getElementById('member0');

    if (!f.value)
    {
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        f.focus();
        return false;
    }

    f = document.getElementById('musicGenre');

    if (!f.value)
    {
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        f.focus();
        return false;
    }

    f = document.getElementById('bandInfo');

    if (!f.value)
    {
        f.focus();
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        return false;
    }

    f = document.getElementById('contactName');

    if (!f.value)
    {
        f.focus();
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        return false;
    }

    f = document.getElementById('contactPhone');
    g = document.getElementById('contactEmail');

    if (!f.value && !g.value)
    {
        f.focus();
        f.style['backgroundColor'] = '#ff9999';
        f.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        return false;
    }

    f = document.getElementById('interestConcerts');
    g = document.getElementById('interestPractice');
    h = document.getElementById('interestErrorField');

    if (!f.checked && !g.checked)
    {
        h.style['backgroundColor'] = '#ff9999';
        h.addEventListener('click', function() { this.style['backgroundColor'] = '' }, false);
        return false;
    }

    var id = document.getElementById('captchaId');
    id = (id ? id.value : null);
    var input = document.getElementById('captchaInput');
    input = (input ? input.value : null);

    var args = 'id=' + id + '&input=' + input;
    var url = '/check_captcha.php';

    HTTPRequest(checkCaptcha, url, 'GET', args);
    return false;
}


function checkCaptcha(response)
{
    if (!response)
    {
        var input = document.getElementById('captchaInput');
        input.value = '';
        input.focus();
        input.style['backgroundColor'] = '#ff9999';
        input.addEventListener('keypress', function() { this.style['backgroundColor'] = '' }, false);
        return;
    }

    var f = document.getElementById('formBand');
    f.submit();
}