/// <reference path="jquery-1.5.1-vsdoc.js"/>
/// <reference path="jquery-ui-1.8.11.js"/>


$(document).ready(function () {


    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
    });

    //$(":input[data-datepicker]").datepicker();
    $('ul.sf-menu').superfish();

   /* $("#faded").faded({
        speed: 400,
        crossfade: true,
        sequentialloading: true,
        autoplay: 4000
    });

    $("#faded li img").show();*/


    var options = {
        target: '#uploadResults',   // target element(s) to be updated with server response 
        //beforeSubmit: showRequest,  // pre-submit callback 
        //success: showResponse  // post-submit callback 
        beforeSubmit: function() { $("#progress").show(); },
        success: function () {
            $('#uploadResults').fadeIn('slow');
            $("#progress").hide();
        },
        resetForm: true
    };

    // bind form using 'ajaxForm' 
   // $('#myForm').ajaxForm(options);


    function validate(formData, jqForm, options) {

        $("#progress").show();
        // formData is an array of objects representing the name and value of each field 
        // that will be sent to the server;  it takes the following form: 
        // 
        // [ 
        //     { name:  username, value: valueOfUsernameInput }, 
        //     { name:  password, value: valueOfPasswordInput } 
        // ] 
        // 
        // To validate, we can examine the contents of this array to see if the 
        // username and password fields have values.  If either value evaluates 
        // to false then we return false from this method. 

        for (var i = 0; i < formData.length; i++) {

            if (formData[0].value == '') {
                $("#progress").hide();
                return false;
            }



            if (!formData[i].value) {
                alert('Please enter a value for both Username and Password');
                $("#progress").hide();
                return false;
            }
        }
        alert('Both fields contain values.');
    }

    // pre-submit callback 
    function showRequest(formData, jqForm, options) {


        // formData is an array; here we use $.param to convert it to a string to display it 
        // but the form plugin does this for you automatically when it submits the data 
        var queryString = $.param(formData);

        // jqForm is a jQuery object encapsulating the form element.  To access the 
        // DOM element for the form do this: 
        // var formElement = jqForm[0]; 

        alert('About to submit: \n\n' + queryString);

        // here we could return false to prevent the form from being submitted; 
        // returning anything other than false will allow the form submit to continue 
        return true;
    }

    // post-submit callback 
    function showResponse(responseText, statusText, xhr, $form) {
        alert(responseText);
        // for normal html responses, the first argument to the success callback 
        // is the XMLHttpRequest object's responseText property 

        // if the ajaxForm method was passed an Options Object with the dataType 
        // property set to 'xml' then the first argument to the success callback 
        // is the XMLHttpRequest object's responseXML property 

        // if the ajaxForm method was passed an Options Object with the dataType 
        // property set to 'json' then the first argument to the success callback 
        // is the json data object returned by the server 

        //        alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        //        '\n\nThe output div should have already been updated with the responseText.');
    }


})