$(document).ready(function() {
    //Events used to validate deposit entered.
    $("#frmFinanceTools").validate({
        rules: {
            totalDeposit: {
                required: true,
                number: true
            }
        },
        messages: {
            totalDeposit: "Please enter a number"
        }
    });
    $("input#deposit").change(function() {
        if (!$("#frmFinanceTools").valid()) $(this).val("");
    });

    //if we're at the timeout screen then hide the finance form
    /*if ($('div.timeoutpanel').length > 0) {
    $('form#frmFinanceTools').hide();
    }*/
});

//function used to show/hide finance details.
function showFinanceDetails(button) {
    var ctrl = $(button);
    if (ctrl.attr('class') == 'pe-finance-data-mode') {
        ctrl.removeClass(); // Remove any existing classes.
        ctrl.addClass('pe-finance-data-mode-hidden'); // Add a class to allow hiding of details action.
        ctrl.html("Hide Details");
        var table = ctrl.parent('p').parent('div').find('table');
        table.removeClass(); // Remove any existing classes
        table.addClass('pe-finance-data-detail-mode pe-finance'); // Add a class that shows table data.
    }
    else if (ctrl.attr('class') == 'pe-finance-data-mode-hidden') {
        ctrl.removeClass(); // Remove any existing classes.
        ctrl.addClass('pe-finance-data-mode'); // Add a class to allow hiding of details action.
        ctrl.html("Full Details");
        var table = ctrl.parent('p').parent('div').find('table');
        table.removeClass(); // Remove any existing classes
        table.addClass('pe-finance-data-detail-mode pe-finance-hidden'); // Add a class that shows table data.
    }
}