﻿function switchControls(username, password, fake) {
    $('#javascript').hide();
    $('label').hide();

    var tbusername, tbpassword, tbfake;
    tbusername = $('#' + username);
    tbpassword = $('#' + password);
    tbfake = $('#' + fake);

    if (tbusername != null) {
        var value = tbusername.val();
        if (value == '') {
            $('#' + username).attr('value', 'Gebruikersnaam...');
            $('#' + username).removeClass('textbox').addClass('textboxwatermark');
        }
    }

    if (tbpassword != null) {
        var value = tbpassword.val();
        if (value == '' && tbfake != null) {
            tbpassword.css('display', 'none');
            tbfake.css('display', 'block');
            tbfake.attr('value', 'Wachtwoord...');
        }
    }

    $('#' + username).focus(function() {
        var value = $('#' + username).val();
        if (value == 'Gebruikersnaam...') {
            $('#' + username).attr('value', '');
            $('#' + username).removeClass('textboxwatermark').addClass('textbox');
        }
    });

    $('#' + username).blur(function() {
        var value = $('#' + username).val();
        if (value == '') {
            $('#' + username).attr('value', 'Gebruikersnaam...');
            $('#' + username).removeClass('textbox').addClass('textboxwatermark');
        }
    });

    $('#' + fake).focus(function() {
        $('#' + fake).css('display', 'none');
        $('#' + password).css('display', 'block');
        $('#' + password).focus();
    });

    $('#' + password).focus(function() {
        this.select();
    });

    $('#' + password).blur(function() {
        var value = $('#' + password).val();
        if (value == '') {
            $('#' + password).css('display', 'none');
            $('#' + fake).css('display', 'block');
        }
    });


    var options = {
        caps_lock_on: function() {
            $('#msg').css('display', 'block');
            //alert("Caps Lock on");
        },
        caps_lock_off: function() {
            $('#msg').css('display', 'none');
            //alert("Caps Lock off");
        }
    };

    $("input[type='password']").capslock(options);
}
