window.addEvent('domready', function() {

	var urls = ['/videos/pages/0/{{ slideNo }}/', '/bilder/pages/{{ slideNo }}/'];
	
	$$('.multimedia-overview').each(function(wrapper, index) {
		var navEl = wrapper.getElement('.multimedia-pagnav');
		var pageEl = navEl.getElement('.pageno');
		var curPage = pageEl.get('text').toInt();
		var maxPage = navEl.getElement('.maxpage').get('text').toInt();
		
		var nav = new SimpleNav(navEl, '.prev', '.next');
		
		
		var slides = new HtmlSlides(wrapper.getElement('.multimedia-wrapper'), urls[index], {
			slidesNo: maxPage,
			duration: 300
		});
		
		nav.addEvent('prev', function() {
			slides.showPrevSlide();
		});
		nav.addEvent('next', function() {
			slides.showNextSlide();
		});
		
		slides.addEvent('slideChanged', function(index) {
			pageEl.set('text', index+1)
		});
	});
});