gistfile1.js

    photoView: SC.GridView.design({
      actOnSelect: YES,
      isEnabled: YES,
      actionBinding: 'Instagram.navigationController.showPhotoDetailsPage',
      layout: { centerX: 0, centerY: 100, width: 900, height: 300 },
      columnWidth: 200,
      rowHeight: 200,

      
    
      contentBinding: "Instagram.photoController.content",

      exampleView: SC.View.design({

        init: function() {
          sc_super();

        },

        didCreateLayer: function() {
          $(document).ready(function() {
         
            Instagram.fg = this; //When I probe for that in the Chrome console, it points to the main HTML document

            this.mouseover(function() {
              console.log('Mouse over')
              this.$('.overlay-button').show(200);
            });

            this.$().mouseout(function() {
              this.$('.overlay-button').hide(200);
            });
          });
          
        },

        childViews: ' likeButton deleteButton button'.w(),

        button: SC.ImageView.design({
          layout: { centerX: 0, centerY: 0, width: 150, height: 150 },
          valueBinding: '.parentView.content.thumbUrl'
        }),

        likeButton: SC.ButtonView.design({
          classNames: 'overlay-button test',
          title: 'Like',
          isVisible: NO,
        }),

        deleteButton: SC.ButtonView.design({
          layout: {top:10},
          title: 'Delete',
          isVisible: NO,
        })
      })
    })