/* when the DOM is ready */
if (typeof SqueezeBox!="undefined") {
	window.addEvent('domready', function()
	{
		SqueezeBox.assign($$('a[rel=lightbox]'), {
			size: {x: 650, y: 550},
			handler:'iframe'
		});

		SqueezeBox.assign($$('a[rel=boxed]'));
	});
}

/* when the DOM is ready */
window.addEvent('domready', function() {
	//find the editable areas
	$$('.editable').each(function(el) {
		//add double-click and blur events
		el.addEvent('dblclick',function() {
			//store "before" message
			var before = el.get('html').trim();
			//erase current
			el.set('html','');
			//replace current text/content with input or textarea element
			if(el.hasClass('textarea'))
			{
				var input = new Element('textarea', { 'class':'box', 'text':before });
			}
			else
			{
				var input = new Element('input', { 'class':'box', 'value':before });
				//blur input when they press "Enter"
				input.addEvent('keydown', function(e) { if(e.key == 'enter') { this.fireEvent('blur'); } });
			}
			input.inject(el).select();
			//add blur event to input
			input.addEvent('blur', function() {
				//get value, place it in original element
				val = input.get('value').trim();
				el.set('text',val).addClass(val != '' ? '' : 'editable-empty');
				
				//save respective record
				var url = 'content.php?image_id=' + el.get('rel') + '&caption=' + el.get('text');
				var request = new Request({
					url:url,
					method:'post'
				}).send();
			});
		});
	});
});