Timeline commit

app/assets/javascripts/orbitdesktop.js

@@ -24,7 +24,7 @@ var orbitDesktop = function(dom){
 	this.transitionTime = 500;
 	this.currenthtml = "desktop.html";
 	this.currentface = "home";
-	this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":"","journal_p":"","appstore":""};
+	this.desktopData = {"home":"","settings":"","work":"","favorite":"","apps_manager":"","sections":"","journal_p":"","appstore":"","orbit":""};
 	this.tp = "";
 	this.sectionList;
 	this.initialize = function(){
@@ -112,6 +112,9 @@ var orbitDesktop = function(dom){
 		});
 		$("a#d_appstore").click(function(){
 			var target = $(this).attr("href");
+			console.log(o.currenthtml);
+			console.log(target);
+			console.log(o.currentface);
 			if(o.currenthtml!=target){
 				o.desktopData[o.currentface] = $(o.contentHolder).html();
 				$("#content").hide("drop",o.transitionTime,function(){
@@ -119,6 +122,15 @@ var orbitDesktop = function(dom){
 				});
 			}
 		});
+		$("a#d_orbit").click(function(){
+			var target = $(this).attr("href");
+			if(o.currenthtml!=target){
+				o.desktopData[o.currentface] = $(o.contentHolder).html();
+				$("#content").hide("drop",o.transitionTime,function(){
+					o.initializeOrbitTimeline(target);
+				});
+			}
+		});
 		$(window).resize(function(){
 			var ww = $(window).width();
 			$("img#thmbackground").attr({"width":ww});
@@ -892,7 +904,24 @@ var orbitDesktop = function(dom){
 			themes();
 		});
 	};
-	
+	this.initializeOrbitTimeline = function(target){
+		o.currenthtml = target;
+		o.currentface = "orbit";
+		console.log(o.currentface);
+		var bindHandlers = function(){
+			var timeline = new orbitTimeline("timeline");
+			timeline.initialize();
+				$('.tinycanvas').tinyscrollbar({ axis: 'x'});
+		}
+		if(!o.desktopData[o.currentface]){
+			$(o.contentHolder).empty().load("/desktop_orbit/"+target,function(){
+				bindHandlers();
+			});
+		}else{
+			$(o.contentHolder).html(o.desktopData[o.currentface]);
+			bindHandlers();
+		}
+	};
 	this.initializeJournalPapers = function(target){ // this init journal papers
 		o.currenthtml = target;
 		o.currentface = "journal_p";