var Checkbox = Class.create({
							
							
	initialize : function (idNameCheckbox,styleBox) {
		//alert(idNameCheckbox);
		var idNameCheckbox = idNameCheckbox ;
		//alert(idNameCheckbox);
		if(!styleBox) {
			var styleBox = ' left:50%; top:50%; margin-top:-7px; margin-left:-7px;' ;
		} else {
			var styleBox = styleBox ;
		}
		
		//recuperation de la valeur du checkbox;
		var valueCheckbox = ($(idNameCheckbox).value=='') ? 'on' : $(idNameCheckbox).value ;
		var checkedBox = ($(idNameCheckbox).checked) ? true : false ;
		
		//construction du checkbox
		var htmlCheckbox = '<div style="height:15px; width:15px; background:url(images/decoupage/checkboxBG_2.gif) 0px '+( (checkedBox) ? '15' : '0')+'px; position:relative; '+styleBox+'"><input type="hidden" name="'+idNameCheckbox+'" id="'+idNameCheckbox+'" value="'+( (checkedBox) ? valueCheckbox : '' )+'"/></div>';
	
		//selection du parent pour l'insertion du checkbox
		var parentInput = $(idNameCheckbox).up().id;
		//suppression du checkbox original
		$(idNameCheckbox).remove();
		//alert(parentInput);
		$(parentInput).insert(htmlCheckbox);
		
		
		$(idNameCheckbox).up().observe('click',function(event) {
			Event.stop(event);
			if(checkedBox) { //on decoche
				$(idNameCheckbox).value = '' ;
				$(idNameCheckbox).up().setStyle("background-position: 0px 0px;");
				checkedBox = false;
			} else { //on coche
				$(idNameCheckbox).value = (valueCheckbox!='') ? valueCheckbox : 'on' ;
				$(idNameCheckbox).up().setStyle("background-position: 0 15px;");
				checkedBox = true;
			}
		});
		
	}





























});