 
 (def ex1-pos1 {
   :openParen1 [1 1]
-
   :arrow1 [2 1]
   :arrow2 [3 1]
   :symbolA [5 1]
 
-  :openParen2 [3 2]
-  :symbolB [4 2]
-  :symbolC [6 2]
-  :symbolD [8 2]
-  :closeParen2 [9 2]
-
-  :openParen3 [3 3]
-  :symbolX [4 3]
-  :symbolY [6 3]
-  :symbolZ [8 3]
-  :closeParen3 [9 3]
-
-  :closeParen1 [10 3]})
-
-(def ex1-pos2 {
-  :openParen1 [1 1]
-
-  :arrow1 [2 1]
-  :arrow2 [3 1]
-
-  :openParen2 [3 2]
-  :symbolB [4 2]
-  :symbolA [6 2]
+  :openParen2 [5 2]
+  :symbolB [6 2]
   :symbolC [8 2]
   :symbolD [10 2]
   :closeParen2 [11 2]
 
-  :openParen3 [3 3]
-  :symbolX [4 3]
-  :symbolY [6 3]
-  :symbolZ [8 3]
-  :closeParen3 [9 3]
-
-  :closeParen1 [10 3]})
+  :openParen3 [5 3]
+  :symbolX [6 3]
+  :symbolY [8 3]
+  :symbolZ [10 3]
+  :closeParen3 [11 3]
+
+  :closeParen1 [12 3]})
+
+(def ex1-pos2 {
+  :openParen1 [1 1]
+  :arrow1 [2 1]
+  :arrow2 [3 1]
+  :symbolA [5 1]
+
+  :openParen2 [5 2]
+  :symbolB [6 2]
+  :symbolC [10 2]
+  :symbolD [12 2]
+  :closeParen2 [13 2]
+
+  :openParen3 [5 3]
+  :symbolX [6 3]
+  :symbolY [8 3]
+  :symbolZ [10 3]
+  :closeParen3 [11 3]
+
+  :closeParen1 [12 3]})
 
 (def ex1-pos3 {
   :openParen1 [1 1]
-
+  :arrow1 [2 1]
+  :arrow2 [3 1]
+
+  :openParen2 [5 2]
+  :symbolB [6 2]
+  :symbolA [8 2]
+  :symbolC [10 2]
+  :symbolD [12 2]
+  :closeParen2 [13 2]
+
+  :openParen3 [5 3]
+  :symbolX [6 3]
+  :symbolY [8 3]
+  :symbolZ [10 3]
+  :closeParen3 [11 3]
+
+  :closeParen1 [12 3]})
+
+(def ex1-pos4 {
+  :openParen1 [1 1]
   :arrow1 [2 1]
   :arrow2 [3 1]
 

;;------------------------------------------------------------------------------

(hiccups/defhtml ex1-html []
  [:div#line1.line-num "1"]
  [:div#line2.line-num "2"]
  [:div#line3.line-num "3"]

  [:div#openParen1 "("]


  ; (js/setTimeout #(animate-to-position ex1-pos3) (round 4))
  ; (js/setTimeout #(animate-to-position ex1-pos2) (round 5))
  ; (js/setTimeout #(animate-to-position ex1-pos1) (round 6))
  )

(defn init!
  "Initialize the threading macro page."
  []
  (set-html! "threadingMacroBody" (ex1-html))
  ;(set-html! "threadingMacroBody" (ex2-html))
  (animate!)
  )