/* 
#####################################################
#####################################################
##												   ##
##		Document JS développé pour le site 	   	   ##		
##			http://www.gueuleton.com/			   ##
##												   ##
##			Propriété de ce document			   ##
##												   ##
##			  Simon Jean-Philippe				   ##
##		document créer le 25 janvier 2009		   ##
##				mis à jour le 					   ##
##												   ##
#####################################################
#####################################################
*/


//Event.observe(window,'load', function() {
	
									  
									  
	/*var Radio = Class.create({
		
		initialize : function(pIdRadio,pIdConteneur,pClassConteneur,pColor) {
			
			//verification qu'il est check
			this.checked = $(pIdConteneur).down('.radio').checked ;
			this.value = $(pIdConteneur).down('.radio').value ;
			
			//suppression de l'input actuel
			$(pIdConteneur).down('.radio').remove();
			
			//choix de la couleur 
			switch(pColor)
			{
				case 'red': this.className = 'radioRed' ;
					break;
				case 'blue': this.className = 'radioBlue' ;
					break;
				case 'yellow': this.className = 'radioYellow' ;
					break;
				case 'beige': this.className = 'radioBeige' ;
					break;
				case 'brown': this.className = 'radioBrown' ;
					break;
				default: this.className = 'radioRed' ;
					break;
			}
			
			//construction de l'input personnaliser
			var element = Builder.node('div', {
				id: pIdRadio,
				className: this.className,
				style : 'width:20px; height:20px; left:0px; top:0px;'
			});
			
			//ajout du radio dans la page
			$(pIdConteneur).appendChild(element);
			
			//construction de l'element input hidden
			if(this.checked) {
				//construction du selected de l'input
				$(pIdRadio).update('<img src="images/decoupage/radio_selected_white.png"/>');
				$(pIdConteneur).insert('<input type="hidden" name="'+pClassConteneur+'" id="'+pClassConteneur+'"value="'+this.value+'"/>');
			}
			
			//insertion de la valeur du radio
			$(pIdConteneur).insert('<input type="hidden" name="value_'+pIdRadio+'" id="value_'+pIdRadio+'"value="'+this.value+'"/>');
		}
	
	});*/
	
	var Radio = Class.create({
		
		initialize : function(pClassRadio,pColor) {
			
			this.valueRadio = '0' ;
			this.valueChecked  = '';
			this.idRadio = '';
			this.className = 'radioRed';
			this.checked = false;
			this.i = 0 ;
			
			$$('.'+pClassRadio).each(function(element) {
				//  alert(element.id);
				  //selection de sa valeur
				  this.valueRadio = element.value ;
				  this.idRadio = element.id;
				  this.checked = element.checked;
				 // alert(this.valueRadio+this.idRadio);
				  //construction de lelement personnalisé
						//choix de la couleur 
						switch(pColor)
						{
							case 'red': this.className = 'radioRed' ;
								break;
							case 'blue': this.className = 'radioBlue' ;
								break;
							case 'yellow': this.className = 'radioYellow' ;
								break;
							case 'beige': this.className = 'radioBeige' ;
								break;
							case 'brown': this.className = 'radioBrown' ;
								break;
							default: this.className = 'radioRed' ;
								break;
						}
				  
						var pRadio = Builder.node('div', {
							id: pClassRadio+'{##}'+this.valueRadio,
							className: this.className+' R'+pClassRadio,
							style : 'width:20px; height:20px; left:0px; top:0px;'
						});
				  
					//insertion du champs input hidden contenant la valeur du radio selectionné
					/*if(this.i==0) {
						element.up().insert('<input type="hidden" name="In'+pClassRadio+'" id="In'+pClassRadio+'" value="'+this.valueRadio+'"/>');
						this.i = 1 ;
				 	}*/
					
					//suppression du radio
				  	element.up().appendChild(pRadio);
					element.remove();
					
					//selection du radio sil est selectionné à lorigine
					if(this.checked) {
						//construction du selected de l'input
						$(pClassRadio+'{##}'+this.valueRadio).update('<img src="images/decoupage/radio_selected_white.png"/>');
						$(pClassRadio+'{##}'+this.valueRadio).insert('<input type="hidden" name="'+pClassRadio+'" id="'+pClassRadio+'" value="'+this.valueRadio+'"/>');
					}
				  
				  
			});
			
			$$('.R'+pClassRadio).each(function(e) {
											  
				e.observe('click', function() {
											
					//suppresion des selected						
					$$('.R'+pClassRadio).each(function(el) {
						el.update('');
					});
					
					//insertion du selected
					this.valueChecked = e.id.split('{##}');
					e.update('<img src="images/decoupage/radio_selected_white.png"/><input type="hidden" name="'+pClassRadio+'" id="'+pClassRadio+'"value="'+this.valueChecked[1]+'"/>');
					
					//selection de la valeur de la radio
					/*var valueRadioCurrent = $('value_'+e.down('div').id).value;
					
					//modification de la valeur du champs
					$(pReference).value = valueRadioCurrent;*/
					
				});
			});
				
				
				
		}
	
	});

	/*var ObserverRadio =  Class.create({
		
		initialize : function(pReference) {
			
			$$('.'+pReference).each(function(e) {
				e.observe('click', function() {
					//suppresion des selected						
					$$('.'+pReference).each(function(el) {
						el.down('div').update('');
					});
					//insertion du selected
					e.down('div').update('<img src="images/decoupage/radio_selected_white.png"/>');
					
					
					 //selection de la valeur de la radio
					var valueRadioCurrent = $('value_'+e.down('div').id).value;
					
					//modification de la valeur du champs
					$(pReference).value = valueRadioCurrent;
					
				});
			});
			
		}
	
	});*/