function displayFormErrorDialog(msg) {
    if ($('#formErrorDialog').length == 0) {
        $('<div id="formErrorDialog" style="text-align\:left; display\:none;"></div>').appendTo('body');
    }
    else {
        $('#formErrorDialog').html('');
    }
    
    $('#formErrorDialog').dialog({
        title: 'Error with your form submission',
        autoOpen: false,
        bgiframe: true,
        draggable: false,
        resizable: false,
        width: 450,
        buttons: { 
            'Ok': function() {
                $(this).dialog('close');
            }
        }
    });
    
    $('#formErrorDialog').html(msg);
    $('#formErrorDialog').dialog('open'); 
}

function checkContactForm(){
    var alertMessage = '';
    var fields = ['#fullName'];
    
    for (var i=0; i<fields.length; i++) {
        if ($(fields[i]).val() == '') {
            alertMessage += '<li>' + $(fields[i]).attr('title') + '</li>';
        }
    }   
    
    if (alertMessage != '') {
        alertMessage = '<p>You must fill out the following fields before you can continue\:<ul>' + alertMessage + '</ul></p>';
        //console.log(alertMessage);
        displayFormErrorDialog(alertMessage);
        return false;
    } else {
        return true;
    }
}

function displayDialog(msg, title) {
    if ($('#dialogBox').length == 0) {
        $('<div id="dialogBox" style="text-align\:left; display\:none;"></div>').appendTo('body');
    }
    else {
        $('#dialogBox').html('');
    }
    
    $('#dialogBox').dialog({
        title: title,
        autoOpen: false,
        bgiframe: true,
        draggable: true,
        resizable: true,
        width: 450,
        buttons: { 
            'Ok': function() {
                $(this).dialog('close');
            }
        }
    });
    
    $('#dialogBox').html(msg);
    $('#dialogBox').dialog('open'); 
}

function showLoadingImage(containerId) {
    var $container = $('#' + containerId);
    var containerSize = {
        width: $container.width(),
        height: $container.height()  
    };
    var loaderMargins = {
        top: '50px',
        right: eval((eval(containerSize.width)-66)/2) + 'px',
        bottom: eval(eval(containerSize.height)-50-66) + 'px',
        left: eval((eval(containerSize.width)-66)/2) + 'px'
    }
    var loaderMarginString = 'margin:' + loaderMargins.top + ' ' + loaderMargins.right + ' ' + loaderMargins.bottom + ' ' + loaderMargins.left + ';';
    var loaderImageString = '<img src="/images/ajax-loader-circle-large.gif" height="66" width="66" alt="Loading" style="display:block; ' + loaderMarginString + '"/>'; 
    //console.log(loaderImageString);
    
    $container.html(loaderImageString);
    
    return true;
}