window.addEvent('domready', function() { 

	/* set up sliders */
	newNodeSliderFx = new Fx.Slide('new-node-slider', { duration: 200 });
	newNodeSliderFx.hide();

	newCheckTemplateSliderFx = new Fx.Slide('new-check-template-slider', { duration: 200 });
	newCheckTemplateSliderFx.hide();

	newCheckSliderFx = new Fx.Slide('new-check-slider', { duration: 200 });
	newCheckSliderFx.hide();

	/* set up togglers */
	$('new-node').addEvent('click', function(e) {
		e.stop();
		newNodeSliderFx.toggle();
	});

	$('new-check-template').addEvent('click', function(e) {
		e.stop();
		newCheckTemplateSliderFx.toggle();
	});

	/* reload this slider on click because a node 
	 * or check template could have been added */
	$('new-check').addEvent('click', function(e) {
		e.stop();
		newCheckSliderFx.toggle();
		// only toggle when it's open
		if (!newCheckSliderFx.open) {
			newCheckSlider = $('new-check-slider');
			newCheckSlider.load('/checks/new');
		}
	});


	/* ajax up the forms */
	$$('form').each(function(form) {
		form.addEvent('submit', function(e) {
			e.stop();
			
			message = $('message');

			this.set('send', {
				onSuccess: function () {
					var statusMessage = new Element('p', { 'html': 'Sucessfully created!', 
																					'class': 'notice message'})
					message.set('html', '');
					message.grab(statusMessage)
					form.getParent('div').slide('toggle');
					form.reset();
				},
				onFailure: function (response) {
					var statusMessage = new Element('p', { 'html': "Couldn't create!", 
																					'class': 'error message'});
					message.set('html', '');
					message.grab(statusMessage);
					form.set('html', response.responseText);
					form.getParent('div').slide('in');
				}
			});
			this.send();
		})
	});

});