$(function() { 
    $("#overlay").overlay();      
}); 
 

function resumeResponse(responseText, statusText) {
    //alert(statusText);
    $("#overlay").overlay().close();
}

function beforeSubmit() {
    if (!$("#resume_name").attr("value")) {
        alert("Please enter your name.");
        return false;
    }
    else if (!$("#resume_file").attr("value")) {
        alert("Please select a resume file");
        return false;
    }
}


// define function that opens the overlay 
function openOverlay() { 
     
    // get access to the overlay API 
    var api = $("#overlay").overlay(); 
 
    // call it's open() method         
    api.load();             
}

$().ready(function() {
    var options = { 
            //target:        '#output1',   // target element(s) to be updated with server response 
            beforeSubmit:  beforeSubmit,  // pre-submit callback 
            success:       resumeResponse,  // post-submit callback 

            // other available options: 
            //url:       '/upload-resume/',         // override for form's 'action' attribute 
            //type:      'post'        // 'get' or 'post', override for form's 'method' attribute 
            //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
            //clearForm: true,        // clear all form fields after successful submit 
            resetForm: true,        // reset the form after successful submit 

            // $.ajax options can be used here too, for example: 
            //timeout:   3000 
            error: function(){alert("There was an error")},
    }; 

    // bind form using 'ajaxForm' 
    $('#resume_form').ajaxForm(options);
    
    $("#upload-resume").bind("click", function(e){
        openOverlay();
    });
    
});




/*
function submitResume() {
    var resume_form = '\
    <form id="resume_form" type="post" action="/upload-resume/"><br />\
    Please enter your name:<br />\
    <input type="text" id="resume_name" name="resume_name"><br />\
    Enter an introductory message (optional):<br />\
    <textarea id="resume_message" name="resume_message" rows="5" cols="60"></textarea><br />\
    Or upload a cover letter:<br />\
    <input type="file" id="cover_letter_file" name="cover_letter_file"></input><br />\
    Upload your resume:<br />\
    <input type="file" id="resume_file" name="resume_file"></input>\
    </form>';

    function mycallbackform(v,m,f){
        return false;
    }

    function mysubmitform(v,m,f){
        if (v == 1) {
            //$.prompt(v +' ' + f.resume_file);
            //alert($("#resume_file").attr("value"));
            var options = { 
                    //target:        '#output1',   // target element(s) to be updated with server response 
                    //beforeSubmit:  beforeSubmit,  // pre-submit callback 
                    success:       resumeResponse,  // post-submit callback 

                    // other available options: 
                    //url:       '/upload-resume/',         // override for form's 'action' attribute 
                    //type:      'post'        // 'get' or 'post', override for form's 'method' attribute 
                    //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
                    //clearForm: true        // clear all form fields after successful submit 
                    //resetForm: true        // reset the form after successful submit 

                    // $.ajax options can be used here too, for example: 
                    //timeout:   3000 
                    iframe: true,
            };
            $("#resume_form").ajaxSubmit(options);
        }
        return true;
    }

    $.prompt(resume_form, {
          callback: mycallbackform,
          submit: mysubmitform,
          buttons: { Submit: 1, Cancel: 0 },
          useiframe: true,
    });
}

function resumeResponse(responseText, statusText) {
    $.prompt(statusText);
}

function beforeSubmit() {
    alert("Before Submit");
}

$().ready(function() {
    var options = { 
            //target:        '#output1',   // target element(s) to be updated with server response 
            beforeSubmit:  beforeSubmit,  // pre-submit callback 
            success:       resumeResponse,  // post-submit callback 

            // other available options: 
            //url:       '/upload-resume/',         // override for form's 'action' attribute 
            //type:      'post'        // 'get' or 'post', override for form's 'method' attribute 
            //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
            //clearForm: true        // clear all form fields after successful submit 
            //resetForm: true        // reset the form after successful submit 

            // $.ajax options can be used here too, for example: 
            //timeout:   3000 
    }; 

    // bind form using 'ajaxForm' 
    //$('#resume_form').ajaxForm(options);
        
    $("#upload-resume").bind("click", function(e){
        submitResume();
    });
});
*/