define(['jquery',
	'underscore',
	'backbone'],
function($,_,Backbone) {
	return Backbone.View.extend({
		el:'#help-controls', //Check this

		initialize: function (options) {
			if (!options) {
				return;
			}
			this.hasPlan = options.hasPlan;
			this.hasSolution = options.hasSolution;
			this.hasSource = options.hasSource;
		},

        showHintsButton: function(nav) {
            this.$el.find('#show-hints-button').unbind().on('click',this.showHints.bind(this)).show();
        },

        hideHintsButton: function(){
           $('#show-hints-button').hide();
        },

		render:function(title) {
			$('#show-source-button').hide();
			$('#show-solution-button').hide();
			$('#show-plan-button').hide();

			if (this.hasSource) {
				this.$el.find('#show-source-button').unbind().on('click',_.bind(this.showSource,this)).show();
			}
			if (this.hasSolution) {
				this.$el.find('#show-solution-button').unbind().on('click',_.bind(this.showSolution,this)).show();
			}

			//this.$el.find('#show-lesson-overview-button').unbind().on('click', _.bind(this.showLessonOverview, this)).show();
			this.$el.find('#restart-lesson-button').unbind().on('click',_.bind(this.restartLesson,this)).show();
		},

		showHints: function() {
		    this.trigger('hints:show','hint');
		},

		showSource: function() {
			this.trigger('source:show','source');
		},

		showSolution: function() {
			this.trigger('solution:show','solution');
		},

		restartLesson: function() {
			this.trigger('lesson:restart');
		},
		showLessonOverview: function() {
		    this.trigger('lessonOverview:show');
		}
	});
});