var mySlide = 0;

function toggle_contact_form()
{
	mySlide.toggle().chain(function(){
		if(mySlide.open){
			$('contact_toggle').innerHTML = 'Click to hide';
		}
		else{
			$('contact_toggle').innerHTML = 'Click here to submit a query';
		}
	});
}

function handle_form_submit(e) {
	/**
	 * Prevent the submit event
	 */
	new Event(e).stop();
	display_progress_info();
	
	var to_update = $('contact_table');

	/*this.send({
		update: to_update,
		onComplete: function() {
			alert('Setting hidden');
		}
	});*/
	new Ajax('/Contact/', {
		method: 'post',
		update: to_update,
		onComplete: refresh_view
	}).request();
};

function display_progress_info()
{
	$('progress_overlay').setStyle('visibility', 'visible');
}

function refresh_view()
{
	$('progress_overlay').setStyle('visibility', 'hidden');
}

function init_contact_page()
{
	$('progress_overlay').setStyle('visibility', 'hidden');
	
	mySlide = new Fx.Slide('contact_form');
	mySlide.hide();
	
	$('contact_toggle').addEvent('click', function(e){
		e = new Event(e);
		toggle_contact_form();
		e.stop();
	});
	
	$('contact_form').addEvent('submit', function(e){
	        /**
        	 * Prevent the submit event
	         */
        	new Event(e).stop();
	        display_progress_info();
        	var to_update = $('contact_fieldset');
		
	        this.send({
        	        update: to_update,
                	onComplete: refresh_view
        	});
	});
}

window.addEvent('domready', init_contact_page);