var valid;

Event.observe(window, 'load', loadAccordion, false);

function loadAccordion(){
	
		Validation.add('validate-bv', '', { isNot: 'Bitte beschreiben Sie hier kurz Ihr Bauvorhaben.' });
		valid = new Validation('fAktion', {immediate: true, onSubmit: false});
		
		
	
		var Accordion = new accordion('accordion', {
				classNames : {
					toggle : 'accordion_toggle',
					toggleActive : 'accordion_toggle_active',
					content : 'accordion_content'
				},
				defaultSize : {
					width : 600
				},
				direction : 'horizontal'
			});
		Accordion.activate($$('#accordion .accordion_toggle')[0]);

}


function sendForm(){
	res = valid.validate();
	
	if(res){
		
		var url = './dyncontent/sendAktion.php';
		var params = {	
					Name :  $F('Name'),
					Telefon:$F('Telefon'),
					Erreichbar: $F('Erreichbar'),
					Email:  $F('Email'),
					Bauvorhaben:  $F('Bauvorhaben'),
					Email:  $F('Email'),
					Strasse:  $F('Strasse'),
					PLZ:  $F('PLZ'),
					Ort:  $F('Ort'),
					bvdetails: $F('bvdetails'),
					Dach:  $F('Dach'),
					Wand:  $F('Wand'),
					Flaeche_Dach:  $F('Flaeche_Dach'),
					Flaeche_Wand:  $F('Flaeche_Wand'),
					Dicke_Dach:  $F('Dicke_Dach'),
					Dicke_Wand:  $F('Dicke_Wand'),
					Konstruktion:  $F('Konstruktion')};

		
		var AjaxCall = new Ajax.Updater('aktionContainer', url, {
							method: 'post',
							parameters: params,
							onLoading: function(){
										$('fAktion').style.display= 'none';
										$('loader').style.display = 'block';
									},
							onLoaded: function(){
										$('loader').style.display = 'none';
										$('result').style.display = 'block';
									},
							onComplete: function(){
										$('loader').style.display = 'none';
										$('result').style.display = 'block';
							}
		});
	}
	return false;
}