document.observe('dom:loaded', function() {
  new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'), {circular: false, afterMove: setSelected, wheel: false});
	$$("a[rel='slide-1']").each(function(e) {e.addClassName('carousel-selected')});
});

function toggle_carousel() {
  $('carousel-wrapper').toggle();
	$('controls').toggle();
  if($('toggle_carousel').hasClassName('opened')) {
		$('toggle_carousel').removeClassName('opened');
  } else {
		$('toggle_carousel').addClassName('opened');
  }
}

function setSelected(elem) {
	$$('.carousel-jumper').each(function(e) {
		e.removeClassName('carousel-selected');
	});
	$$("a[rel='" + elem.id + "']").each(function(e) { e.addClassName('carousel-selected')});
}