update based on slight api tweaks.

Author: sorvell

pica/components/pi-app.html

@@ -20,7 +20,7 @@
 <polymer-element name="pi-app" extends="g-app" on-keyup="keyupHandler">
   <template>
     <link rel="stylesheet" href="css/pi-app.css" />
-    <g-panels id="panels" selected="{{selectedPanel}}" transition="flow" autoselect on-select="panelSelectHandler">
+    <g-panels id="panels" selected="{{selectedPanel}}" transition="flow" autoselect on-g-panels-select="panelSelectHandler">
       <g-ribbon id="ribbon" class="custom-panel" label="Pica" selected="{{ribbonSelected}}" valueattr="label" on-activate="showMain">
         <g-menu-item label="Home" src="../images/ribbon_home_lightreg.png" iconsize="32"></g-menu-item>
         <g-menu-item label="Topics" src="../images/ribbon_topics_lightreg.png" iconsize="32"></g-menu-item>

pica/components/pi-feed-viewer.html

@@ -14,7 +14,7 @@
   <template>
     <link rel="stylesheet" href="css/pi-feed-viewer.css" />
     <g-panels id="panels" class="feed-viewer-panels" autoselect selected="{{panel}}" transition="keyframe" 
-        on-select="panelSelected" on-canselect="panelCanSelect">
+        on-g-panels-select="panelSelected" on-g-panels-canselect="panelCanSelect">
       <pi-items-view id="topics" layout="{{topicsLayout}}" items="{{topics}}" view="topics" selected="{{topic}}"></pi-items-view>
       <pi-items-view id="stories" layout="{{layout}}" items="{{stories}}" view="flex" selected="{{story}}"></pi-items-view>
       <pi-story id="story" story="{{story}}" on-flick="storyFlickHandler" on-keydown="storyKeydownHandler"></pi-story>

pica/components/pi-items-view.html

@@ -116,7 +116,7 @@
             var yTrans = yDist * 10 / dist;
             var xTrans = xDist * 10 / dist;
             var d = x + y;
-            parGroup.add(
+            parGroup.append(
               new Animation(cards[i], {
                 opacity: ["0", "1"],
                 "-webkit-transform": [