var Caption = {
    init : function() {
	$.getJSON('/api/signed',function(ret) {
		      if(ret.err) return;
		      $('.caption').dblclick(Caption.onclick);
		  });
    },
    onclick : function() {
	var cap = $(this);
	cap.unbind('dblclick');
	var val = cap.text();
	var id = cap.attr('id').substr('caption-'.length);
	cap.html('<textarea id="input-caption" cols="100" rows="10">'+val+'</textarea>');
	$('#input-caption').focus()
	    .blur(function() {
		      var val = $('#input-caption').val();
		      cap.text('saving...');
		      $.getJSON('/api/log/caption',{value:val,id:id},function(ret) {
				    cap.text(ret.value);
				    cap.bind('dblclick',Caption.onclick);
				});
		  })
	    .keydown(function(ret) {
			 if(ret.keyCode == 13) {
			     var val = $('#input-caption').val();
			     cap.text('saving...');
			     $.getJSON('/api/log/caption',{value:val,id:id},function(ret) {
					   cap.text(ret.value);
					   cap.bind('dblclick',Caption.onclick);
				       });
			 }
		     });
    }    
};
//$(Caption.init);