new Namespace("at.steiermark.widecalendar.hover");
at.steiermark.widecalendar.hover = Class.create({

	initialize : function (element) {
		this.calendar = element;
		
		this.entries = this.calendar.getElementsBySelector('.wc_calendar div');
		
		for( i=0; i<this.entries.length; i++ ) {
			this.entries[i].myClass = this;
			this.entries[i].observe('mouseover', this.overItem);				
			this.entries[i].observe('mouseout', this.outItem);
			this.entries[i].observe('click', this.clickItem);
			this.entries[i].nr = i+1;
		}
	},
	
	overItem : function () {
		this.addClassName('hover');
	},
	
	outItem : function () {
		this.removeClassName("hover");
	},
	
	clickItem : function () {
		if (this.hasClassName("active")) {
			$('month_' + this.nr).value = "";
		}
		else {
			$('month_' + this.nr).value = this.nr;
		}
		this.toggleClassName("active");
	}

});