var JoanBox = {
	init: function() {
		document.getElements('a').each(function(element) {
			if(element.rel && (element.rel.test(/^joanbox/i) || element.rel.test(/^subsection/i))) {
				element.addEvent('click', this.click.bindWithEvent(element));
			}
		}, this);
	}, 
  
	click: function(event) {
		event.preventDefault();

		var extraElement = $('extra').empty();

		var imageElement = new Element('img', {'src': this.href});
		if(this.hasClass('landscape-img-link')) {
			imageElement.addClass('landscape');
		}
		imageElement.inject(extraElement);

		new Fx.Scroll(window).toElement(imageElement);
	}
};

window.addEvent('load', JoanBox.init.bind(JoanBox));