   el: $('#panel-1')
 
   initialize: (options) ->
-    template = $('#panel-1-template')
-    # check to see if template has already been rendered
-    if not template.length <1      
-      compiledTemplate = _.template( $('#panel-1-template').html(), {header:"Home"}  )
-      @$el.html( compiledTemplate )
+    
     
   render: () ->
-    # $('#panel-1').show();
-    # flight.displayPage({targetPanel:'#panel-1'})
+    
     this
 
 @app = window.app ? {}

  
  initialize: (options) ->
    
    template = $('#panel-2-template')
    # check to see if template has already been rendered
    if not template.length <1      
      compiledTemplate = _.template( $('#panel-2-template').html(), {header:"panel 2"}  )
      @$el.html( compiledTemplate ) 
               
  render: (id) =>  
    # use flight for page load.
    flight.goToPage({targetPanel:'#panel-' + id})
    
    $('.back').on 'click', ->
      window.history.back()


  initialize: (options) ->
    
    template = $('#panel-3')
    # check to see if template has already been rendered
    compiledTemplate = _.template( $('#panel-3').html() )
    @$el.html( compiledTemplate )

  render: (id) ->     
    
    $('.back').on 'click', ->
      window.history.back()
