window.addEvent('load', function() {
	// Hide read-more-content secionds
	$$('p.read-more-content').each(function(item, index){
		item.style.display = "none";
	});
	$$('span.read-more').each(function(item, index){
		item.style.display = "block";

		item.addEvent('click', function(){
				if ($(item.id+'more').style.display == "none") {
					$$('p.read-more-content').each(function(item, index){
						item.style.display = "none";
					});
					//$(item.id+'more').fade('hide');
					$(item.id+'more').style.display = "";
					//$(item.id+'more').fade('in');
				}
				else
					$(item.id+'more').style.display = "none";
			}
		);
	});

	// Flashing messages
	if ($('flash') != null) {
		$('flash').set('tween', {link: 'chain'})
			.tween('color', '#fff', '#000')
			.tween('color', '#000', '#fff')
			.tween('color', '#fff', '#000');
	}

	// Tooltips
	new Tips($$('.tool-tip'));

	$$('a.modal').each(function(item, index){
		item.addEvent('click', function(){
			getForm(item.href);
			//alert(item.href);
			return false;
		});
	});

	if ($$('page-form')) {
		var initial = new Hash();
		$$('input[name^=comment]').each(function(item, index) {
			if (item.checked) {
				initial.include(item.id, item.checked);
			}
		});

		$$('a').each(function(item, index) {
			item.addEvent('click', function(){
				var changed = false;
				initial.each(function(value, key) {
					if (!$(key).checked) {
						changed = true;
						return false;
					}
				});
				if (changed) {
					return confirm('You\'re attempting to navigate away from a page which you\'ve made changes to but have not yet saved. Continue?');
				}
			});
		});
	}
});

window.addEvent('resize', function() {
	if ($('blackout') != null) {
		$('blackout').style.width = Window.getSize().x + 'px';
		$('blackout').style.height = Window.getSize().y + 'px';

		if ($('modal') != null) {
			var form = $('modal');
			form.style.left = ((Window.getSize().x / 2) - (form.getSize().x / 2)) + 'px';
			form.style.top = ((Window.getSize().y / 4)) + 'px';
		}
	}
});

var modalLoaded = false;
function getForm(path) {
	if (modalLoaded)
		return false;
	modalLoaded = true;

	var blackout = new Element('div', { 'id': 'blackout' });
	var modal = new Element('div',  { 'id': 'modal', 'html': 'Loading...' });

	new Request.HTML({
		method: 'get',
        url: path,
		update: modal,
        onRequest: function() {
		},
        onComplete: function(response) {
			blackout.inject(document.body);
			modal.inject(document.body);

			blackout.style.width = Window.getSize().x + 'px';
			blackout.style.height = Window.getSize().y + 'px';

			modal.style.left = ((Window.getSize().x / 2) - (modal.getSize().x / 2)) + 'px';
			modal.style.top = ((Window.getSize().y / 4)) + 'px';

			$('modal-close').addEvent('click', function(){
				modal.destroy();
				blackout.destroy();
				modalLoaded = false;
				return false;
			});
		},
		onError: function() {
				modal.destroy();
				blackout.destroy();
				modalLoaded = false;
		}
	}).send();
}