From f4c1a8f27b7fd8cc006a8116a983b219d397d0ab Mon Sep 17 00:00:00 2001
From: Diana Huang <dkh@edx.org>
Date: Wed, 4 Sep 2013 09:21:07 -0400
Subject: [PATCH] Update the carousel with which step the user is on

---
 lms/static/js/verify_student/photocapture.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/lms/static/js/verify_student/photocapture.js b/lms/static/js/verify_student/photocapture.js
index 4bb52ef87a..94fdb5f570 100644
--- a/lms/static/js/verify_student/photocapture.js
+++ b/lms/static/js/verify_student/photocapture.js
@@ -175,8 +175,17 @@ $(document).ready(function() {
   $("#confirm_pics_good").change(function() {
       $("#pay_button").toggleClass('disabled');
   });
+
   
-  $("#pay_button_frame").addClass('disabled');
+  // add in handlers to add/remove the correct classes to the body
+  // when moving between steps
+  $('#face_next_button').click(function(){ 
+      $('body').addClass('step-photos-id').removeClass('step-photos-cam')
+  })
+
+  $('#photo_id_next_button').click(function(){ 
+      $('body').addClass('step-review').removeClass('step-photos-id')
+  })
 
   var hasHtml5CameraSupport = initVideoCapture();