(function($) {
	var id_editable=new Array;

	$.fn.editableWbw = function(options) {
		$(this).mouseover(function(){	
			className=$(this).attr('class').split(' ');		
	
			if(typeof id_editable[$(this).attr('id')+'_'+className[1]+'_'+className[2]]=='undefined'){			
				if(className[3]=='select')
					loadurl=DIR+controller+'/editableLoadSelect/'+className[1];
				else
					loadurl='';

				$(this).editable(DIR+controller+'/editable', {
					id         : 'data['+className[1]+'][id]',
					name       : 'data['+className[1]+']['+className[2]+']',
					type       : className[3],
					submit     : '<img height="16" width="16" border="0" title="Salva" alt="Salva" src="'+DIR+'img/save.png" />',
					cancel     : '<img height="16" width="16" border="0" title="Annulla" alt="Annulla" src="'+DIR+'img/close.png" />',
					tooltip    : 'Clicca qui per modificare',
					width      : '75%',
					indicator  : '<img src="'+DIR+'img/indicator.gif">',
					placeholder: '&nbsp;',
					loadurl    : loadurl,
/*					loadtext   : '<img src="'+DIR+'img/indicator.gif">',*/
/*					loadtext   : 'Caricamento in corso...',*/
					callback   : editableCallback,
					height_iniz: $(this).height()			
				});

				id_editable[$(this).attr('id')+'_'+className[1]+'_'+className[2]]=1;	
			}	
	    });
       
		$(this).mouseover(function() { 
			$(this).css('background-color', '#CCEFD6');
	    });
	
	    $(this).mouseout(function() { 
			$(this).css('background', 'none');
	    });
	    $(this).click(function() { 
			$(this).css('background', 'none');
			$(this).unbind('mouseover');
			
			if(className[3]=='textarea')
				$(this).css('height','50px');
			else
				$(this).css('height','16px');
	    });
	    
   	}

	function editableCallback(data, settings){
 		$(this).animate({height: 'auto'});
 
        json=eval(("(" + data + ")"));
        
 		$(this).html(json.value);
   		
  		if(parseInt(json.err_code)>0){       	
        	$error='<div class="error">';
        	$error+=json.err;
        	$error+='</div>';
        	
         	$(this)
         		.prepend($error)
	        	.children('.error').animate({
		        		opacity:1.0
		        	},
		        	3000
	        	).animate({
		        		opacity: 'toggle', 
		        		height: 'toggle'
		        	},
		        	1500,
		        	'linear',
		        	function(){       		
						$(this).parent().html(json.value);
		        	}
	       	);
        }
           
		$(this).mouseover(function() { 
			$(this).css('background-color', '#CCEFD6');
	    });
	
	    $(this).mouseout(function() { 
			$(this).css('background', 'none');
	    });
    }      
    
	$.editable.addInputType(
		'datetime', {
	    element : function(settings, original) {
			var input = $('<input>');
			if (settings.width  != 'none') { input.width(settings.width);  }
			if (settings.height != 'none') { input.height(settings.height); }
			/* https://bugzilla.mozilla.org/show_bug.cgi?id=236791 */
			//input[0].setAttribute('autocomplete','off');
			input.attr('autocomplete','off');
			input.css('width','80px');
			
			input.datepicker(
				$.extend(
					{}, 
					$.datepicker.regional["it"],
					{
						dateFormat: "dd/mm/yy",
						showStatus: true, 
						showOn: "both",
						showAnim: "fadeIn",
						buttonImage: DIR+"img/calendar.gif",
						buttonImageOnly: true
					}
				)
			)/*.addClass('embed')*/;
			
			$(this).append(input);
			
			return(input);	
	    }
	});
        
	$.editable.addInputType(
		'checkbox', {
	    element : function(settings, original) {
			var input = $('<input type="hidden">');
			
			$(this).append(input);
			
			var input = $('<input type="checkbox">');
			
			$(this).append(input);
			
			return(input);	
	    },
		content : function(string, settings, original) {
		    $(':input:eq(0)', this).val(0);		    
		    $(':input:eq(0)', this).attr('name',settings.name);

		    $(':input:eq(1)', this).val(1);
		    
		    if(string!='No')
		    	$(':input:eq(1)', this).attr('checked','checked');

//			console.log(settings);
		}
	});
        
    $.editable.types.defaults.reset=function(settings, original) {          	    
		$(this).parent().animate({height: settings.height_iniz});

		original.reset();
		
		$(original).mouseover(function() { 
			$(original).css('background-color', '#CCEFD6');
	    });
	
	    $(original).mouseout(function() { 
			$(original).css('background', 'none');
	    });
	};
 })(jQuery);