<div class="widget">
<script>
var noteSaveTimer = null;
$(document).on('focusout',"#note-text",function(e){
	if(noteSaveTimer)
		clearTimeout(noteSaveTimer);
	notePostFinal();
	noteSaveTimer = null;
});

$(document).on('focusin',"#note-text",function(e){
	noteSaveTimer = setTimeout(noteSaveChanges,10000);
});

function notePostFinal() {
	$.post('notes/sync', { 'note_text' : $('#note-text').val() });
}

function noteSaveChanges() {
	$.post('notes', { 'note_text' : $('#note-text').val() });
	noteSaveTimer = setTimeout(noteSaveChanges,10000);
}
</script>

<h3>{{$banner}}</h3>
<textarea name="note_text" id="note-text">{{$text}}</textarea>
</div>