window.addEvent('domready', function(){
	
	var nav = new Navigation(document.id('slideshow-nav').getElement('ul'));
	var slideshow = new Slideshow('slideshow', {
		url: '/json/',
		onPages: function(pageCount){
			nav.createElements(pageCount);
		},
		onChange: function(i){
			nav.setActive(i);
		}
	});

	/*var comment = new Comments('slideshow-title', function(){
		return slideshow.getCurrent().getElement('img').get('title');
	});
	comment.element.setStyle('opacity', 0);

	slideshow.addEvent('change', function(i){
		comment.change();
	});
	comment.change();
	*/
	nav.addEvent('change', function(i){
		slideshow.gotoSlide(i);
	});
});