var Caption = {
    init : function() {
	$('.caption').click(Caption.onclick);
    },
    onclick : function() {
	var cap = $(this);
	cap.unbind('click');
	var val = cap.text();
	var id = cap.attr('id').substr('caption-'.length);
	cap.html('<input id="input-caption" type="text" size="40" value="'+val+'" />');
	$('#input-caption').focus()
	    .blur(function() {
		      var val = $('#input-caption').val();
		      cap.text('saving...');
		      $.getJSON('/api/caption',{value:val,id:id},function(ret) {
				    cap.text(ret.value);
				    cap.bind('click',Caption.onclick);
				});
		  })
	    .keydown(function(ret) {
			 if(ret.keyCode == 13) {
			     var val = $('#input-caption').val();
			     cap.text('saving...');
			     $.getJSON('/api/caption',{value:val,id:id},function(ret) {
					   cap.text(ret.value);
					   cap.bind('click',Caption.onclick);
				       });
			 }
		     });
    }    
};
//$(Caption.init);