$(document).ready(function () {
		$('#jsupload').jsupload({'me': '#jsupload' });
});


(function($) {
	$.fn.extend({
		
		jsupload: function(options) {
			/**
			Default-Werte
			*/
			var defaults = {
				'ajaxURL': 'PublishedFiles/jsupload/lib/jsupload.php',
				
				'll': {
					'loading': 'lade Daten',
					'checking': 'prüfe Daten'
				}
			};
			
			var options =  $.extend(defaults, options);
			
			var obj, c, myOpts;
			
			/**
			Funktionsbibliothek
			*/
			var fn = {
				getForm: function () {
					obj.html(c.ll.loading);
					$.get(
						c.ajaxURL, // URL
						function(data){
							obj.html(data);
							fn.handleSubmit();
						}, // callback
						"html" // type
					);
				},
				
				handleSubmit: function () {
					obj.find("input[name=btn]").click(function () {
							var myFile = obj.find("input[name=myFile]").val();
							//if (!myFile) return false;
							$("#myForm").ajaxSubmit(myOpts);
							return false;
					});
				},
				
				res: function (responseText, statusText, xhr, $form) {
					obj.html(responseText);
					fn.handleSubmit();
				}
				
			}; // fn -->
			
			
			/**
			Schleife fuer jedes gefundene Element
			*/
			return this.each(function() { 
				c = options;
				obj = $(this);
				
				myOpts = { 
						target:        c.me,   // target element(s) to be updated with server response 
						//beforeSubmit:  showRequest,  // pre-submit callback 
						success:       fn.res,  // post-submit callback 
						url:       c.ajaxURL,         // 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 
				};
				
				fn.getForm();
				
			});
		} // flowbox
		
	}); // extend

})(jQuery);


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)  { 
    // for normal html responses, the first argument to the success callback 
    // is the XMLHttpRequest object's responseText property 
 
    // if the ajaxSubmit 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 ajaxSubmit 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.'); 
}