diff --git a/airtime_mvc/application/views/scripts/form/add-show-when.phtml b/airtime_mvc/application/views/scripts/form/add-show-when.phtml
index 6f3591ac6..124aebee3 100644
--- a/airtime_mvc/application/views/scripts/form/add-show-when.phtml
+++ b/airtime_mvc/application/views/scripts/form/add-show-when.phtml
@@ -46,6 +46,7 @@
         </dt>
         <dd id="add_show_duration-element">
             <?php echo $this->element->getElement('add_show_duration') ?>
+            <img id="icon-loader-small" src="/css/images/loader-small.gif" style="vertical-align:middle; display:none;"/>
         </dd>
         <?php if($this->element->getElement('add_show_duration')->hasErrors()){ ?>
                 <ul class='errors'>
diff --git a/airtime_mvc/public/css/images/loader-small.gif b/airtime_mvc/public/css/images/loader-small.gif
new file mode 100644
index 000000000..d0bce1542
Binary files /dev/null and b/airtime_mvc/public/css/images/loader-small.gif differ
diff --git a/airtime_mvc/public/js/airtime/schedule/add-show.js b/airtime_mvc/public/js/airtime/schedule/add-show.js
index e7cd05b96..f784e6ce1 100644
--- a/airtime_mvc/public/js/airtime/schedule/add-show.js
+++ b/airtime_mvc/public/js/airtime/schedule/add-show.js
@@ -460,9 +460,12 @@ function setAddShowEvents() {
     })
 
 	function calculateDuration(endDateTime, startDateTime){
-		var duration;
+		var loadingIcon = $('#icon-loader-small');
+		
+		loadingIcon.show();
 		$.post("/Schedule/calculate-duration", {startTime: startDateTime, endTime: endDateTime}, function(data){
 		    $('#add_show_duration').val(JSON.parse(data));
+		    loadingIcon.hide();
 		});
 	}
 }