function Product(){}
Product.UIController = function(){
	var cached_description = '';
	this.viewDidLoad = function(){
		$('a.edit').click($.proxy(this.onEditClick, this));
	};

	this.onSaveClick = function(e){
		var description = $('#description');
		this.save({code: description.attr('rel'), description: description.val()});
	};
	
	this.onEditClick = function(e){
		var description = $(e.target).prev('.description');
		cached_description = description.html();
		description.replaceWith('<textarea id="description" rel="' + description.attr('rel') + '" cols="60" rows="10">' + $.trim(description.html()) + '</textarea><button type="submit" id="save_button">save</button>');
		$(e.target).hide();
		$('#save_button').click($.proxy(this.onSaveClick, this));
	};
	
	this.save = function(product){
		$.ajax({
			type: 'POST'
			, url: '../product.json'
			, data: product
			, success: function(data, status, request){
				window.location.reload();
			}
			, error: function(request, status, error){
				alert(error);
			}
			, dataType: 'json'
		});
	}
}


var view = new Product.UIController();
$(document).ready($.proxy(view.viewDidLoad, view));