var $dialog;
var $dialogPointer;
var dialogOpts = {autoOpen: false, modal: true, title: 'Confirm Request', buttons: {'Confirm' : confirmAction, 'Cancel' : cancelAction}};

$(document).ready(function(){

    $('.graceful').hide();

    $('.qtip').qtip({ style: { name: 'blue', tip: true } })
    
    $('.gracefulAjaxLink').click(function(event){
        event.preventDefault();
    });
    
    $dialog = $('<div></div>').dialog(dialogOpts);
    
    $('.dialogueSubmitButton').click(function(event) {
        $dialog.html($(this).siblings('.dialogue').html());
        $dialogPointer = $(this);
        $dialog.dialog('open');
        event.preventDefault();
    });
});

function hideClass(cssClass){
    $('.' + cssClass).hide();
}

function showClass(cssClass){
    $('.' + cssClass).show();
}


function cancelAction() {
    $dialog.dialog('close');
}

function confirmAction() {
    $dialog.dialog('close');
    $dialogPointer.parent('form').submit();
}