Timeline design and timescale update

app/assets/javascripts/orbitdesktopAPI.js

@@ -163,7 +163,6 @@ var orbitDesktopAPI = function(){
 			$(".desktop_toolpopup").hide("fold",function(){
 				$(this).remove();
 				$(this).parent().css("position","");
-
 			})
 			return;
 		}
@@ -172,6 +171,14 @@ var orbitDesktopAPI = function(){
 				settings.height = (!settings.height ? "50px" : settings.height);
 				settings.width = (!settings.width ? "150px" : settings.width);
 				settings.html = (!settings.html ?  "" : settings.html);
+
+				//Events
+				settings.onClose = (!settings.onClose ?  function(){} : settings.onClose);
+				settings.beforeOpen = (!settings.beforeOpen ?  function(){} : settings.beforeOpen);
+				settings.onOpen = (!settings.onOpen ?  function(){} : settings.onOpen);
+				settings.beforeClose = (!settings.beforeClose ?  function(){} : settings.beforeClose);
+				//Events end
+
 				var leftpos = settings.parent.outerWidth();
 				var toolpopup = $("<div class='desktop_toolpopup' style='height:"+settings.height+";width:"+settings.width+"; left:"+leftpos+"px;'>"+settings.html+"</div>");
 				settings.parent.css("position","relative");
@@ -179,13 +186,16 @@ var orbitDesktopAPI = function(){
 				toolpopup.click(function(event){
 					event.stopPropagation();
 				});
-				
+				settings.beforeOpen.call(this);
 				toolpopup.show("fold",function(){
+					settings.onOpen.call(this);
 					$(document).unbind("click");
 					$(document).one("click",function(e){
+						settings.beforeClose.call(this);
 						toolpopup.hide("fold",function(){
 							toolpopup.remove();
 							settings.parent.css("position","");
+							settings.onClose.call(this);
 						});						
 					})
 				});