var SuggestField = Behavior.create({
	initialize: function(options) {
		this.options = options;
	},
	onfocus: function(e) {
		var element = e.element();
		if(element.value == this.options.suggest) element.value = '';
		else if(element.value == '') element.value = this.options.suggest;
	},
	onblur: function(e) {
		var element = e.element();
		if(element.value == '') element.value = this.options.suggest;
	}
});

var date_add = {
	initialize: function() {
		 if($('events_form')) {
			$('add_another_date').observe('click', function(event){
				var new_date_box = '<div class="dates_select_boxes">'+$$('.dates_select_boxes')[0].innerHTML.gsub('<label for="ChooseADateMonth">Choose A Date</label>',' ').gsub(/\[[0-9\.\-]/, '[new'+$$('.dates_select_boxes').length+'][]')+'</div>';
				$('dates_end').insert({"before" : new_date_box});
				return false;
			});
		}
	}
}

Event.addBehavior({
	'input#username': SuggestField({ suggest: 'Username' }),
	'input#password': SuggestField({ suggest: 'Password' })
});

Event.observe(window, 'load', function() {
	date_add.initialize();
});
