3 files changed, 31 insertions, 52 deletions

diff --git a/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
index 1e94f43b..3e88adc0 100644
--- a/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
+++ b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
@@ -20,14 +20,17 @@
 </head>
 <style>
     .Image {
-        /*
-        margin-top: -160px;
-        margin-left: -160px;
-*/
-        width: 320px;
-        height: 320px;
-        border-radius: 18px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-top: -72px;
+        margin-left: -105px;
+        width: 206px;
+        height: 140px;
+        border-radius: 4px;
+        border: 2px solid #888;
                 background-repeat: no-repeat;
+                background-position: center center;
                 background-size: cover;
     }
 </style>
diff --git a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
index fdb452d7..34f207b4 100755
--- a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
@@ -15,7 +15,8 @@
             "prototype": "montage/ui/picasa-carousel.reel",
             "properties": {
                 "element": {"#": "montage-google-picasa-carousel"},
-                "searchResultsList": {"@": "searchResultsList"}
+                "searchResultsList": {"@": "searchResultsList"},
+                "flow": {"@": "flow1"}
             }
                 },
             "searchResultsController": {
@@ -83,7 +84,7 @@
                     "cameraRotationAxisX": 1,
                     "cameraRotationAxisY": 0,
                     "cameraRotationAxisZ": 0,
-                                        "scale": 380
+                                        "scale": 210
                 },
                 "bindings": {
                                         "objects": {
@@ -92,8 +93,8 @@
                         "oneway": true
                                         },
                     "path": {
-                        "boundObject": {"@": "pathLerp1"},
-                        "boundObjectPropertyPath": "resultPath",
+                        "boundObject": {"@": "path2"},
+                        "boundObjectPropertyPath": "path",
                         "oneway": true
                     },
                     "cameraRotationAngle": {
@@ -113,20 +114,6 @@
                     }
                 }
             },
-            "path1": {
-                "module": "montage/ui/flow-path",
-                "name": "FlowPath",
-                "properties": {
-                    "evalPath": [
-                        "path.translateX = slide.time-slide.index*155+50",
-                        "path.translateY = (slide.index%3)*240",
-                        "path.translateZ = -slide.time/3",
-                        "path.rotateX = slide.speed/200",
-                        "path.rotateY = 1",
-                        "path.rotateZ = slide.time/500"
-                    ]
-                }
-            },
             "path2": {
                 "module": "montage/ui/flow-path",
                 "name": "FlowPath",
@@ -134,35 +121,12 @@
                     "evalPath": [
                         "path.translateX = slide.time",
                         "path.translateY = 0",
-                        "path.translateZ = slide.time*slide.time/-1500",
+                        "path.translateZ = Math.pow(1.1, -slide.time*slide.time/30000)*600-600",
                         "path.rotateX = 0",
-                        "path.rotateY = slide.time/1200",
+                        "path.rotateY = 0",
                         "path.rotateZ = slide.speed/1500"
                     ]
                 }
-            },
-            "pathLerp1": {
-                "module": "montage/ui/flow-path-lerp",
-                "name": "FlowPathLerp",
-                "properties": {
-                    "interpolant": 1
-                },
-                "bindings": {
-                    "path1": {
-                        "boundObject": {"@": "path1"},
-                        "boundObjectPropertyPath": "path",
-                        "oneway": true
-                    },
-                    "path2": {
-                        "boundObject": {"@": "path2"},
-                        "boundObjectPropertyPath": "path",
-                        "oneway": true
-                    },
-                    "interpolant": {
-                        "boundObject": {"@": "slider1"},
-                        "boundObjectPropertyPath": "value"
-                    }
-                }
             }
 
     }
@@ -172,7 +136,7 @@
 <body>
 
     <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel">
-        <div id="flow" class="flow">
+        <div id="flow" class="flow" style="-webkit-perspective: 1400px; -webkit-transform-style: preserve-3d; width:800px; height:160px; border:1px;">
                 <img id="image" class="image"/>
             </div>
     </div>
diff --git a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js
index 1f5e7dd0..b41df9a6 100644
--- a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js
@@ -20,6 +20,16 @@ var PicasaCarousel = exports.PicasaCarousel = Montage.create(Component, /** @len
                 value: null
             },
 
+        flow: {
+            value: null
+        },
+
+        initialPosition: {
+            value: 2300
+        },
+
+
+
         _queryParameter: {
             enumerable: false,
             value: null
@@ -37,7 +47,7 @@ var PicasaCarousel = exports.PicasaCarousel = Montage.create(Component, /** @len
 
             resultCount: {
                 enumerable: false,
-                value: 20
+                value: 40
             },
 
             prepareForDraw: {
@@ -103,6 +113,8 @@ var PicasaCarousel = exports.PicasaCarousel = Montage.create(Component, /** @len
                 value: function(evt) {
                     var response = JSON.parse(evt.target.responseText);
                     this.searchResults = response.feed.entry;
+                this.flow.length = this.initialPosition;
+                this.flow.origin = this.initialPosition;
                     this.isSearching = false;
                 }
             },