(function($) {
	
	TabsView = Backbone.View.extend({
		
		el: $('.tabsWrapper')

		,events: {
			'click .tabsController a' : 'clickHandler'
		}

		,initialize: function initialize () {
			_.bindAll(this, 'render');

			this.activeTab = $('.tabsController li.active').index();
		}

		,render: function render () { 

		}

		,clickHandler: function clickHandler (ev) {

			ev.preventDefault();

			var target = $(ev.currentTarget).parent('li');

			ev.preventDefault();

			$('.tabsController li').removeClass('active');

			target.addClass('active');

			this.activeTab = $('.tabsController li.active').index();

			console.log( $('.tabsController li.active').index() );

			this.updateTabsView( this.activeTab );
	    
	    if($('.tabsController li.active').index() == 3) {
	      $(function() { $( "#accordion" ).accordion(); });
	    }
		}

		,updateTabsView: function updateTabsView (target) {

			$('.tabContent').removeClass('active');
			$('.tabContent').eq(target).addClass('active');
		}

	});

}(jQuery));