added horiz_slide transition / last_step

Tyler Madsen · Tyler Madsen · commit 98b63e75b554 · 2012-04-20T18:35:43.000-04:00
diff --git a/lib/tc.merlin.js b/lib/tc.merlin.js
@@ -51,7 +51,7 @@
 			use_hashchange:false,
 			return_triggers_next:true,
 			
-			transition:'none', // fade, slide, or none
+			transition:'none', // fade, slide, horiz_slide, or none
 			transition_speed:400,
 			
 			first_step:null,
@@ -63,6 +63,7 @@
 			steps:o.steps,
 			data:{},
 			current_step:null,
+			last_step:null,
 			progress_element:null,
 			counters:{
 				n_times_step_rendered:0
@@ -244,6 +245,9 @@
 				return false;
 			}
 
+			if ( internal.current_step ) {
+				internal.last_step = internal.current_step;
+			}
 			internal.current_step = o.steps[step];
 			
 			// begin transition handling
@@ -260,6 +264,34 @@
 				} else {
 					o.$e.find(internal.current_step.selector).show().siblings('.step').hide();
 				}
+			} else if (o.transition=='horiz_slide') {
+				if (internal.counters.n_times_step_rendered !== 0) {
+	
+					if ( internal.current_step.step_number > internal.last_step.step_number ) {
+
+						o.$e.find(internal.current_step.selector)
+							.css({ left : '100%' })
+							.show()
+							.animate({ left : '0' }, o.transition_speed, 'linear');
+
+						o.$e.find(internal.last_step.selector)
+							.animate({ left : '-100%' }, o.transition_speed, 'linear', function(){ $(this).hide(); });
+
+					} else if ( internal.current_step.step_number < internal.last_step.step_number ) {
+
+						o.$e.find(internal.current_step.selector)
+							.css({ left : '-100%' })
+							.show()
+							.animate({ left : '0' }, o.transition_speed, 'linear');
+
+						o.$e.find(internal.last_step.selector)
+							.animate({ left : '100%' }, o.transition_speed, 'linear', function(){ $(this).hide(); });
+
+					}
+
+				} else {
+					o.$e.find(internal.current_step.selector).show().siblings('.step').hide();
+				}
 			} else {
 				o.$e.find(internal.current_step.selector).show().siblings('.step').hide();
 			}
