window.addEvent('domready', function(){
	
	/*$$('#etape-1-niveau label').each(function(element){
		element.addEvent('click', function(){
			$$('#etape-1-niveau label').each(function(subElement){subElement.set('tween', {'duration':200});subElement.tween('background-color', '#777')});
			element.set('tween', {'duration':200});
			element.tween('background-color', '#538F9B');
		})
		if(element.getChildren('input')[0].checked){element.setStyle('background-color', '#538F9B')};
	})*/
	
	if($('adulte-plus')){
		var nba = 1;
		
		$('adulte-plus').addEvent('click', function(e){
			e.stop();
			
			if(nba < 2){
				var input = new Element('input', {'type':'text','name':'adultes[]'});
				var span = new Element('span');
				var span2 = new Element('span');
				var label = new Element('label');
				var p = new Element('p');
				var a = new Element ('a', {'href':'#','title':'Supprimer'});
				var img = new Element('img', {'src':'/img/content/icons/delete.png'});
				
				a.addEvent('click', function(e){
					e.stop();
					this.getParent().dispose();
					nba--;
					if(nba < 2){$('adulte-plus').setStyle('display','block');}
				})
				
				span.appendText('Né en ', 'top');
				span2.appendText('Supprimer', 'top');
				span.inject(label);
				input.inject(label);
				label.inject(p);
				img.inject(a);
				span2.inject(a);
				a.inject(p);
				p.inject('etape-1-adultes', 'bottom');
				nba++;
				if(nba >= 2){$('adulte-plus').setStyle('display','none');}
			}
		})
	}
	
	if($('enfant-plus')){
		$('enfant-plus').addEvent('click', function(e){
			e.stop();
			
			var input = new Element('input', {'type':'text','name':'enfants[]'});
			var span = new Element('span');
			var label = new Element('label');
			var p = new Element('p');
			var a = new Element ('a', {'href':'#','title':'Supprimer'});
			var img = new Element('img', {'src':'/img/content/icons/delete.png'});
			
			a.addEvent('click', function(e){
				e.stop();
				this.getParent().dispose();
			})
			
			span.appendText('Né en ', 'top');
			span.inject(label);
			input.inject(label);
			label.inject(p);
			img.inject(a);
			a.inject(p);
			p.inject('etape-1-enfants', 'bottom');
		})
	}
	
	if($('statut')){
		$('statut').addEvent('change', function(e){
			e.stop();
			var value = this.getSelected();
			var elp = $('statut-autre');
			
			if(value[0].getProperty('value') == 'autre'){
				elp.setStyle('display','block');
			}else{
				elp.setStyle('display','none');
			};
		})
	}
	
	$$('.auto-dispose').each(function(element){
		element.addEvent('click', function(e){
				e.stop();
				this.getParent().getParent().dispose();
			})
	})
	
	$$('select.has-other').each(function(element){
		element.addEvent('change', function(e){
			e.stop();
			var value = this.getSelected();
			var elp = $(element.getProperty('name')+'-autre');
			
			if(value[0].getProperty('value') == 'autre'){
				elp.setStyle('display','block');
			}else{
				elp.setStyle('display','none');
			}
		})
	})

	$$('select.has-other-multi').each(function(element){
		element.addEvent('change', function(e){
			e.stop();
			var value = this.getSelected();
			var elpId = element.getProperty('id')+'-autre';
			var elp = $(elpId);
			
			if(value[0].getProperty('value') == 'autre'){
				elp.setStyle('display','block');
			}else{
				elp.setStyle('display','none');
			}
		})
	})
	
	if($('sous-etape')){
		switch($('sous-etape').value){
			case '1' :
				$$('.etape-4-2').each(function(element){
					element.store('oldHeight',element.offsetHeight);
					element.setStyle('display','none');
					element.setStyle('height','0px');
				})
				break;
			case '2' :
				$$('.etape-4-1').each(function(element){
					element.store('oldHeight',element.offsetHeight);
					element.setStyle('display','none');
					element.setStyle('height','0px');
				})
				break;
		}
	}
	
})

function extendFields(caller){
	if($('sous-etape')){
		caller.dispose();
		switch($('sous-etape').value){
			case '1' :
				$$('.etape-4-2').each(function(element){
					element.set('tween', {duration: 1000});
					element.setStyle('display','block');
					element.tween('height', '0px', element.retrieve('oldHeight'));
				})
				break;
			case '2' :
				$$('.etape-4-1').each(function(element){
					element.set('tween', {duration: 1000});
					element.setStyle('display','block');
					element.tween('height', '0px', element.retrieve('oldHeight'));
				})
				break;
		}
	$('sous-etape').setProperty('value', '3');
	
	var myRequest = new Request({method: 'get', url: '/php/devis-demande-double.php'});
	myRequest.send();
	}
}