var MasterView = View.extend({
	el: "body",
	
	events: {
		"click [data-role='show-signup-modal']": 'showSignUpModal',
		"click [data-role='show-signin-modal']": 'showSignInModal',
		"click [data-role='create-project-modal']": 'showCreateProjectModal',
		"click [data-role='edit-project-modal']": 'showEditProjectModal',
		"click [data-role='edit-profile-modal']": 'showEditProfileModal',
	},
	
	initialize: function(){
		this.signUpModal = new SignUpModal()
		this.signInModal = new SignInModal()
		this.createProjectModal = new CreateProjectModal()
		this.editProjectModal = new EditProjectModal()
		this.editProfileModal = new EditProfileModal()

		$("body").removeClass("loading")
		// app.launch()

	},
	
	showSignUpModal: function(e){
		e.preventDefault()
		this.signUpModal.load()
	},

	showSignInModal: function(e){
		e.preventDefault()
		this.signInModal.load()
	},
	
	showCreateProjectModal: function(e){
		e.preventDefault()
		this.createProjectModal.load()
	},

	showEditProjectModal: function(e){
		e.preventDefault()
		this.editProjectModal.load()
	},
	
	showEditProfileModal: function(e){
		e.preventDefault()
		this.editProfileModal.load()
	},

})