$(document).ready(function() {
    
    $("#aspnetForm").validate({
        
        onsubmit: false,

        errorElement: "div",
        wrapper: "div",  // a wrapper around the error message
        errorPlacement: function(error, element) {
            element = element.parent();

            offset = element.offset();
            error.appendTo(element.parent());
            error.addClass('message');  // add a class to the wrapper            
            error.css('position', 'static');
            error.css('right', offset.right + element.outerWidth());
            error.css('top', offset.top);
            error.css('width', '160px')
        }
    });

    $(".causesValidation").click(function(evt) {
        var isValid = $("#aspnetForm").valid();

        if (!isValid) {
            evt.preventDefault();
        }
    });
});

function checkboxAction(checkId, panelId) {
    var panel = document.getElementById(panelId);
    var check = document.getElementById(checkId);

    if (check.checked) {
        panel.style.display = 'block';
    }
    else {
        panel.style.display = 'none';
    }
}

function choiceboxAction(choiceId, panelId) {
    var panel = document.getElementById(panelId);
    var choice = document.getElementById(choiceId + '_0');

    if (choice.checked) {
        panel.style.display = 'block';
    }
    else {
        panel.style.display = 'none';
    }
}

function checkIfChecked(controlId, checkBox, divId) {
    var thisDiv = document.getElementById(divId);

    if (checkBox == true) {
        var check = document.getElementById(controlId);

        if (check.checked) {
            thisDiv.style.display = 'inline';
        }
    }
    else {
        var choice = document.getElementById(choiceId + '_0');
        if (choice.checked) {
            thisDiv.style.display = 'inline';
        }
    }
}

function showDiv(divId) {
    var thisDiv = document.getElementById(divId);
    thisDiv.style.display = 'inline';
}

function hideDiv(divId) {
    var thisDiv = document.getElementById(divId);
    thisDiv.style.display = 'none';
}

function textboxChange(numTextboxId, divId) {
    var numTextbox = document.getElementById(numTextboxId);
    var thisDiv = document.getElementById(divId);

    if (numTextbox.value > 0) thisDiv.style.display = 'inline';
    else thisDiv.style.display = 'none';
}

function yesNoChoiceboxAction(choiceId, panelId) {
    var panel = document.getElementById(panelId);
    var choice = document.getElementById(choiceId + '_1');

    if (choice.checked) {
        panel.style.display = 'inline';
    }
    else {
        panel.style.display = 'none';
    }
}

function otherChoiceboxAction(choiceId, panelId) {
    var panel = document.getElementById(panelId);
    var choice = document.getElementById(choiceId + '_5');

    if (choice.checked) {
        panel.style.display = 'inline';
    }
    else {
        panel.style.display = 'none';
    }
}

function notChoiceboxAction(choiceId, panelId) {
    var panel = document.getElementById(panelId);
    var choice = document.getElementById(choiceId + '_0');

    if (choice.checked) {
        panel.style.display = 'none';
    }
    else {        
        panel.style.display = 'inline';
    }
}