$(document).ready(function(){
	
	$('.settings .item .buttonChange').click(function(){
	    if ($(this).hasClass('disabled'))
	        return false;
	        
		var $item = $(this).parents('.item');
		$(this).hide();
		$item.find('.savedValue, .shownValue').hide();
		$item.find('.buttonSave').show();
		$item.find('.buttonCancel').show();
		$item.find('.editor').show();
		
		$('.buttonChange').addClass('disabled');
	});
	
	$('.settings .item .buttonCancel').click(function(){
		var $item = $(this).parents('.item');
		$(this).hide();
		$item.find('.savedValue, .shownValue').show();
		$item.find('.buttonSave').hide();
		$item.find('.buttonChange').show();
		$item.find('.editor').hide();
		
		var resetValue = $(this).parent().parent().find('input:hidden').attr('value');
		var inputcontrol = $(this).parent().parent().find('.editor').find("textarea[id$='txtEdit']");
		
        if(inputcontrol.length < 1) {
            inputcontrol = $(this).parent().parent().find('.editor').find("input[id$='txtEdit']");
        }
        if(inputcontrol.length > 0) {
            inputcontrol.val(resetValue);
        }			
		
		$('.buttonChange').removeClass('disabled');
	});
});