$(document).ready(function() {
		$(document).on('change', 'FORM.yournotes textarea', function(e) {	
			$(this).parent('form').find('.btn').removeClass('btn-default').removeClass('btn-primary').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning');
		});	
		
		$(document).on('keyup', 'FORM.yournotes textarea', function(e) {	
			$(this).parent('form').find('.btn').removeClass('btn-default').removeClass('btn-primary').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning');
		});	

		$(document).on('keydown', 'FORM.yournotes textarea', function(e) {	
			$(this).parent('form').find('.btn').removeClass('btn-default').removeClass('btn-primary').removeClass('btn-danger').removeClass('btn-success').addClass('btn-warning');
		});	
		
		$(document).on('submit', 'FORM.yournotes', function(e) {		
			var now    = new Date();
			var timestamp = Number(now);
			var hour        = now.getHours();
			var minute      = now.getMinutes();
			if (minute<10) { minute='0' + minute; }
			
			var This = $(this);

			var iswysiwyg = $(e.target).find('DIV.summernotediv').length;
			
			if (iswysiwyg) {
				var newnotes = $(e.target).find('DIV.summernotediv').code();
				$(e.target).find('DIV.summernotediv').code(newnotes);
			} else {
				var newnotes = $(e.target).find('textarea').val();
			}
				
			$.post("/user/notes.php", { cmid: +This.data('id'), section: +This.data('section'), page: +This.data('page'), course:+This.data('course'), notes: newnotes, timestamp: timestamp }, function(data) {
				if (data == 'ERROR') {
					This.find('.btn').removeClass('btn-default').removeClass('btn-warning').removeClass('btn-primary').removeClass('btn-success').addClass('btn-danger');
					This.find('.yournotesmsg, .yournotesmsg2').hide();
					This.find('.yournotesmsg, .yournotesmsg2').html(' | <span>Saving failed!</span> ');
					This.find('.yournotesmsg, .yournotesmsg2').fadeIn(1500);						
				} else {
					This.find('.btn').removeClass('btn-default').removeClass('btn-warning').removeClass('btn-primary').removeClass('btn-danger').addClass('btn-success');
					This.find('.yournotesmsg, .yournotesmsg2').hide();
					This.find('.yournotesmsg, .yournotesmsg2').html(' | <span>Saved ('+ hour +':'+ minute +')</span> ');
					This.find('.yournotesmsg, .yournotesmsg2').fadeIn(1500);

					cm = {};
					cm.id = +This.data('id');
					cm.section = +This.data('section');
					cm.page = +This.data('page');
					cm.course = +This.data('course');
										
					if (typeof saveNotesCallback === 'function') {
						saveNotesCallback(JSON.stringify(cm), data); 
					}
					
				}
			});
			return false;
		});
	});