diff --git a/record-and-playback/presentation/playback/presentation/lib/writing.js b/record-and-playback/presentation/playback/presentation/lib/writing.js
index fcd8e5f09d0b16cfc962028de67ccf9a4446b7eb..c914317e15420d7be3eb6354e7e486919f84c2ec 100755
--- a/record-and-playback/presentation/playback/presentation/lib/writing.js
+++ b/record-and-playback/presentation/playback/presentation/lib/writing.js
@@ -139,7 +139,9 @@ function runPopcorn() {
   var shapeelements = xmlDoc.getElementsByTagName("svg");
 
   //get the array of values for the first shape (getDataPoints(0) is the first shape).
-  var array = shapeelements[0].getElementsByClassName("shape"); //get all the lines from the svg file
+  var array = $(shapeelements[0]).find("g").filter(function(){ //get all the lines from the svg file   
+    return $(this).attr('class') == 'shape';
+  });
   var images = shapeelements[0].getElementsByTagName("image");
 
   //fill the times array with the times of the svg images.
diff --git a/record-and-playback/presentation/playback/presentation/playback.js b/record-and-playback/presentation/playback/presentation/playback.js
index 4f9c6bd9f0d7e77b7fcf19e4701bd2e282329b51..9404fac7f609fe5c3863825a58d8c9af953d6bc2 100755
--- a/record-and-playback/presentation/playback/presentation/playback.js
+++ b/record-and-playback/presentation/playback/presentation/playback.js
@@ -159,7 +159,7 @@ generateThumbnails = function() {
   for (var i = 0; i < xmlList.length; i++) {
     var element = xmlList[i];
     
-    if (!element.hasAttribute("xlink:href"))
+    if (!$(element).attr("xlink:href"))
       continue;
     var src = RECORDINGS + "/" + element.getAttribute("xlink:href");
     if (src.match(/\/presentation\/.*slide-.*\.png/)) {