$(document).ready(function() {
	// URL to post to
	// should be set in the code
	//var updateUrl = "";
	
	$('.editable').editable(updateUrl, {
		indicator : 'Saving...',
		style     : 'display: inline;',
		width     : '90%',
		callback  : function(value, settings) {
			// specific to ManagePages
			classes = $(this).attr('class').split(' ');
			classes2 = classes[1].split('-');
			id = classes2[1];
			$('#object-' + id + ' > .sitePageObjectHead > .sitePageObjectHeadTitle').html(value);
		}
	});
	$('.editable_snippet').editable(updateUrl, {
		indicator : 'Saving...',
		style     : 'display: inline;',
		width     : '60%',
		callback  : function(value, settings) {
			// specific to ManagePages
			classes = $(this).attr('class').split(' ');
			classes2 = classes[1].split('-');
			id = classes2[1];
			$('#object-' + id + ' > .sitePageObjectHead > .sitePageObjectHeadTitle').html(value);
		}
	});
	$('.editable_active').editable(updateUrl, {
		data      : "{0:'Inactive', 1:'Active'}",
		type      : 'select',
		submit    : 'Set',
		indicator : 'Saving...',
		style     : 'display: inline;',
		callback  : function(value, settings) {
			// specific to ManagePages
			if(value == 'Active') {
				classes = $(this).attr('class').split(' ');
				classes2 = classes[1].split('-');
				id = classes2[1];
				$('#object-' + id).removeClass('sitePageObjectInactive');
			}
			else {
				classes = $(this).attr('class').split(' ');
				classes2 = classes[1].split('-');
				id = classes2[1];
				$('#object-' + id).addClass('sitePageObjectInactive');
			}
		}
	});
	$('.editable_area').editable(updateUrl, {
		type      : 'textarea',
		cancel    : 'Cancel',
		submit    : 'Save',
		tooltip   : 'Click to edit...',
		style     : 'display: inline;',
		width     : '97%',
		rows      : 5
	});
});