(function($) {
		var images = (typeof(imageArray) != 'undefined') ? imageArray : new Array();
		var documents = (typeof(documentsArray) != 'undefined') ? documentsArray : new Array();
		var user = (typeof(user_id) != 'undefined') ? user_id : '';
		var workitem = (typeof(workitem_id) != 'undefined') ? workitem_id : null;

		// Activate the accordion
		$("#accordion").accordion({
			clearStyle: true,
			collapsible: true,
			active: false 
		});
		
		// initiate the upload
		new AjaxUpload('fileUploadButton', {
			action: 'jsonserver.php',
			name: 'file',
			data: {
				action: 'fileUpload',
				userid: user,
				workitem: workitem
			},
			autoSubmit: true,
			responseType: 'json',
			onSubmit: function(file, extension) {
				$('#accordion').accordion('activate', false);
				if (! (extension && /^(jpg|jpeg|gif|png|pdf|rtf|txt)$/i.test(extension))){
					// extension is not allowed
					$('.uploadnotice').empty();
					var html = '<div style="padding: 0.7em; margin: 0.7em 0; width:285px;" class="ui-state-error ui-corner-all">' +
									'<p style="margin: 0;"><span style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-alert"></span>' +
									'<strong>Error:</strong> This filetype is not allowed. Please upload a pdf file.</p>' +
								'</div>';
					$('.uploadnotice').append(html);
					// cancel upload
					return false;
				}
				this.disable();
			},
			onComplete: function(file, data) {
				this.enable();
				if (data.success == true) {
					if (data.filetype == 'image') {
						var newFile = $('#uploadImage').parseTemplate(data);
						$('#fileimagecontainer').append(newFile);
						images.push(data.fileid);
						$('#imageCount').empty().html(images.length);
						$('#accordion').accordion('activate', 0);
					} else {
						var newFile = $('#uploadDocument').parseTemplate(data);
						$('#filedocumentcontainer').append(newFile);
						documents.push(data.fileid);
						$('#documentCount').empty().html(documents.length);
						$('#accordion').accordion('activate', 1);
					}
					$('input[name=files]').val(images.concat(documents).join(','));
					editable();
				} else {
					alert(data.message);
				}
			}
		});
		
		
		function editable() {
			$('.edittextarea').editable('jsonserver.php', { 
				indicator: 'Saving ...',
				tooltip: 'Click to change the title ...', 
				placeholder: 'Click to add note',
				type: 'text',
				submit: 'OK',
				submitdata: function(value, settings) {
					return {
						action: 'changeFileDescription',
						fileid: this.id.replace('fileDesc_', ''),
						userid: user
					};
				},
				method: 'post'
			});
			$('.edittext').editable('jsonserver.php', { 
				indicator: 'Saving ...',
				tooltip: 'Click to change the note ...', 
				placeholder: 'Add title',
				type: 'text',
				submit: 'OK',
				submitdata: function(value, settings) {
					return {
						action: 'changeFileTitle',
						fileid: this.id.replace('fileTitle_', ''),
						userid: user
					};
				},
				method: 'post'
			});
		}

		// initial call
		editable();
})(jQuery);