add in popover for customizations (can't get css working properly)

src/app/index.coffee

@@ -281,3 +281,11 @@ ready (model) ->
   exports.setFemale = -> user.set('preferences.gender', 'f')
   exports.setArmorsetV1 = -> user.set('preferences.armorSet', 'v1')
   exports.setArmorsetV2 = -> user.set('preferences.armorSet', 'v2')
+
+  exports.customizationsPopover = ->
+    $('.main-avatar').popover
+        html:true
+        placement:'bottom'
+        content: $('#customizations-popover').html()
+        trigger:'manual'
+    $('.main-avatar').popover 'show'

views/app/index.html

@@ -206,7 +206,16 @@
 
               <!-- Avatar -->
               <td>
-                <div class="avatar">
+                <div id='customizations-popover' style='display:none;'>
+                    <div style='height:500px;'>
+                        <table class='customize'><tr>
+                            <td><div class='m_head_0'></div></td>
+                            <td><div class='f_head_0'></div></td>
+                        </tr></table>
+                    </div>
+
+                </div>
+                <div class="avatar main-avatar" x-bind="click:customizationsPopover">
                     <div class='character-sprites'>
                         <span class='m_skin_white'></span>
                         <span class='m_head_0'></span>