var previousImg = '';

function init_accordion() {
	$$('#accordion h3').setStyle('cursor', 'pointer');
	var accordion = new Accordion($$('#accordion h3'), $$('#accordion .content'), {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('text-decoration', 'none');
		},
 		onBackground: function(toggler, element){
			toggler.setStyle('text-decoration', 'underline');
		}
	});
}

function init_thumbnails() {
	var thumbnails = $$('.thumbnail');
	thumbnails.each(function(elem){
		elem.addEvent('click', thumbnail_click);
		elem.setStyle('outline', 'none');
	});
}

function thumbnail_click(evt) {
	var evt = new Event(evt);
	evt.preventDefault();
	previousImg = $('main').getStyle('background-image');
	previousImg = previousImg.substring(4, previousImg.length - 1).replace(/"/g, '');

	$('main').setStyle('background-image', 'url(' + this.href + ')');
	this.firstChild.src = previousImg.replace(/_big/, '');
	this.href = previousImg;
}

window.addEvent('domready', function() {
	init_accordion();
	init_thumbnails();
});