$(function() {
	var bar = $('.progress-bar');  
	var percent = $('.progress-bar'); 
	var progress = $('.progress');	
	var status = $('#status');
	var button = $('#upload');
	var file = $('#file');
	var title = $('#title');
	$('#browse').ajaxForm({ 
		beforeSend: function() {  
			status.empty();  
			var percentVal = '0%';
			var intVal = '0';  
			bar.width(percentVal).attr('aria-valuenow', intVal);
			percent.html(percentVal);
			progress.css('display', 'block');
			button.attr('disabled', 'disabled');
			file.attr('disabled', 'disabled');			
		},
		uploadProgress: function(event, position, total, percentComplete) { 
			var percentVal = percentComplete + '%';
			var intVal = percentComplete; 
			bar.width(percentVal).attr('aria-valuenow', intVal);
			percent.html(percentVal);
			progress.css('display', 'block');
			button.attr('disabled', 'disabled');
			file.attr('disabled', 'disabled');
			if (intVal == '100') {
				status.html('<div class="alert alert-danger" role="alert">Generating Details</div>');
			}
		},
		complete: function(xhr) {
			bar.width('100%');  
			percent.html('100%');
			$('.upload').remove();
			title.html('<h1>Upload Details</h1>');
			status.html('<div class="alert alert-danger" role="alert">'+xhr.responseText+'</div>');
		}  
	});
	
	$('input[type=file]').bootstrapFileInput();
	$('.file-inputs').bootstrapFileInput();	
});