'use strict';

var $ = require('jquery'),
  _ = require('underscore'),
  Backbone = require('backbone'),
  PageView = require('../framework/page');

var homeScreen = PageView.extend({

  template: require('../../templates/views/home.hbs'),

  buttonEvents: {
    a: 'goToContacts'
  },

  goToContacts: function(e) {
    window.location.hash = '/contacts';
  },

  render: function() {

    this.$el.html(this.template());

    return this;

  }

});

module.exports = homeScreen;

@@ -273,16 +273,56 @@
 ontacts'
+,%0A    d: 'scrollUp',%0A    c: 'scrollDown'
 %0A  %7D,%0A%0A 
@@ -396,16 +396,246 @@
 ;%0A  %7D,%0A%0A
+  scrollUp: function() %7B%0A    console.log(%22scrolling%22);%0A    $('#watch-face').animate(%7BscrollTop: '+=70px'%7D);%0A  %7D,%0A%0A  scrollDown: function() %7B%0A    console.log(%22scrolling%22);%0A    $('#watch-face').animate(%7BscrollTop: '-=70px'%7D);%0A  %7D,%0A%0A
   render

add scrolling to home page top and bottom buttons