var VertaSource_Events_Calendar = new Class({
	Implements: [Options],
	
	options: {
		daysWithEvents: $$("li.info")
	},
	
	initialize: function(options) {
		this.setOptions(options);
		
		//defaults to list view without js
		var listViewPages = $H(window.location).pathname.contains('open-houses-visit-programs');
		
		if(!listViewPages){
			$("calendar").removeClass("list-view");
			$("calendar").addClass("calendar-view");
		}
		
		var listView = new Element('p', {
	        'class': 'list-view-button',
            'text': 'List View',
            'events': {
				'click': function() {
					$("calendar").addClass("list-view");
					$("calendar").removeClass("calendar-view");
					$$(".calendar-view-button").addClass("inactive-view");
					$$(".list-view-button").removeClass("inactive-view");
				}.bind(this)
			}
	    });
	    listView.inject($("cal-head"),"before");
	    
	    var calendarView = new Element('p', {
	        'class': 'calendar-view-button',
            'text': 'Calendar View',
            'events': {
				'click': function() {
					$("calendar").removeClass("list-view");
					$("calendar").addClass("calendar-view");
					$$(".calendar-view-button").removeClass("inactive-view");
					$$(".list-view-button").addClass("inactive-view");
				}.bind(this)
			}
	    });
	    calendarView.inject($("cal-head"),"before");
	    
	    if(!listViewPages){
			$$(".list-view-button").addClass("inactive-view");
		} else {
			$$(".calendar-view-button").addClass("inactive-view");
		}
		
		//get all the event details, hide all the event details
		$$("div.all-events").addClass("hide");
		
		$$("li.info").each(function(element) {
			this.AddViewAllCloseButtons(element);
		}.bind(this));
		
		$$("p.closeEvent").addClass("hide");
	},
	
	AddViewAllCloseButtons: function(element){

		 var closeButton = new Element('p', {
	        'class': 'closeEvent',
            'text': 'Close',
            'events': {
				'click': function() {
					element.removeClass("selected");
				}.bind(this)
			}
	    });
	    closeButton.inject(element,"top");
	    
	    var viewAll = new Element('p', {
	        'class': 'view-all',
            'text': 'View All',
            'events': {
				'click': function() {
					if(!element.hasClass("selected")){
						$$(".selected").toggleClass("selected");
					}
					element.toggleClass("selected");
				}.bind(this)
			}
	    });
	    viewAll.inject(element,"top");
	}
});